finished website

AmonKissi · Jun 26, 2024 · 14faca3 · 14faca3
1 parent ba38cbe
commit 14faca3
Show file tree

Hide file tree

Showing 437 changed files with 9,685 additions and 5,927 deletions.
diff --git a/.env b/.env
@@ -0,0 +1,3 @@
+# this is a template, copy to .env.local with proper values for local development (do not store APIs Key in git!)
+NEXT_PUBLIC_WIX_CLIENT_ID=321c4755-9317-4035-8cfe-087146f76748
+WIX_REFRESH_TOKEN=OAUTH2.eyJraWQiOiJkZ0x3cjNRMCIsImFsZyI6IkhTMjU2In0.eyJkYXRhIjoie1wiaWRcIjpcIjFiNWYwZjI4LTY1MjAtNDRkOC05Nzc0LWMzYjQyOGFhNWZkMFwifSIsImlhdCI6MTcxODk0NTA2MywiZXhwIjoxNzgyMDE3MDYzfQ._1PcKwPtbJTnWdPdD_XZl2YQKCd-F-x8OLWUW-f2e_Y
diff --git a/.env.template b/.env.template
diff --git a/app/components/Layout/Footer.tsx b/app/components/Layout/Footer.tsx
@@ -6,16 +6,16 @@ import testIds from '@app/utils/test-ids';
 
 const FooterNote = () => (
   <div className="text-sm font-open-sans-condensed text-gray-c1 float-right">
-    <span>©2035 BY JOEY DIXON </span>
+    <span>©2024 SHINE CITY DETAILING </span>
     <span>Powered and secured by </span>
     <span>
       <a
         className="underline"
-        href="https://wix.com/?utm_campaign=vir_created_with"
+        href="https://github.com/BuildandRun"
         target="_blank"
         rel="noreferrer noopener"
       >
-        Wix
+        B&R
       </a>
     </span>
   </div>
@@ -30,18 +30,18 @@ const Footer = () => (
       <div className="flex-1 relative">
         <div className="">
           <p className="uppercase mb-5 sm:mb-10 text-3xl tracking-[.35em]">
-            Contact Me
+            Contact us
           </p>
           <div className="text-2xl tracking-wider max-w-[350px]">
             <section className="mt-6 sm:mt-12 uppercase">
               <p>
-                Feel free to reach out with any questions or concerns. I look
+                Feel free to reach out with any questions or concerns. we look
                 forward to meeting you!
               </p>
             </section>
             <section className="mt-8 sm:mt-14">
-              <p>INFO@MYSITE.COM</p>
-              <p>123-456-7890</p>
+              <p>BOOK@SHINECITYDETAILING.COM</p>
+              <p>+1 (469) 427-8162</p>
             </section>
           </div>
           <div className="mt-10 sm:mt-24 mb-5">
@@ -51,7 +51,7 @@ const Footer = () => (
             >
               <li>
                 <a
-                  href="http://www.facebook.com/wix"
+                  href="https://www.facebook.com/shinecity.autodetailing/"
                   target="_blank"
                   rel="noreferrer"
                 >
@@ -64,11 +64,7 @@ const Footer = () => (
                 </a>
               </li>
               <li>
-                <a
-                  href="http://www.twitter.com/wix"
-                  target="_blank"
-                  rel="noreferrer"
-                >
+                <a href="#" target="_blank" rel="noreferrer">
                   <Image
                     width={32}
                     height={32}
@@ -79,7 +75,7 @@ const Footer = () => (
               </li>
               <li>
                 <a
-                  href="https://instagram.com/wix/"
+                  href="https://www.instagram.com/shinecity_autodetailing/"
                   target="_blank"
                   rel="noreferrer"
                 >

diff --git a/app/components/Layout/Header.tsx b/app/components/Layout/Header.tsx
@@ -6,7 +6,7 @@ const Header = () => (
   <>
     <header
       className="absolute md:fixed h-header bg-gray-c1 z-40 w-full"
-      data-testid={testIds.LAYOUT.HEADER}
+      // data-testid={testIds.LAYOUT.HEADER}
     >
       <div className="relative flex justify-center max-w-full-content mx-auto gap-8 h-header items-center">
         <NavBar />

diff --git a/app/components/Layout/NavBar/NavBar.tsx b/app/components/Layout/NavBar/NavBar.tsx
@@ -4,19 +4,25 @@ import type { LinkProps } from 'next/link';
 import { usePathname } from 'next/navigation';
 import Login from '@app/components/Login/Login';
 import { StyledNavLink } from '@app/components/Layout/NavBar/NavLink';
+import Image from 'next/image';
+import logo from './logo-white.png';
 
 const navbarItems = [
   { scroll: true, ref: '/', label: 'Home' },
   { scroll: false, ref: '/#about', label: 'About' },
-  { scroll: false, ref: '/#studio', label: 'The Studio' },
-  { scroll: true, ref: '/training', label: 'Training' },
-  { scroll: true, ref: '/classes-schedule', label: 'Book Online' },
+  // { scroll: false, ref: '/#studio', label: 'The Studio' },
+  // { scroll: true, ref: '/training', label: 'Training' },
+  {
+    scroll: true,
+    ref: 'https://shinecitydetailing.pixieset.com/autodetailing',
+    label: 'Gallery',
+  },
   { scroll: true, ref: '/plans', label: 'Plans & Pricing' },
   { scroll: false, ref: '/#contact', label: 'Contact' },
   {
     scroll: true,
-    ref: '/account/my-account',
-    label: 'My Account',
+    ref: 'https://g.co/kgs/nR7NgU6',
+    label: 'Reviews',
     prefetch: false,
   },
 ];
@@ -31,6 +37,7 @@ export function NavBar() {
   );
   return (
     <>
+      <Image src={logo} alt="Logo" width={100} height={100} />
       <button
         className="block md:hidden absolute right-8 top-6 z-50"
         onClick={toggleOpen}
@@ -79,7 +86,7 @@ export function NavBar() {
           ))}
           <li className="order-first md:order-last justify-end grow">
             <div className="flex flex-nowrap text-highlight gap-2 sm:justify-end justify-center items-center">
-              <Login onActionClick={() => setIsMenuShown(false)} />
+              {/* <Login onActionClick={() => setIsMenuShown(false)} /> */}
             </div>
           </li>
         </ul>

diff --git a/app/components/Layout/NavBar/logo-black.png b/app/components/Layout/NavBar/logo-black.png
diff --git a/app/components/Layout/NavBar/logo-white.png b/app/components/Layout/NavBar/logo-white.png
diff --git a/app/components/Plan/PlanList.tsx b/app/components/Plan/PlanList.tsx
@@ -117,17 +117,16 @@ export default function PlansList({
         </div>
       ) : (
         <div className="text-center">
-          No plans are offered at the moment. Click{' '}
+          Thanks for choosing us. Click{' '}
           <a
-            href="https://manage.wix.com/account/site-selector?actionUrl=https%3A%2F%2Fmanage.wix.com%2Fdashboard%2F%7BmetaSiteId%7D%2Fpricing-plans%3FreferralInfo%3DHeadless"
+            href="https://shine-city-auto-detailing.square.site/"
             target="_blank"
             rel="noreferrer"
             className="text-highlight"
           >
-            here
+            Here
           </a>{' '}
-          to go to the business dashboard to add plans. Once added, they will
-          appear here.
+          to access our service menu in order to book appointments.
         </div>
       )}
     </div>

diff --git a/app/globals.css b/app/globals.css
@@ -49,6 +49,13 @@
     @apply hover:text-gray-c1;
   }
 
+  .btn-third {
+    @apply text-white;
+    @apply bg-black;
+    @apply hover:bg-highlight;
+    @apply hover:text-gray-c1;
+  }
+
   .btn-main {
     @apply text-gray-c1;
     @apply bg-highlight;

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -15,13 +15,13 @@ export default function RootLayout(layoutProps: any) {
   return (
     <html lang="en">
       <head>
-        <title>Create Wix Bookings Site</title>
+        <title>Shine City - Auto Detailing</title>
         <meta
           name="description"
-          content="Generated by create next app with Wix Bookings integration"
+          content="Shine City Auto Detailing: Expert exterior and interior car detailing, ceramic coating, paint protection film, and more. Experience the ultimate shine and protection for your vehicle. Contact us today!"
         />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="https://www.wix.com/favicon.ico" />
+        <link rel="icon" href="gallery/favicon.png" />
       </head>
       {wixSession.wixClient ? (
         <body className="parallax-background">

diff --git a/app/model/gallery/fitness-instructor.ts b/app/model/gallery/fitness-instructor.ts
@@ -7,39 +7,39 @@ export type GalleryItem = {
 
 export const galleryItems: Array<GalleryItem> = [
   {
-    title: 'Get Fit',
-    tagline: 'Outlast the competition with strength and conditioning training.',
-    imgSrc: '/gallery/fitness-gallery-1.jpg',
-    id: 'fitness-gallery-1',
+    title: '',
+    tagline: '',
+    imgSrc: '/home/SCD/1.jpg',
+    id: 'detailing-gallery-1',
   },
   {
-    title: 'Reach Your Goals',
-    tagline: 'Train to win and unleash the champion inside you.',
-    imgSrc: '/gallery/fitness-gallery-2.jpg',
-    id: 'fitness-gallery-2',
+    title: '',
+    tagline: '',
+    imgSrc: '/home/SCD/12.png',
+    id: 'detailing-gallery-2',
   },
   {
-    title: 'Push Yourself',
-    tagline: 'Break through your limits and reach new heights.',
-    imgSrc: '/gallery/fitness-gallery-3.jpg',
-    id: 'fitness-gallery-3',
+    title: '',
+    tagline: '',
+    imgSrc: '/home/SCD/14.png',
+    id: 'detailing-gallery-3',
   },
   {
-    title: 'Learn the Basics',
-    tagline: 'Build a strong foundation of boxing fundamentals.',
-    imgSrc: '/gallery/fitness-gallery-4.jpg',
-    id: 'fitness-gallery-4',
+    title: '',
+    tagline: '',
+    imgSrc: '/home/SCD/15.png',
+    id: 'detailing-gallery-4',
   },
   {
-    title: 'Find Your Focus',
-    tagline: 'Gain a mental and physical edge over your opponents.',
-    imgSrc: '/gallery/fitness-gallery-5.jpg',
-    id: 'fitness-gallery-5',
+    title: '',
+    tagline: '',
+    imgSrc: '/home/SCD/5.jpeg',
+    id: 'detailing-gallery-5',
   },
   {
-    title: 'Take it to the next level',
-    tagline: 'Reach new heights with advanced training techniques.',
-    imgSrc: '/gallery/fitness-gallery-6.jpg',
-    id: 'fitness-gallery-6',
+    title: '',
+    tagline: '',
+    imgSrc: '/home/SCD/7.jpg',
+    id: 'detailing-gallery-6',
   },
 ];