diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0de17e4..4327bdd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,16 +13,16 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="shift-hover"
       defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="solid"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="semibold"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="grid"
+      cardStyle="glass-depth"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -30,8 +30,8 @@ export default function LandingPage() {
             { name: "Home", id: "home" },
             { name: "Menu", id: "menu" },
             { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
-            { name: "Order Now", id: "order" }
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
           ]}
           brandName="CJ's Coffee"
           bottomLeftText="Zion, IL"
@@ -131,7 +131,7 @@ export default function LandingPage() {
             { text: "Our Story", href: "#" }
           ]}
           buttonAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -171,8 +171,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: "plain" }}
-          useInvertedBackground={false}
+          background={{ variant: "grid" }}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -184,6 +184,7 @@ export default function LandingPage() {
                 { label: "Home", href: "#" },
                 { label: "Menu", href: "#menu" },
                 { label: "About", href: "#about" },
+                { label: "Testimonials", href: "#testimonials" },
                 { label: "Contact", href: "#contact" }
               ]
             },