Switch to version 3: modified src/app/blog/page.tsx

src/app/blog/page.tsx

@@ -30,6 +30,7 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
@@ -42,6 +43,7 @@ export default function BlogPage() {
                         bottomLeftText="Experience the Beauty"
                         bottomRightText="hello@angola.com"
                     />
+                </div>
 
                 <main>
                     {isLoading ? (
@@ -61,6 +63,7 @@ export default function BlogPage() {
                     )}
                 </main>
 
+                <div id="footer" data-section="footer">
                     <FooterMedia
                         imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=2"
                         imageAlt="Soft, blurred pastel flowers in a tranquil setting"
@@ -75,7 +78,6 @@ export default function BlogPage() {
                             {
                                 title: "Company",                                items: [
                                     { label: "About Us", href: "/#about" },
-                                { label: "FAQ", href: "/#faq" },
                                     { label: "Contact", href: "/#contact" },
                                 ],
                             },
@@ -89,6 +91,7 @@ export default function BlogPage() {
                         logoText="Angola"
                         copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
                     />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );