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

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

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 60afaba..d5eeb52 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -90,37 +90,37 @@ function ProductPageContent({ params }: ProductPageProps) {
             >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
-                    <NavbarStyleFullscreen
-                        navItems={[
-                            {"name":"Home","id":"/"},
-                            {"name":"Metal Roofing","id":"metal-roofing"},
-                            {"name":"Services","id":"services"},
-                            {"name":"Projects","id":"projects"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
-                        ]}
-                        brandName="Martinez Metal Roofing"
-                        bottomLeftText="Standing Seam Specialists"
-                        bottomRightText="joseph@martinez-roofing.com"
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                    />
+                        <NavbarStyleFullscreen
+                            navItems={[
+                                { "name": "Home", "id": "/" },
+                                { "name": "Metal Roofing", "id": "metal-roofing" },
+                                { "name": "Services", "id": "services" },
+                                { "name": "Projects", "id": "projects" },
+                                { "name": "Contact", "id": "contact" },
+                                { "name": "Shop", "id": "/shop" }
+                            ]}
+                            brandName="Martinez Metal Roofing"
+                            bottomLeftText="Standing Seam Specialists"
+                            bottomRightText="joseph@martinez-roofing.com"
+                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
                         <p className="text-foreground">Loading product...</p>
                     </main>
                     <div id="footer" data-section="footer">
-                    <FooterMedia
-                        imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg?_wi=8"
-                        imageAlt="Metal roofing texture and detail"
-                        logoText="Martinez Metal Roofing & Construction"
-                        copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
-                        columns={[
-                            {"title":"Services","items":[{"label":"Standing Seam Roofing","href":"/metal-roofing"},{"label":"Repairs & Replacement","href":"/metal-roofing"},{"label":"Construction Projects","href":"/metal-roofing"},{"label":"Get an Estimate","href":"/contact"}]},
-                            {"title":"Company","items":[{"label":"About Us","href":"#about"},{"label":"Recent Projects","href":"/projects"},{"label":"Customer Reviews","href":"#testimonials"},{"label":"Contact Us","href":"/contact"}]},
-                            {"title":"Contact","items":[{"label":"Call / Text Joseph","href":"tel:+1-555-0123"},{"label":"Email","href":"mailto:joseph@martinez-roofing.com"},{"label":"Service Area","href":"#"},{"label":"Get a Free Estimate","href":"/contact"}]}
-                        ]
-                        ariaLabel="Site footer with navigation and contact information"
-                    />
+                        <FooterMedia
+                            imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg"
+                            imageAlt="Metal roofing texture and detail"
+                            logoText="Martinez Metal Roofing & Construction"
+                            copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
+                            columns={[
+                                { "title": "Services", "items": [{ "label": "Standing Seam Roofing", "href": "/metal-roofing" }, { "label": "Repairs & Replacement", "href": "/metal-roofing" }, { "label": "Construction Projects", "href": "/metal-roofing" }, { "label": "Get an Estimate", "href": "/contact" }] },
+                                { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Recent Projects", "href": "/projects" }, { "label": "Customer Reviews", "href": "#testimonials" }, { "label": "Contact Us", "href": "/contact" }] },
+                                { "title": "Contact", "items": [{ "label": "Call / Text Joseph", "href": "tel:+1-555-0123" }, { "label": "Email", "href": "mailto:joseph@martinez-roofing.com" }, { "label": "Service Area", "href": "#" }, { "label": "Get a Free Estimate", "href": "/contact" }] }
+                            ]}
+                            ariaLabel="Site footer with navigation and contact information"
+                        />
                     </div>
                 </ReactLenis>
             </ThemeProvider>
@@ -145,12 +145,12 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Metal Roofing","id":"metal-roofing"},
-                                {"name":"Services","id":"services"},
-                                {"name":"Projects","id":"projects"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                { "name": "Home", "id": "/" },
+                                { "name": "Metal Roofing", "id": "metal-roofing" },
+                                { "name": "Services", "id": "services" },
+                                { "name": "Projects", "id": "projects" },
+                                { "name": "Contact", "id": "contact" },
+                                { "name": "Shop", "id": "/shop" }
                             ]}
                             brandName="Martinez Metal Roofing"
                             bottomLeftText="Standing Seam Specialists"
@@ -170,18 +170,18 @@ function ProductPageContent({ params }: ProductPageProps) {
                         </div>
                     </main>
                     <div id="footer" data-section="footer">
-                    <FooterMedia
-                        imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg?_wi=9"
-                        imageAlt="Metal roofing texture and detail"
-                        logoText="Martinez Metal Roofing & Construction"
-                        copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
-                        columns={[
-                            {"title":"Services","items":[{"label":"Standing Seam Roofing","href":"/metal-roofing"},{"label":"Repairs & Replacement","href":"/metal-roofing"},{"label":"Construction Projects","href":"/metal-roofing"},{"label":"Get an Estimate","href":"/contact"}]},
-                            {"title":"Company","items":[{"label":"About Us","href":"#about"},{"label":"Recent Projects","href":"/projects"},{"label":"Customer Reviews","href":"#testimonials"},{"label":"Contact Us","href":"/contact"}]},
-                            {"title":"Contact","items":[{"label":"Call / Text Joseph","href":"tel:+1-555-0123"},{"label":"Email","href":"mailto:joseph@martinez-roofing.com"},{"label":"Service Area","href":"#"},{"label":"Get a Free Estimate","href":"/contact"}]}
-                        ]
-                        ariaLabel="Site footer with navigation and contact information"
-                    />
+                        <FooterMedia
+                            imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg"
+                            imageAlt="Metal roofing texture and detail"
+                            logoText="Martinez Metal Roofing & Construction"
+                            copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
+                            columns={[
+                                { "title": "Services", "items": [{ "label": "Standing Seam Roofing", "href": "/metal-roofing" }, { "label": "Repairs & Replacement", "href": "/metal-roofing" }, { "label": "Construction Projects", "href": "/metal-roofing" }, { "label": "Get an Estimate", "href": "/contact" }] },
+                                { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Recent Projects", "href": "/projects" }, { "label": "Customer Reviews", "href": "#testimonials" }, { "label": "Contact Us", "href": "/contact" }] },
+                                { "title": "Contact", "items": [{ "label": "Call / Text Joseph", "href": "tel:+1-555-0123" }, { "label": "Email", "href": "mailto:joseph@martinez-roofing.com" }, { "label": "Service Area", "href": "#" }, { "label": "Get a Free Estimate", "href": "/contact" }] }
+                            ]}
+                            ariaLabel="Site footer with navigation and contact information"
+                        />
                     </div>
                 </ReactLenis>
             </ThemeProvider>
@@ -203,70 +203,70 @@ function ProductPageContent({ params }: ProductPageProps) {
         >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
-                <NavbarStyleFullscreen
-                    navItems={[
-                        {"name":"Home","id":"/"},
-                        {"name":"Metal Roofing","id":"metal-roofing"},
-                        {"name":"Services","id":"services"},
-                        {"name":"Projects","id":"projects"},
-                        {"name":"Contact","id":"contact"},
-                        {"name":"Shop","id":"/shop"}
-                    ]}
-                    brandName="Martinez Metal Roofing"
-                    bottomLeftText="Standing Seam Specialists"
-                    bottomRightText="joseph@martinez-roofing.com"
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                />
+                    <NavbarStyleFullscreen
+                        navItems={[
+                            { "name": "Home", "id": "/" },
+                            { "name": "Metal Roofing", "id": "metal-roofing" },
+                            { "name": "Services", "id": "services" },
+                            { "name": "Projects", "id": "projects" },
+                            { "name": "Contact", "id": "contact" },
+                            { "name": "Shop", "id": "/shop" }
+                        ]}
+                        brandName="Martinez Metal Roofing"
+                        bottomLeftText="Standing Seam Specialists"
+                        bottomRightText="joseph@martinez-roofing.com"
+                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">
-                <ProductDetailCard
-                    layout="page"
-                    name={product.name}
-                    price={product.price}
-                    salePrice={meta.salePrice}
-                    rating={product.rating || 0}
-                    description={product.description}
-                    images={images}
-                    variants={variants.length > 0 ? variants : undefined}
-                    quantity={quantityVariant}
-                    ribbon={meta.ribbon}
-                    inventoryStatus={meta.inventoryStatus}
-                    inventoryQuantity={meta.inventoryQuantity}
-                    sku={meta.sku}
-                    buttons={[
-                        { text: "Add To Cart", onClick: handleAddToCart },
-                        { text: "Buy Now", onClick: handleBuyNow },
-                    ]}
-                />
+                    <ProductDetailCard
+                        layout="page"
+                        name={product.name}
+                        price={product.price}
+                        salePrice={meta.salePrice}
+                        rating={product.rating || 0}
+                        description={product.description}
+                        images={images}
+                        variants={variants.length > 0 ? variants : undefined}
+                        quantity={quantityVariant}
+                        ribbon={meta.ribbon}
+                        inventoryStatus={meta.inventoryStatus}
+                        inventoryQuantity={meta.inventoryQuantity}
+                        sku={meta.sku}
+                        buttons={[
+                            { text: "Add To Cart", onClick: handleAddToCart },
+                            { text: "Buy Now", onClick: handleBuyNow },
+                        ]}
+                    />
                 </div>
                 <div id="productCart" data-section="productCart">
-                <ProductCart
-                    isOpen={cartOpen}
-                    onClose={() => setCartOpen(false)}
-                    items={cartItems}
-                    onQuantityChange={updateQuantity}
-                    onRemove={removeItem}
-                    total={`$${cartTotal}`}
-                    buttons={[
-                        {
-                            text: isCheckoutLoading ? "Processing..." : "Check Out",                            onClick: handleCheckout,
-                        },
-                    ]}
-                />
+                    <ProductCart
+                        isOpen={cartOpen}
+                        onClose={() => setCartOpen(false)}
+                        items={cartItems}
+                        onQuantityChange={updateQuantity}
+                        onRemove={removeItem}
+                        total={`$${cartTotal}`}
+                        buttons={[
+                            {
+                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
+                            },
+                        ]}
+                    />
                 </div>
                 <div id="footer" data-section="footer">
-                <FooterMedia
-                    imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg?_wi=10"
-                    imageAlt="Metal roofing texture and detail"
-                    logoText="Martinez Metal Roofing & Construction"
-                    copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
-                    columns={[
-                        {"title":"Services","items":[{"label":"Standing Seam Roofing","href":"/metal-roofing"},{"label":"Repairs & Replacement","href":"/metal-roofing"},{"label":"Construction Projects","href":"/metal-roofing"},{"label":"Get an Estimate","href":"/contact"}]},
-                        {"title":"Company","items":[{"label":"About Us","href":"#about"},{"label":"Recent Projects","href":"/projects"},{"label":"Customer Reviews","href":"#testimonials"},{"label":"Contact Us","href":"/contact"}]},
-                        {"title":"Contact","items":[{"label":"Call / Text Joseph","href":"tel:+1-555-0123"},{"label":"Email","href":"mailto:joseph@martinez-roofing.com"},{"label":"Service Area","href":"#"},{"label":"Get a Free Estimate","href":"/contact"}]}
-                    ]
-                    ariaLabel="Site footer with navigation and contact information"
-                />
+                    <FooterMedia
+                        imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg"
+                        imageAlt="Metal roofing texture and detail"
+                        logoText="Martinez Metal Roofing & Construction"
+                        copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
+                        columns={[
+                            { "title": "Services", "items": [{ "label": "Standing Seam Roofing", "href": "/metal-roofing" }, { "label": "Repairs & Replacement", "href": "/metal-roofing" }, { "label": "Construction Projects", "href": "/metal-roofing" }, { "label": "Get an Estimate", "href": "/contact" }] },
+                            { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Recent Projects", "href": "/projects" }, { "label": "Customer Reviews", "href": "#testimonials" }, { "label": "Contact Us", "href": "/contact" }] },
+                            { "title": "Contact", "items": [{ "label": "Call / Text Joseph", "href": "tel:+1-555-0123" }, { "label": "Email", "href": "mailto:joseph@martinez-roofing.com" }, { "label": "Service Area", "href": "#" }, { "label": "Get a Free Estimate", "href": "/contact" }] }
+                        ]}
+                        ariaLabel="Site footer with navigation and contact information"
+                    />
                 </div>
             </ReactLenis>
         </ThemeProvider>