Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -29,25 +29,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Menu",
-          id: "/menu",
-        },
+          name: "Menu",          id: "/menu"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Visit",
-          id: "/location",
-        },
+          name: "Visit",          id: "/location"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Indialantic Coffee"
     />
@@ -56,51 +46,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       title="Your Beachside Coffee Stop in Indialantic"
       description="Fresh coffee, local vibes, and a relaxed Space Coast atmosphere."
       buttons={[
         {
-          text: "View Menu",
-          href: "/menu",
-        },
+          text: "View Menu",          href: "/menu"},
         {
-          text: "Visit Us",
-          href: "/location",
-        },
+          text: "Visit Us",          href: "/location"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lkqa6c&_wi=1",
-          imageAlt: "cozy cafe interior beach style",
-        },
+          id: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lkqa6c&_wi=1",          imageAlt: "cozy cafe interior beach style"},
         {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3zpp10&_wi=1",
-          imageAlt: "beach town coffee shop",
-        },
+          id: "2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3zpp10&_wi=1",          imageAlt: "beach town coffee shop"},
         {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnn68g",
-          imageAlt: "fresh pastries display coffee shop",
-        },
+          id: "3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnn68g",          imageAlt: "fresh pastries display coffee shop"},
         {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvfrn0",
-          imageAlt: "surfer holding coffee surf beach",
-        },
+          id: "4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvfrn0",          imageAlt: "surfer holding coffee surf beach"},
         {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jknxis",
-          imageAlt: "space coast florida cafe view",
-        },
+          id: "5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jknxis",          imageAlt: "space coast florida cafe view"},
         {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0mw24f",
-          imageAlt: "iced coffee glass beach side",
-        },
+          id: "6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0mw24f",          imageAlt: "iced coffee glass beach side"},
       ]}
     />
   </div>
@@ -112,32 +79,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Surfer Favorite",
-          descriptions: [
-            "Our signature light roast inspired by morning surf sessions.",
+          id: "f1",          title: "Surfer Favorite",          descriptions: [
+            "Our signature light roast inspired by morning surf sessions.",            "Fuel your ride with beans that capture the coastal energy of the early morning."
           ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iufsl1",
-          imageAlt: "latte art surf cafe coffee",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iufsl1",          imageAlt: "latte art surf cafe coffee"},
         {
-          id: "f2",
-          title: "Locally Sourced",
-          descriptions: [
-            "Fresh beans roasted in Melbourne, FL.",
+          id: "f2",          title: "Locally Sourced",          descriptions: [
+            "Fresh beans roasted in Melbourne, FL.",            "Roasted in small batches to preserve peak coastal flavor."
           ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3zu0b",
-          imageAlt: "fresh roasted coffee beans bowl",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3zu0b",          imageAlt: "fresh roasted coffee beans bowl"},
         {
-          id: "f3",
-          title: "Community Vibe",
-          descriptions: [
-            "A gathering spot for locals and travelers alike.",
+          id: "f3",          title: "Community Vibe",          descriptions: [
+            "A gathering spot for locals and travelers alike.",            "Built for connection and conversation right by the ocean air."
           ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1vhynb",
-          imageAlt: "community coffee shop people",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1vhynb",          imageAlt: "community coffee shop people"},
       ]}
       title="Locally Roasted & Loved"
       description="Experience the best of the Space Coast in every cup."
@@ -152,25 +107,15 @@ export default function LandingPage() {
       author="Sarah M., Local Surfer"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kr4ies",
-          alt: "happy local female customer portrait",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kr4ies",          alt: "happy local female customer portrait"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anyb52",
-          alt: "smiling male surfer portrait coffee",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anyb52",          alt: "smiling male surfer portrait coffee"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u385j1",
-          alt: "happy female visitor portrait",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u385j1",          alt: "happy female visitor portrait"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8jvkg",
-          alt: "friendly surfer guy cafe portrait",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8jvkg",          alt: "friendly surfer guy cafe portrait"},
         {
-          src: "asset://testimonial-extra-1",
-          alt: "relaxed cafe customer",
-        },
+          src: "asset://testimonial-extra-1",          alt: "relaxed cafe customer"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -186,25 +131,12 @@ export default function LandingPage() {
       description="Join our local community for exclusive perks."
       plans={[
         {
-          id: "p1",
-          badge: "Daily",
-          price: "$20",
-          subtitle: "Monthly access to drip coffee.",
-          features: [
-            "Unlimited Drip Coffee",
-            "10% off Pastries",
-          ],
+          id: "p1",          badge: "Daily",          price: "$20",          subtitle: "Monthly access to drip coffee.",          features: [
+            "Unlimited Drip Coffee",            "10% off Pastries"],
         },
         {
-          id: "p2",
-          badge: "Premium",
-          price: "$45",
-          subtitle: "All drinks included.",
-          features: [
-            "Any Coffee/Latte",
-            "Free Pastry Weekly",
-            "Community Events",
-          ],
+          id: "p2",          badge: "Premium",          price: "$45",          subtitle: "All drinks included.",          features: [
+            "Any Coffee/Latte",            "Free Pastry Weekly",            "Community Events"],
         },
       ]}
     />
@@ -219,19 +151,9 @@ export default function LandingPage() {
       description="The folks making your morning better."
       team={[
         {
-          id: "t1",
-          name: "Alex",
-          role: "Head Barista",
-          imageSrc: "asset://team-1",
-          imageAlt: "barista portrait",
-        },
+          id: "t1",          name: "Alex",          role: "Head Barista",          imageSrc: "asset://team-1",          imageAlt: "barista portrait"},
         {
-          id: "t2",
-          name: "Sam",
-          role: "Roaster",
-          imageSrc: "asset://team-2",
-          imageAlt: "roaster portrait",
-        },
+          id: "t2",          name: "Sam",          role: "Roaster",          imageSrc: "asset://team-2",          imageAlt: "roaster portrait"},
       ]}
     />
   </div>
@@ -241,42 +163,27 @@ export default function LandingPage() {
       logoText="Indialantic Coffee"
       columns={[
         {
-          title: "Menu",
-          items: [
+          title: "Menu",          items: [
             {
-              label: "Espresso",
-              href: "/menu",
-            },
+              label: "Espresso",              href: "/menu"},
             {
-              label: "Pastries",
-              href: "/menu",
-            },
+              label: "Pastries",              href: "/menu"},
           ],
         },
         {
-          title: "Visit",
-          items: [
+          title: "Visit",          items: [
             {
-              label: "Location",
-              href: "/location",
-            },
+              label: "Location",              href: "/location"},
             {
-              label: "Hours",
-              href: "/location",
-            },
+              label: "Hours",              href: "/location"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
           ],
         },
       ]}
@@ -285,4 +192,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #15479c;
-  --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f8f5ffe6;
+  --primary-cta: #c89bff;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #f8f5ffe6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);