bender/91e1fd62-05d3-413d-a0ae-27e8dce3a56b
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-05-13 15:07:24 +00:00
parent b5080c34f1
commit d07e51b84a
1 changed files with 3 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,23 +1,10 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function ProductDetailPage({ params }: { params: { id: string } }) {
export default function ProductPage({ params }: { params: { id: string } }) {
return (
<ThemeProvider>
<NavbarStyleCentered navItems={[{name: "Shop", id: "/shop"}]} brandName="LUXE" />
<main className="pt-32 px-6 max-w-4xl mx-auto">
<h1 className="text-4xl font-bold">Luxury Product {params.id}</h1>
<div className="grid md:grid-cols-2 gap-12 mt-10">
<div className="bg-gray-200 aspect-square rounded-xl" />
<div>
<p className="text-2xl font-medium">$999.00</p>
<p className="mt-4">Premium specifications for the discerning individual.</p>
<button className="mt-8 px-8 py-3 bg-black text-white rounded-full">Add to Cart</button>
</div>
</div>
</main>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div>Product {params.id}</div>
</ThemeProvider>
);
}