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

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

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useParams } from "next/navigation";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function ProductDetailPage() {
+    return (
+        <ThemeProvider>
+            <NavbarStyleApple
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Shop", id: "/shop" },
+                ]}
+                brandName="VELORA"
+            />
+            <div className="container mx-auto pt-32 px-6 flex flex-col md:flex-row gap-12">
+                <div className="w-full md:w-1/2 aspect-square bg-gray-100 rounded-lg flex items-center justify-center">
+                    <span className="text-gray-400">Product Image</span>
+                </div>
+                <div className="w-full md:w-1/2 flex flex-col gap-6">
+                    <h1 className="text-4xl font-bold">Premium Essential Piece</h1>
+                    <p className="text-2xl">$295</p>
+                    <p className="text-gray-600">Crafted with precision, designed for elegance. This piece is a wardrobe staple.</p>
+                    <button className="w-full md:w-auto bg-black text-white px-8 py-3 rounded-full hover:opacity-80">
+                        Add to Cart
+                    </button>
+                </div>
+            </div>
+        </ThemeProvider>
+    );
+}