diff --git a/src/app/page.tsx b/src/app/page.tsx
index 14b40b7..f4b666e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,12 +32,12 @@ export default function LandingPage() {
           brandName="Skincare Luxe"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Products", id: "#products" },
-            { name: "About", id: "#about" },
-            { name: "Testimonials", id: "#testimonials" },
-            { name: "Contact", id: "#contact" }
+            { name: "Products", id: "products" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Shop Now", href: "#products" }}
+          button={{ text: "Shop Now", href: "products" }}
         />
       </div>
 
@@ -46,8 +46,8 @@ export default function LandingPage() {
           logoText="Skincare Luxe"
           description="Discover premium skincare crafted from nature's finest ingredients. Transform your complexion with our curated collection of luxury serums, creams, and treatments designed for radiant, healthy skin."
           buttons={[
-            { text: "Explore Collection", href: "#products" },
-            { text: "Learn Our Story", href: "#about" }
+            { text: "Explore Collection", href: "products" },
+            { text: "Learn Our Story", href: "about" }
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
@@ -67,7 +67,7 @@ export default function LandingPage() {
             { type: "text", content: "pure nature" }
           ]}
           buttons={[
-            { text: "Discover Ingredients", href: "#products" }
+            { text: "Discover Ingredients", href: "products" }
           ]}
           useInvertedBackground={true}
           ariaLabel="About section"
@@ -177,7 +177,7 @@ export default function LandingPage() {
           faqsAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
-          buttons={[{ text: "Contact Support", href: "#contact" }]}
+          buttons={[{ text: "Contact Support", href: "contact" }]}
           buttonAnimation="slide-up"
           ariaLabel="FAQ section"
         />
@@ -205,7 +205,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Shop",              items: [
-                { label: "All Products", href: "#products" },
+                { label: "All Products", href: "products" },
                 { label: "Serums", href: "#" },
                 { label: "Moisturizers", href: "#" },
                 { label: "Cleansers", href: "#" }
@@ -213,16 +213,16 @@ export default function LandingPage() {
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Our Story", href: "#about" },
+                { label: "About Us", href: "about" },
+                { label: "Our Story", href: "about" },
                 { label: "Sustainability", href: "#" },
                 { label: "Careers", href: "#" }
               ]
             },
             {
               title: "Support",              items: [
-                { label: "Contact Us", href: "#contact" },
-                { label: "FAQ", href: "#faq" },
+                { label: "Contact Us", href: "contact" },
+                { label: "FAQ", href: "faq" },
                 { label: "Shipping Info", href: "#" },
                 { label: "Returns", href: "#" }
               ]