Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,27 +3,27 @@
 import { Coffee, Heart, Sparkles, Star } from "lucide-react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 import Link from "next/link";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="smallMedium"
-      sizing="mediumLarge"
-      background="grid"
-      cardStyle="glass-depth"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="normal"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -31,8 +31,8 @@ export default function LandingPage() {
             { name: "Home", id: "/" },
             { name: "Menu", id: "#menu" },
             { name: "About", id: "#about" },
-            { name: "Testimonials", id: "#testimonials" },
-            { name: "Contact", id: "#contact" }
+            { name: "Contact", id: "#contact" },
+            { name: "Order Now", id: "#contact" }
           ]}
           brandName="CJ's Coffee"
           bottomLeftText="Zion, IL"
@@ -76,8 +76,8 @@ export default function LandingPage() {
           autoPlay={true}
           autoPlayInterval={5000}
           className="w-full"
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg"
+          titleClassName="text-4xl md:text-5xl font-semibold"
+          descriptionClassName="text-base md:text-lg text-opacity-90"
           buttonClassName="px-6 py-3"
         />
       </div>
@@ -172,8 +172,8 @@ export default function LandingPage() {
             { text: "Call Us", href: "tel:(847)731-2208" },
             { text: "Get Directions", href: "https://maps.google.com/?q=2352+Sheridan+Rd+Zion+IL+60099" }
           ]}
-          background={{ variant: "grid" }}
-          useInvertedBackground={true}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -185,7 +185,6 @@ export default function LandingPage() {
                 { label: "Home", href: "#" },
                 { label: "Menu", href: "#menu" },
                 { label: "About", href: "#about" },
-                { label: "Testimonials", href: "#testimonials" },
                 { label: "Contact", href: "#contact" }
               ]
             },

src/app/styles/variables.css

@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #faf8f3;
+  --background: #faf8f6;
   --card: #ffffff;
-  --foreground: #2b1810;
-  --primary-cta: #8b6f47;
+  --foreground: #3d2817;
+  --primary-cta: #8b5a3c;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f5f1e8;
   --secondary-cta-text: #1c1c1c;
   --accent: #d4a574;
   --background-accent: #e8dcc8;