diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 1aa853e..6597f78 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -3,8 +3,8 @@
 import { Suspense, useCallback } from "react";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
 import { useProductCatalog } from "@/hooks/useProductCatalog";
@@ -57,43 +57,37 @@ function ShopPageContent() {
             >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
-                        <NavbarStyleApple
+                        <NavbarStyleFullscreen
                             brandName="MyCo"
                             navItems={[
                                 {name: "Home", id: "/"},
                                 {name: "About", id: "/#about"},
-                                {name: "Features", id: "/#features"},
                                 {name: "Products", id: "/#products"},
-                                {name: "Testimonials", id: "/#testimonials"},
-                                {name: "FAQ", id: "/#faq"},
+                                {name: "Blog", id: "/blog"},
                                 {name: "Contact", id: "/#contact"}
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            bottomLeftText="Innovation Hub"
+                            bottomRightText="info@myco.com"
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
                         <p className="text-foreground">Loading products...</p>
                     </main>
                     <div id="footer" data-section="footer">
-                        <FooterBaseCard
+                        <FooterLogoEmphasis
                             logoText="MyCo"
                             columns={[
-                                {
-                                    title: "Solutions",                                    items: [
-                                        { label: "Products", href: "/#products" },
-                                        { label: "Features", href: "/#features" }
-                                    ]
-                                },
-                                {
-                                    title: "Company",                                    items: [
-                                        { label: "About Us", href: "/#about" },
-                                        { label: "Blog", href: "/blog" },
-                                        { label: "FAQ", href: "/#faq" },
-                                        { label: "Contact", href: "/#contact" }
-                                    ]
-                                }
+                                {items: [
+                                    {label: "Products", href: "/#products"},
+                                    {label: "Features", href: "/#features"}
+                                ]},
+                                {items: [
+                                    {label: "About Us", href: "/#about"},
+                                    {label: "Blog", href: "/blog"},
+                                    {label: "Shop", href: "/shop"},
+                                    {label: "Contact", href: "/#contact"}
+                                ]}
                             ]}
-                            copyrightText="© 2024 MyCo. All rights reserved."
                         />
                     </div>
                 </ReactLenis>
@@ -116,18 +110,17 @@ function ShopPageContent() {
         >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
-                    <NavbarStyleApple
+                    <NavbarStyleFullscreen
                         brandName="MyCo"
                         navItems={[
                             {name: "Home", id: "/"},
                             {name: "About", id: "/#about"},
-                            {name: "Features", id: "/#features"},
                             {name: "Products", id: "/#products"},
-                            {name: "Testimonials", id: "/#testimonials"},
-                            {name: "FAQ", id: "/#faq"},
+                            {name: "Blog", id: "/blog"},
                             {name: "Contact", id: "/#contact"}
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        bottomLeftText="Innovation Hub"
+                        bottomRightText="info@myco.com"
                     />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">
@@ -157,25 +150,20 @@ function ShopPageContent() {
                     />
                 </div>
                 <div id="footer" data-section="footer">
-                    <FooterBaseCard
+                    <FooterLogoEmphasis
                         logoText="MyCo"
                         columns={[
-                            {
-                                title: "Solutions",                                items: [
-                                    { label: "Products", href: "/#products" },
-                                    { label: "Features", href: "/#features" }
-                                ]
-                            },
-                            {
-                                title: "Company",                                items: [
-                                    { label: "About Us", href: "/#about" },
-                                    { label: "Blog", href: "/blog" },
-                                    { label: "FAQ", href: "/#faq" },
-                                    { label: "Contact", href: "/#contact" }
-                                ]
-                            }
+                            {items: [
+                                {label: "Products", href: "/#products"},
+                                {label: "Features", href: "/#features"}
+                            ]},
+                            {items: [
+                                {label: "About Us", href: "/#about"},
+                                {label: "Blog", href: "/blog"},
+                                {label: "Shop", href: "/shop"},
+                                {label: "Contact", href: "/#contact"}
+                            ]}
                         ]}
-                        copyrightText="© 2024 MyCo. All rights reserved."
                     />
                 </div>
             </ReactLenis>