From dd09ce8966d9f70ffc2a5edcea8ea449a03167a1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 22 Feb 2026 12:25:02 +0000
Subject: [PATCH] Update src/app/shop/[id]/page.tsx

---
 src/app/shop/[id]/page.tsx | 112 ++++++++++++++++---------------------
 1 file changed, 47 insertions(+), 65 deletions(-)

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index f9eefab..186387e 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -4,8 +4,8 @@ import { Suspense, use, useCallback } from "react";
 import { useRouter } from "next/navigation";
 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 ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
 import { useProductDetail } from "@/hooks/useProductDetail";
@@ -90,18 +90,17 @@ function ProductPageContent({ params }: ProductPageProps) {
             >
                 <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">
@@ -110,25 +109,20 @@ function ProductPageContent({ params }: ProductPageProps) {
                         </div>
                     </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>
@@ -152,18 +146,17 @@ function ProductPageContent({ params }: ProductPageProps) {
             >
                 <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">
@@ -178,25 +171,20 @@ function ProductPageContent({ params }: ProductPageProps) {
                         </div>
                     </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>
@@ -219,18 +207,17 @@ function ProductPageContent({ params }: ProductPageProps) {
         >
             <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-detail-card" data-section="product-detail-card">
@@ -270,25 +257,20 @@ function ProductPageContent({ params }: ProductPageProps) {
                     />
                 </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>