diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index be35c0e..ac05e77 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,60 +24,66 @@ export default function BlogPage() {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <NavbarStyleCentered
-                    brandName="Carter Brothers"
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Services", id: "services" },
-                        { name: "About", id: "about" },
-                        { name: "Reviews", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                    ]}
-                    button={{ text: "Get a Free Quote", href: "contact" }}
-                    className="py-4"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleCentered
+                        brandName="Carter Brothers"
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Services", id: "/#services" },
+                            { name: "About", id: "/#about" },
+                            { name: "Reviews", id: "/#testimonials" },
+                            { name: "FAQ", id: "/#faq" },
+                        ]}
+                        button={{ text: "Get a Free Quote", href: "/#contact" }}
+                        className="py-4"
+                    />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
                         <p className="text-foreground">Loading posts...</p>
                     </div>
                 ) : (
-                    <BlogCardThree
-                        posts={posts}
-                        title="Featured Articles"
-                        description="Explore our latest insights from the team."
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                    />
+                    <div id="blog" data-section="blog">
+                        <BlogCardThree
+                            items={posts}
+                            title="Featured Articles"
+                            description="Explore our latest insights from the team."
+                            animationType="slide-up"
+                            textboxLayout="default"
+                            useInvertedBackground={false}
+                        />
+                    </div>
                 )}
-
-                <FooterBaseCard
-                    logoText="Carter Brothers Roof Repair"
-                    columns={[
-                        {
-                            title: "Services",                            items: [
-                                { label: "Roof Repair", href: "#services" },
-                                { label: "Roof Replacement", href: "#services" },
-                                { label: "Gutter Services", href: "#services" },
-                            ],
-                        },
-                        {
-                            title: "Company",                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Testimonials", href: "#testimonials" },
-                                { label: "FAQ", href: "#faq" },
-                            ],
-                        },
-                        {
-                            title: "Contact",                            items: [
-                                { label: "Get a Quote", href: "#contact" },
-                                { label: "Call Us", href: "tel:+18593506500" },
-                            ],
-                        },
-                    ]}
-                    copyrightText="© 2024 Carter Brothers Roof Repair. All rights reserved."
-                />
+                
+                <div id="footer" data-section="footer">
+                    <FooterBaseCard
+                        logoText="Carter Brothers Roof Repair"
+                        columns={[
+                            {
+                                title: "Services",                                items: [
+                                    { label: "Roof Repair", href: "/#services" },
+                                    { label: "Roof Replacement", href: "/#services" },
+                                    { label: "Gutter Services", href: "/#services" },
+                                ],
+                            },
+                            {
+                                title: "Company",                                items: [
+                                    { label: "About Us", href: "/#about" },
+                                    { label: "Testimonials", href: "/#testimonials" },
+                                    { label: "FAQ", href: "/#faq" },
+                                ],
+                            },
+                            {
+                                title: "Contact",                                items: [
+                                    { label: "Get a Quote", href: "/#contact" },
+                                    { label: "Call Us", href: "tel:+18593506500" },
+                                ],
+                            },
+                        ]}
+                        copyrightText="© 2024 Carter Brothers Roof Repair. All rights reserved."
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index de27b59..67bda2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,7 +28,7 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered 
           brandName="Carter Brothers"
-          navItems={[{name:"Home",id:"home"},{name:"Services",id:"services"},{name:"About",id:"about"},{name:"Reviews",id:"testimonials"},{name:"FAQ",id:"faq"}]}
+          navItems={[{name:"Home",id:"hero"},{name:"Services",id:"services"},{name:"About",id:"about"},{name:"Reviews",id:"testimonials"},{name:"FAQ",id:"faq"}]}
           button={{text:"Get a Free Quote",href:"contact"}}
           className="py-4"
         />
