From 3a61da83fe406ed92808d6ed324c3a116d61ed1c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 13:51:02 +0000
Subject: [PATCH] Update src/app/product-detail/page.tsx

---
 src/app/product-detail/page.tsx | 55 ++++++++++++++++++++-------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/app/product-detail/page.tsx b/src/app/product-detail/page.tsx
index 7567696..6fe3673 100644
--- a/src/app/product-detail/page.tsx
+++ b/src/app/product-detail/page.tsx
@@ -3,14 +3,24 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ProductDetailPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarStyleFullscreen
           navItems={[
@@ -21,30 +31,31 @@ export default function ProductDetailPage() {
           ]}
           brandName="Wall Perspective"
         />
-        <div id="hero" className="py-12 bg-[#FAF9F6]">
-          <HeroBillboardRotatedCarousel
-            background={{ variant: "rotated-rays-static" }}
-            title="Abstract Flux"
-            description="An exclusive luxury print, meticulously crafted for modern interiors. Available in limited editions."
-            carouselItems={Array.from({length: 6}).map((_, i) => ({ id: `${i}`, imageSrc: "http://img.b2bpic.net/free-photo/abstract-layered-wavy-terrain-shades-green-yellow_779267-3539.jpg" }))}
-          />
-        </div>
-        <div id="details" className="py-12 bg-[#F2F0EB] text-[#1A1A1A]">
-            <div className="max-w-4xl mx-auto px-6">
-                <span className="text-[#BFA15F] font-bold">LIMITED EDITION</span>
-                <h1 className="text-4xl font-bold mb-4">Abstract Flux Poster</h1>
-                <p className="text-2xl font-bold mb-6">$450</p>
-                <p className="mb-6 text-lg">This artwork represents a convergence of natural textures and modern fluid dynamics. A statement piece that elevates any room.</p>
-                <button className="bg-[#1C1C1A] text-[#FAF9F6] px-8 py-3 rounded-full hover:bg-[#BFA15F]">Add to Cart</button>
-            </div>
-        </div>
         <div id="related">
-             <ProductCardFour title="Related Products" gridVariant="uniform-all-items-equal" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} />
+             <ProductCardFour 
+                title="Related Products" 
+                gridVariant="uniform-all-items-equal" 
+                animationType="blur-reveal" 
+                textboxLayout="default" 
+                useInvertedBackground={false}
+                description="Explore more luxury art prints for your collection."
+             />
         </div>
         <div id="testimonials">
-             <TestimonialCardThirteen title="Client Testimonials" showRating={true} animationType="blur-reveal" textboxLayout="default" useInvertedBackground={true} />
+             <TestimonialCardThirteen 
+                title="Client Testimonials" 
+                showRating={true} 
+                animationType="blur-reveal" 
+                textboxLayout="default" 
+                useInvertedBackground={true}
+                testimonials={[
+                    { id: "1", name: "Jane Doe", handle: "@janedoe", testimonial: "Absolutely stunning quality!", rating: 5 },
+                    { id: "2", name: "John Smith", handle: "@johnsmith", testimonial: "Fast shipping and beautiful packaging.", rating: 5 }
+                ]}
+                description="Hear what our clients have to say about our art."
+             />
         </div>
-        <FooterLogoEmphasis columns={[]} logoText="Wall Perspective" />
+        <FooterLogoEmphasis columns={[]} logoText="Wall Perspective" leftLink={{ text: "Privacy", href: "/privacy" }} rightLink={{ text: "Terms", href: "/terms" }} />
       </ReactLenis>
     </ThemeProvider>
   );