bender/180e4812-8382-45b1-bf4f-e620424f1e0a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5 into main

Browse Source 
Merge version_5 into main
This commit was merged in pull request #6.
This commit is contained in:
bender
2026-05-14 13:51:05 +00:00
parent cdeaa89dcd 3a61da83fe
commit 07f5a0d36e
1 changed files with 33 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/product-detail/page.tsx
View File

@@ -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>
);