diff --git a/src/app/shop/[productId]/page.tsx b/src/app/shop/[productId]/page.tsx
new file mode 100644
index 0000000..1f02697
--- /dev/null
+++ b/src/app/shop/[productId]/page.tsx
@@ -0,0 +1,203 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
+import { Star } from 'lucide-react';
+
+const allProducts = [
+ {
+ id: "1", name: "AI Assistant Pro", price: "$49.99", description: "Enhance your daily workflow with an intelligent AI assistant that automates tasks, manages schedules, and provides insightful recommendations.", images: [
+ { src: "http://img.b2bpic.net/free-photo/blue-glowing-artificial-intelligence-brain-background_53876-135832.jpg", alt: "AI Assistant Pro software icon" },
+ { src: "http://img.b2bpic.net/free-photo/ai-generated-image-neural-network-with-glowing-nodes_23-2151042797.jpg", alt: "AI neural network illustration" }
+ ],
+ rating: 4.5,
+ variants: [
+ { label: "License Type", options: ["Annual", "Lifetime"], selected: "Annual", onChange: (value: string) => console.log(value) }
+ ],
+ quantity: { label: "Quantity", options: ["1", "2", "3"], selected: "1", onChange: (value: string) => console.log(value) }
+ },
+ {
+ id: "2", name: "Smart Scheduler Watch", price: "$199.99", description: "A cutting-edge smartwatch designed to integrate seamlessly with your AI Planner, providing on-the-go scheduling, reminders, and notifications directly on your wrist.", images: [
+ { src: "http://img.b2bpic.net/free-photo/smartwatch-with-augmented-reality_1134-124.jpg", alt: "Smartwatch displaying a calendar" },
+ { src: "http://img.b2bpic.net/free-photo/modern-watch-on-white-table-flat-lay-shot_23-2150334812.jpg", alt: "Modern smartwatch flat lay" }
+ ],
+ rating: 4.2,
+ variants: [
+ { label: "Color", options: ["Black", "Silver", "Rose Gold"], selected: "Black", onChange: (value: string) => console.log(value) }
+ ],
+ quantity: { label: "Quantity", options: ["1", "2"], selected: "1", onChange: (value: string) => console.log(value) }
+ },
+ {
+ id: "3", name: "Productivity Boost E-book", price: "$9.99", description: "Unlock the secrets to maximum efficiency with this comprehensive e-book, featuring AI-driven strategies and practical tips to master your time and tasks.", images: [
+ { src: "http://img.b2bpic.net/free-photo/close-up-desk-with-book-glasses_23-2148455806.jpg", alt: "E-book on a desk" },
+ { src: "http://img.b2bpic.net/free-photo/books-shelf-library-education-reading_1134-118.jpg", alt: "Bookshelf in a library" }
+ ],
+ rating: 4.8,
+ variants: [],
+ quantity: { label: "Quantity", options: ["1", "2", "5"], selected: "1", onChange: (value: string) => console.log(value) }
+ }
+];
+
+interface ProductPageProps {
+ params: { productId: string };
+}
+
+export default function ProductPage({ params }: ProductPageProps) {
+ const product = allProducts.find(p => p.id === params.productId);
+
+ if (!product) {
+ return (
+
+
+
+
+ console.log('Privacy Policy clicked')}
+ />
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+
+
console.log(`Added ${product.name} to cart`) },
+ { text: "Buy Now", onClick: () => console.log(`Buying ${product.name} now`) }
+ ]}
+ />
+