From 3f6d05d5af0a13c8c5622856bf9cdeea033d4236 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Feb 2026 09:48:31 +0000
Subject: [PATCH] Update src/app/blog/page.tsx

---
 src/app/blog/page.tsx | 74 ++++++++++++++++++++++---------------------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index e1d65f3..8aa5626 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,23 +24,25 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Menu", id: "menu" },
-                        { name: "Features", id: "features" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "Blog", id: "blog" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    brandName="Inkola"
-                    button={{ text: "Order Now", href: "#menu" }}
-                    className="py-2 px-6"
-                    navItemClassName="text-foreground hover:text-primary-cta"
-                    buttonClassName="px-5 py-2"
-                    buttonTextClassName="font-semibold text-primary-cta-text"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
+                            { name: "Menu", id: "/#menu" },
+                            { name: "Features", id: "/#features" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Contact", id: "/#contact" },
+                        ]}
+                        brandName="Inkola"
+                        button={{ text: "Order Now", href: "/#menu" }}
+                        className="py-2 px-6"
+                        navItemClassName="text-foreground hover:text-primary-cta"
+                        buttonClassName="px-5 py-2"
+                        buttonTextClassName="font-semibold text-primary-cta-text"
+                    />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
@@ -59,25 +61,25 @@ export default function BlogPage() {
                         />
                     </div>
                 )}
-
-                <FooterMedia
-                    imageSrc="asset://footer-coffee-beans?_wi=1"
-                    imageAlt="Close-up of roasted coffee beans."
-                    columns={[
-                        { title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Pastries", href: "#menu" }, { label: "Beverages", href: "#menu" }] },
-                        { title: "Inkola", items: [{ label: "Our Story", href: "#about" }, { label: "Careers", href: "/careers" }, { label: "Gift Cards", href: "/gift-cards" }] },
-                        { title: "Connect", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "/faq" }, { label: "Press", href: "/press" }] },
-                    ]}
-                    logoText="Inkola"
-                    copyrightText="© 2024 Inkola. All rights reserved."
-                    useInvertedBackground={true}
-                    ariaLabel="Inkola Coffeeshop Footer"
-                    className="bg-card"
-                    logoTextClassName="text-foreground text-3xl font-semibold"
-                    columnTitleClassName="text-primary-cta"
-                    columnItemClassName="text-foreground/80 hover:text-foreground"
-                    copyrightTextClassName="text-foreground/60"
-                />
+                <div id="footer" data-section="footer">
+                    <FooterMedia
+                        imageSrc="/placeholders/placeholder1.webp"
+                        imageAlt="Close-up of roasted coffee beans."
+                        columns={[
+                            { title: "Menu", items: [{ label: "Coffee", href: "/#menu" }, { label: "Pastries", href: "/#menu" }, { label: "Beverages", href: "/#menu" }] },
+                            { title: "Inkola", items: [{ label: "Our Story", href: "/#about" }, { label: "Careers", href: "/careers" }, { label: "Gift Cards", href: "/gift-cards" }] },
+                            { title: "Connect", items: [{ label: "Contact Us", href: "/#contact" }, { label: "FAQ", href: "/faq" }, { label: "Press", href: "/press" }] },
+                        ]}
+                        logoText="Inkola"
+                        copyrightText="© 2024 Inkola. All rights reserved."
+                        ariaLabel="Inkola Coffeeshop Footer"
+                        className="bg-card"
+                        logoTextClassName="text-foreground text-3xl font-semibold"
+                        columnTitleClassName="text-primary-cta"
+                        columnItemClassName="text-foreground/80 hover:text-foreground"
+                        copyrightTextClassName="text-foreground/60"
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );