Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,29 +9,30 @@ 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
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Menu", id: "menu" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
-            { name: "Order Now", id: "order" }
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "#menu" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "#contact" },
+            { name: "Order Now", id: "#contact" }
           ]}
           brandName="CJ's Coffee"
           bottomLeftText="Zion, IL"
@@ -75,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>
@@ -171,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>
 
@@ -208,4 +209,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #faf8f6;
   --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #341f51;
+  --foreground: #3d2817;
+  --primary-cta: #8b5a3c;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f5f1e8;
   --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
-  --background-accent: #b3a8e8;
+  --accent: #d4a574;
+  --background-accent: #e8dcc8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);