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>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 972196d..b7bd060 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -126,7 +126,7 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Artisan Roasting",              description: "We source only premium, ethically grown beans and roast them in-house daily to unlock their richest flavors and aromas.",              imageSrc: "/placeholders/placeholder1.webp?_wi=1",              imageAlt: "Close up of coffee beans roasting in a machine."},
+              title: "Artisan Roasting",              description: "We source only premium, ethically grown beans and roast them in-house daily to unlock their richest flavors and aromas.",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Close up of coffee beans roasting in a machine."},
             {
               id: 2,
               title: "Cozy Ambiance",              description: "Our thoughtfully designed space offers a tranquil escape, perfect for work, relaxation, or intimate conversations.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",              imageAlt: "Cozy and inviting coffeeshop interior."},
@@ -223,7 +223,7 @@ export default function LandingPage() {
           tagIcon={MapPin}
           background={{ variant: "plain" }}
           useInvertedBackground={true}
-          imageSrc="/placeholders/placeholder1.webp?_wi=2"
+          imageSrc="/placeholders/placeholder1.webp"
           imageAlt="Exterior view of Inkola coffeeshop."
           mediaAnimation="slide-up"
           mediaPosition="right"
@@ -240,7 +240,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="/placeholders/placeholder1.webp?_wi=3"
+          imageSrc="/placeholders/placeholder1.webp"
           imageAlt="Close-up of roasted coffee beans."
           columns={[
             {
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 9bd79e4..2a4fdf0 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,7 +89,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             navItems={[
                                 { name: "Home", id: "/" },
@@ -126,7 +126,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             navItems={[
                                 { name: "Home", id: "/" },
@@ -170,7 +170,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={[
                             { name: "Home", id: "/" },
@@ -222,16 +222,15 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterMedia
-                        imageSrc="asset://footer-coffee-beans?_wi=3"
+                        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" }] }
+                            { 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"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 82e8046..a634238 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -56,7 +56,7 @@ function ShopPageContent() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             navItems={[
                                 { name: "Home", id: "/" },
@@ -92,7 +92,7 @@ function ShopPageContent() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={[
                             { name: "Home", id: "/" },
@@ -134,16 +134,15 @@ function ShopPageContent() {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterMedia
-                        imageSrc="asset://footer-coffee-beans?_wi=2"
+                        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" }] }
+                            { 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"