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="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="medium"
+      contentWidth="mediumLarge"
       sizing="medium"
       background="none"
       cardStyle="solid"
-      primaryButtonStyle="flat"
+      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>
@@ -131,7 +132,7 @@ export default function LandingPage() {
             { text: "Our Story", href: "#" }
           ]}
           buttonAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
         />
       </div>
 

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;