diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 281d5ee..d47c656 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -61,7 +61,26 @@ export default function BlogPage() {
                 )}
 
                 <div id="footer" data-section="footer">
-                    <FooterBase />
+                    <FooterBase 
+                        brandName="PandaCoffee"
+                        copyrightText="© 2024 PandaCoffee. All Rights Reserved."
+                        columns={[
+                            {
+                                title: "Pages",                                links: [
+                                    { label: "Home", href: "/" },
+                                    { label: "Blog", href: "/blog" },
+                                    { label: "Shop", href: "/shop" },
+                                ]
+                            },
+                            {
+                                title: "Social",                                links: [
+                                    { label: "Twitter", href: "#" },
+                                    { label: "Instagram", href: "#" },
+                                    { label: "Facebook", href: "#" },
+                                ]
+                            }
+                        ]}
+                    />
                 </div>
             </ReactLenis>
         </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8011aa9..86b04ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -163,6 +163,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           imageSrc="https://img.b2bpic.net/free-photo/restaurant-with-tables-chairs-street_1127-2172.jpg"
           imageAlt="PandaCoffee storefront"
+          mediaAnimation="slide-up"
           mediaPosition="right"
           inputPlaceholder="Your email address"
           buttonText="Subscribe"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 4c02a5c..97a5603 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -80,7 +80,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="PandaCoffee"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -111,7 +111,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="PandaCoffee"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -149,7 +149,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarStyleApple
                     brandName="PandaCoffee"
                     navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 236f425..bfb3735 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -55,7 +55,7 @@ export default function ShopPage() {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="PandaCoffee"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -85,7 +85,7 @@ export default function ShopPage() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="PandaCoffee"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}