diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 034e898..2f34306 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -19,7 +19,8 @@ export const metadata: Metadata = {
     ],
   },
   twitter: {
-    card: "summary_large_image",    title: "LocalPro Services - Trusted Local Provider",    description: "Professional services you can trust. Free quotes, same-day availability.",    images: ["http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg"],
+    card: "summary_large_image",    title: "LocalPro Services - Trusted Local Provider",    description: "Professional services you can trust. Free quotes, same-day availability.",    images: [
+      "http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg"],
   },
   robots: {
     index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 486fbfc..c85af38 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,25 +13,25 @@ import { Star, Award, Shield, Users } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Services", id: "/services" },
-    { name: "About", id: "/about" },
-    { name: "Contact", id: "/contact" },
+    { name: "Home", id: "#" },
+    { name: "Services", id: "#services" },
+    { name: "About", id: "#metrics" },
+    { name: "Contact", id: "#cta-section" },
   ];
 
   const footerColumns = [
     {
       title: "Services",      items: [
-        { label: "Service One", href: "/services" },
-        { label: "Service Two", href: "/services" },
-        { label: "Service Three", href: "/services" },
-        { label: "Emergency Service", href: "/contact" },
+        { label: "Service One", href: "#services" },
+        { label: "Service Two", href: "#services" },
+        { label: "Service Three", href: "#services" },
+        { label: "Emergency Service", href: "#cta-section" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Contact", href: "/contact" },
+        { label: "About Us", href: "#metrics" },
+        { label: "Contact", href: "#cta-section" },
         { label: "Service Area", href: "#" },
         { label: "FAQ", href: "#" },
       ],
@@ -63,10 +63,7 @@ export default function HomePage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="LocalPro Services"
-          navItems={navItems.map((item) => ({
-            name: item.name,
-            id: item.id === "/" ? "#" : item.id,
-          }))}
+          navItems={navItems}
           button={{
             text: "Call Now",            href: "tel:+1-555-123-4567"}}
           animateOnLoad={true}
@@ -82,7 +79,7 @@ export default function HomePage() {
           background={{ variant: "plain" }}
           buttons={[
             { text: "Call Now - (555) 123-4567", href: "tel:+1-555-123-4567" },
-            { text: "Request Free Quote", href: "#contact" },
+            { text: "Request Free Quote", href: "#cta-section" },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg?_wi=1"
           imageAlt="Professional service team at work"
@@ -123,7 +120,7 @@ export default function HomePage() {
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "/services" }]}
+          buttons={[{ text: "Learn More", href: "#services" }]}
         />
       </div>