diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 66988cf..769720b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -30,7 +30,7 @@ export default function ContactPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{
             text: "Call Now",            href: "tel:804-938-0669"
@@ -40,7 +40,7 @@ export default function ContactPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
           title="Get in Touch with Earl Boys Services"
           description="Have questions about our services? Need a quick estimate? We're here to help. Reach out to us today and let's discuss your home improvement needs."
           tag="Contact Us"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index eb26c3a..fdc1867 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
@@ -42,11 +42,11 @@ export default function HomePage() {
         <NavbarStyleCentered
           brandName="Earl Boys Services"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "/" },
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{
             text: "Call Now",            href: "tel:804-938-0669"
@@ -55,7 +55,7 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
           title="Reliable Home Services in Richmond, VA"
           description="Professional handyman and home repair services you can trust. Fast, affordable, and locally owned since 2010."
           tag="Local Home Services"
diff --git a/src/app/services/electrical/page.tsx b/src/app/services/electrical/page.tsx
index c8d1c1a..2434fa9 100644
--- a/src/app/services/electrical/page.tsx
+++ b/src/app/services/electrical/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -28,9 +28,9 @@ export default function ElectricalServicesPage() {
           brandName="Earl Boys Services"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "About", id: "/about" },
-            { name: "Reviews", id: "/reviews" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "/contact" }
           ]}
           button={{
@@ -40,7 +40,7 @@ export default function ElectricalServicesPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
           title="Professional Electrical Repair & Installation Services"
           description="Expert electrical work for your Richmond home. Licensed, insured, and committed to safety and quality. From repairs to new installations, we've got your electrical needs covered."
           tag="Electrical Services"
diff --git a/src/app/services/flooring/page.tsx b/src/app/services/flooring/page.tsx
index 066db2b..1a4f974 100644
--- a/src/app/services/flooring/page.tsx
+++ b/src/app/services/flooring/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -28,9 +28,9 @@ export default function FlooringServicesPage() {
           brandName="Earl Boys Services"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "About", id: "/about" },
-            { name: "Reviews", id: "/reviews" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "/contact" }
           ]}
           button={{
@@ -40,7 +40,7 @@ export default function FlooringServicesPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
           title="Professional Flooring Installation & Repair Services"
           description="Expert flooring solutions for your Richmond home. From hardwood to tile, we deliver beautiful, durable results. Licensed, insured, and committed to quality craftsmanship."
           tag="Flooring Services"