diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1825226..4f74b8a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Building2, FileText, Headphones, Mail, MapPin } from "lucide-react";
+import { Mail, MapPin, FileText, Building2, Headphones } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,10 +32,10 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
             navItems={[
-              { name: "About", id: "#about" },
-              { name: "Products", id: "#products" },
-              { name: "Process", id: "#process" },
-              { name: "Contact", id: "#contact" },
+              { name: "About", id: "about" },
+              { name: "Products", id: "products" },
+              { name: "Process", id: "process" },
+              { name: "Contact", id: "contact" },
             ]}
             brandName="REXE Roofing"
             button={{ text: "Get Quote", href: "#contact" }}