@@ -41,9 +41,9 @@ export default function LandingPage() {
           background={{variant: 'plain'}}
           buttons={[{text:"Get a Free Quote",href:"contact"},{text:"Our Services",href:"services"}]}
           mediaItems={[
-            {imageSrc:"https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=1", imageAlt:"Workers on a residential roof installing new shingles"},
-            {imageSrc:"https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=2", imageAlt:"Close-up of new roof shingles"},
-            {imageSrc:"https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=3", imageAlt:"Drone view of a house roof"}
+            {imageSrc:"https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", imageAlt:"Workers on a residential roof installing new shingles"},
+            {imageSrc:"https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", imageAlt:"Close-up of new roof shingles"},
+            {imageSrc:"https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", imageAlt:"Drone view of a house roof"}
           ]}
           mediaAnimation="slide-up"
         />
@@ -98,9 +98,9 @@ export default function LandingPage() {
           speed={45}
           testimonials={[
             {id:"1",name:"K. Knight",handle:"Covington, KY",testimonial:"We had a great experience with our roofing project. The team really took the time to help us pick the perfect shingle color for our home. Their customer service was outstanding from start to finish. The crew was quick and efficient.",imageSrc:"https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",imageAlt:"K. Knight"},
-            {id:"2",name:"Linda Burch",handle:"Covington, KY",testimonial:"We had a stubborn leak in our old roof that just wouldn’t go away. When Jaxon came out, he used a drone to show us where the problem was. They fixed it right the first time! Highly recommend.",imageSrc:"https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",imageAlt:"Linda Burch"},
+            {id:"2",name:"Linda Burch",handle:"Covington, KY",testimonial:"We had a stubborn leak in our old roof that just wouldn’t go away. When Jaxon came out, he used a drone to show us where the problem was. They fixed it right the first time! Highly recommend.",imageSrc:"https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",imageAlt:"Linda Burch"},
             {id:"3",name:"Laura Church",handle:"Covington, KY",testimonial:"Absolutely recommend Carter Brothers! Kyle worked closely with my insurance company and made sure they covered the full cost of my roof repair when they first tried to pay less. He could have just taken his payment and left, but instead he made sure I was taken care of.",imageSrc:"https://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",imageAlt:"Laura Church"},
-            {id:"4",name:"John Davis",handle:"Lexington, KY",testimonial:"Professional, punctual, and reliable. Carter Brothers handled our full roof replacement with incredible efficiency and attention to detail. Our new roof looks fantastic!",imageSrc:"https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",imageAlt:"John Davis"},
+            {id:"4",name:"John Davis",handle:"Lexington, KY",testimonial:"Professional, punctual, and reliable. Carter Brothers handled our full roof replacement with incredible efficiency and attention to detail. Our new roof looks fantastic!",imageSrc:"https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",imageAlt:"John Davis"},
             {id:"5",name:"Emily White",handle:"Erlanger, KY",testimonial:"I was impressed by the responsiveness and clear communication from Carter Brothers. They made the entire repair process easy and stress-free. Excellent work!",imageSrc:"https://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg",imageAlt:"Emily White"},
             {id:"6",name:"David Miller",handle:"Florence, KY",testimonial:"From the initial inspection to the final clean-up, everything was handled with professionalism. Their team is knowledgeable and genuinely cares about customer satisfaction.",imageSrc:"https://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",imageAlt:"David Miller"}
           ]}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 84874c6..6bb4e9f 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,7 +89,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             brandName="Carter Brothers"
                             navItems={[
@@ -134,7 +134,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                          <NavbarStyleCentered
                             brandName="Carter Brothers"
                             navItems={[
@@ -186,7 +186,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         brandName="Carter Brothers"
                         navItems={[
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index c8e7411..d9f467b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -56,7 +56,7 @@ function ShopPageContent() {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             brandName="Carter Brothers"
                             navItems={[
@@ -100,7 +100,7 @@ function ShopPageContent() {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         brandName="Carter Brothers"
                         navItems={[