diff --git a/src/app/page.tsx b/src/app/page.tsx
index 05854f1..041f8af 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,7 +22,7 @@ export default function LandingPage() {
       contentWidth="mediumLarge"
       sizing="mediumLarge"
       background="grid"
-      cardStyle="gradient-bordered"
+      cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
       headingFontWeight="bold"
@@ -30,11 +30,11 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "New In", id: "new-collection" },
+            { name: "New In", id: "hero" },
             { name: "Hot Drops", id: "featured-products" },
             { name: "Collection", id: "collection" },
             { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "footer" }
           ]}
           brandName="O2"
           bottomLeftText="Premium Streetwear"
@@ -111,7 +111,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           buttons={[
-            { text: "Our Story", href: "#contact" }
+            { text: "Our Story", href: "#footer" }
           ]}
         />
       </div>
@@ -241,7 +241,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Shop",              items: [
-                { label: "New In", href: "#new-collection" },
+                { label: "New In", href: "#hero" },
                 { label: "Hot Drops", href: "#featured-products" },
                 { label: "Collection", href: "#collection" },
                 { label: "Sale", href: "#" }
@@ -250,7 +250,7 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
-                { label: "Contact", href: "#contact" },
+                { label: "Contact", href: "#footer" },
                 { label: "Careers", href: "#" },
                 { label: "Blog", href: "#" }
               ]