bender/dc1cdb45-907d-499e-9f19-ec2cb7ca9c4f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/product/[id]/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-11 07:04:31 +00:00
parent 5f877fa637
commit 0040fdae5d
1 changed files with 24 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/app/product/[id]/page.tsx
View File

@@ -4,11 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
export default function ProductDetailsPage() {
export default function ProductDetailPage() {
const navItems = [
{ name: "Browse", id: "browse" },
{ name: "Categories", id: "categories" },
@@ -19,8 +17,7 @@ export default function ProductDetailsPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Browse All", href: "/browse" },
{ label: "Categories", href: "/browse" },
{ label: "Trending", href: "/browse" },
@@ -28,8 +25,7 @@ export default function ProductDetailsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "How It Works", href: "/about" },
{ label: "Blog", href: "#" },
@@ -37,8 +33,7 @@ export default function ProductDetailsPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#" },
@@ -46,8 +41,7 @@ export default function ProductDetailsPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -73,130 +67,54 @@ export default function ProductDetailsPage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Explore Products",
href: "/browse",
}}
text: "Explore Products", href: "/browse"}}
brandName="ProdFound"
/>
</div>
<div id="product-hero" data-section="product-hero">
<HeroBillboardScroll
title="Premium SmartFlow Pro Wireless Earbuds"
description="Experience cutting-edge audio technology with active noise cancellation, 48-hour battery life, and seamless connectivity across all your devices. Crafted for music lovers and professionals alike."
tag="Featured Product"
title="Premium Product Experience"
description="Discover detailed information about this exceptional product and why it's worth your attention."
tag="Product Details"
tagAnimation="slide-up"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg?_wi=4"
imageAlt="SmartFlow Pro wireless earbuds premium showcase"
imageSrc="http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg"
imageAlt="Product detail showcase"
buttons={[
{
text: "Add to Cart",
onClick: () => console.log("Added to cart"),
},
text: "Learn More", href: "/browse"},
{
text: "View Specifications",
href: "#specifications",
},
text: "Back to Browse", href: "/browse"},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="product-details" data-section="product-details">
<div id="product-features" data-section="product-features">
<FeatureCardTwentyOne
title="Product Specifications & Features"
description="Discover what makes the SmartFlow Pro the choice of audio enthusiasts worldwide. Premium engineering meets intuitive design."
tag="Technical Details"
title="Product Features"
description="Explore the key features and benefits that make this product stand out"
tag="Key Highlights"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg?_wi=5"
imageAlt="Product specifications and design details"
imageSrc="http://img.b2bpic.net/free-photo/crowd-people-with-phones_53876-20883.jpg"
imageAlt="Product features showcase"
mediaAnimation="slide-up"
mediaPosition="left"
accordionItems={[
{
id: "audio",
title: "Advanced Audio Technology",
content: "Active Noise Cancellation (ANC) with transparency mode, 40-hour total battery (8-hour earbuds + 32-hour case), Bluetooth 5.3 connectivity, Hi-Res audio support, and multi-device pairing capabilities.",
},
id: "feature1", title: "Premium Quality", content: "Crafted with attention to detail using high-quality materials and manufacturing processes."},
{
id: "design",
title: "Premium Design & Comfort",
content: "Ergonomic design with three ear tip sizes for perfect fit, weighing only 4.3g per earbud, IPX4 water resistance for workouts and rain, premium aluminum and silicone construction, and available in multiple colors.",
},
id: "feature2", title: "Innovative Design", content: "Modern aesthetics combined with practical functionality for everyday use."},
{
id: "controls",
title: "Intuitive Touch Controls",
content: "Customizable touch gestures, voice assistant integration, adaptive audio based on environment, and real-time audio adjustments through companion mobile app with personalized EQ settings.",
},
id: "feature3", title: "Customer Support", content: "Comprehensive warranty and dedicated customer service team ready to assist."},
{
id: "warranty",
title: "Warranty & Support",
content: "24-month comprehensive warranty covering hardware defects, 90-day return guarantee, lifetime customer support access, and free firmware updates with regular feature enhancements.",
},
id: "feature4", title: "Value for Money", content: "Competitive pricing without compromising on quality or performance."},
]}
buttons={[
{
text: "Purchase Now",
onClick: () => console.log("Purchase initiated"),
},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="related-products" data-section="related-products">
<ProductCardTwo
products={[
{
id: "2",
brand: "LifeStyle Co",
name: "Minimal Design Desk Organizer",
price: "$49.99",
rating: 4,
reviewCount: "1.8k",
imageSrc: "http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-134342.jpg?_wi=3",
imageAlt: "Minimalist desk organizer set",
isFavorited: false,
},
{
id: "5",
brand: "FitNow",
name: "Portable Smart Fitness Watch",
price: "$199.99",
rating: 4,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/women-wear-wristbands-exercise-stand-against-wall_1150-16546.jpg?_wi=3",
imageAlt: "Smart fitness tracking watch",
isFavorited: false,
},
{
id: "6",
brand: "LightWorks",
name: "Adjustable LED Desk Lamp",
price: "$89.99",
rating: 5,
reviewCount: "743",
imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-lamp-plants_23-2148745749.jpg?_wi=4",
imageAlt: "Modern adjustable LED desk lamp",
isFavorited: false,
},
]}
title="Complementary Products"
description="Enhance your setup with these carefully selected companion items"
tag="Related Items"
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
buttons={[
{
text: "Browse All Related",
href: "/browse",
},
text: "Shop Now", href: "/browse"},
]}
buttonAnimation="slide-up"
/>