diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index d0a4264..478a745 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -5,7 +5,7 @@ import { useRouter } from "next/navigation";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import Footer from '@/components/footer/Footer';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
 import { useProductDetail } from "@/hooks/useProductDetail";
@@ -89,14 +89,16 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="navbar" data-section="navbar" className="relative">
                         <NavbarStyleApple
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Lakeside Construction"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        >
-                             <button onClick={() => setCartOpen(true)} className="text-lg">Cart</button>
-                        </NavbarStyleApple>
+                        />
+                        <div className="absolute top-0 right-0 h-full flex items-center pr-4">
+                            <button onClick={() => setCartOpen(true)} className="text-lg">
+                                Cart ({cartItems.length})
+                            </button>
+                        </div>
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
                         <p className="text-foreground">Loading product...</p>
@@ -121,14 +123,16 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="navbar" data-section="navbar" className="relative">
                         <NavbarStyleApple
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Lakeside Construction"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        >
-                             <button onClick={() => setCartOpen(true)} className="text-lg">Cart</button>
-                        </NavbarStyleApple>
+                        />
+                        <div className="absolute top-0 right-0 h-full flex items-center pr-4">
+                            <button onClick={() => setCartOpen(true)} className="text-lg">
+                                Cart ({cartItems.length})
+                            </button>
+                        </div>
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
                         <div className="text-center">
@@ -160,14 +164,16 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="navbar" data-section="navbar" className="relative">
                     <NavbarStyleApple
                         brandName="Lakeside Construction"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                    >
-                        <button onClick={() => setCartOpen(true)} className="text-lg">Cart</button>
-                    </NavbarStyleApple>
+                    />
+                    <div className="absolute top-0 right-0 h-full flex items-center pr-4">
+                        <button onClick={() => setCartOpen(true)} className="text-lg">
+                            Cart ({cartItems.length})
+                        </button>
+                    </div>
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">
                     <ProductDetailCard
@@ -206,7 +212,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                     />
                 </div>
                 <div id="footer" data-section="footer">
-                    <Footer />
+                     <FooterLogoEmphasis
+                        columns={[
+                            { items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }] },
+                            { items: [{ label: "Privacy Policy", href: "/privacy" }] },
+                        ]}
+                        logoText="Lakeside Construction Inc."
+                    />
                 </div>
             </ReactLenis>
         </ThemeProvider>