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

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

@@ -0,0 +1,23 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function ProductDetailPage({ 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>
+  );
+}