Update src/app/page.tsx

src/app/page.tsx

@@ -16,6 +16,16 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import { CheckCircle, DollarSign, FileText, LineChart, Recycle, Sparkles, TrendingUp, Trophy } from "lucide-react";
 
 export default function LandingPage() {
+  const updatedNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Features", id: "#features" },
+    { name: "How It Works", id: "#how-it-works" },
+    { name: "Impact", id: "#metrics" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -32,24 +42,9 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",          id: "#hero"},
-        {
-          name: "Features",          id: "#features"},
-        {
-          name: "How It Works",          id: "#how-it-works"},
-        {
-          name: "Impact",          id: "#metrics"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
-        {
-          name: "FAQ",          id: "#faq"},
-        {
-          name: "Contact",          id: "#contact"},
-      ]}
+      navItems={updatedNavItems}
       button={{
-        text: "Start Segregating Now",        href: "#contact"}}
+        text: "Start Segregating Now",        href: "/contact"}}
       logoSrc="http://img.b2bpic.net/free-photo/incense-sticks-with-herbs-near-monster-leaf-coaster_23-2147844956.jpg"
       logoAlt="EcoSegregate Logo"
       brandName="EcoSegregate"
@@ -64,7 +59,7 @@ export default function LandingPage() {
       description="Snap a photo of your waste, get instant disposal guidance, and earn ecopoints while helping your city manage resources sustainably. Realtime AI identifies waste type and suggests the right bin—every time."
       buttons={[
         {
-          text: "Start Segregating Now",          href: "#contact"},
+          text: "Start Segregating Now",          href: "/contact"},
       ]}
       carouselItems={[
         {
@@ -311,7 +306,7 @@ export default function LandingPage() {
             {
               label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/contact"},
             {
               label: "Privacy Policy",              href: "#"},
           ],