diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 778c8b5..e5f93db 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,18 +24,20 @@ export default function BlogPage() {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <NavbarStyleCentered
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Adopt", id: "adopt" },
-                        { name: "Volunteer", id: "volunteer" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                    ]}
-                    button={{ text: "Donate", href: "contact" }}
-                    brandName="Paw Haven"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleCentered
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
+                            { name: "Adopt", id: "/#adopt" },
+                            { name: "Volunteer", id: "/#features" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "FAQ", id: "/#faq" },
+                        ]}
+                        button={{ text: "Donate", href: "/#contact" }}
+                        brandName="Paw Haven"
+                    />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
@@ -55,33 +57,35 @@ export default function BlogPage() {
                     </div>
                 )}
 
-                <FooterSimple
-                    columns={[
-                        {
-                            title: "Quick Links",                            items: [
-                                { label: "Home", href: "#hero" },
-                                { label: "Adopt", href: "#adopt" },
-                                { label: "Volunteer", href: "#features" },
-                            ],
-                        },
-                        {
-                            title: "About Us",                            items: [
-                                { label: "Our Mission", href: "#about" },
-                                { label: "Team", href: "#about" },
-                                { label: "Impact", href: "#about" },
-                            ],
-                        },
-                        {
-                            title: "Support",                            items: [
-                                { label: "Donate", href: "#contact" },
-                                { label: "FAQ", href: "#faq" },
-                                { label: "Contact", href: "#contact" },
-                            ],
-                        },
-                    ]}
-                    bottomLeftText="© 2024 Paw Haven. All rights reserved."
-                    bottomRightText="Built with Love for Animals."
-                />
+                <div id="footer" data-section="footer">
+                    <FooterSimple
+                        columns={[
+                            {
+                                title: "Quick Links",                                items: [
+                                    { label: "Home", href: "/#hero" },
+                                    { label: "Adopt", href: "/#adopt" },
+                                    { label: "Volunteer", href: "/#features" },
+                                ],
+                            },
+                            {
+                                title: "About Us",                                items: [
+                                    { label: "Our Mission", href: "/#about" },
+                                    { label: "Team", href: "/#about" },
+                                    { label: "Impact", href: "/#about" },
+                                ],
+                            },
+                            {
+                                title: "Support",                                items: [
+                                    { label: "Donate", href: "/#contact" },
+                                    { label: "FAQ", href: "/#faq" },
+                                    { label: "Contact", href: "/#contact" },
+                                ],
+                            },
+                        ]}
+                        bottomLeftText="© 2024 Paw Haven. All rights reserved."
+                        bottomRightText="Built with Love for Animals."
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );