diff --git a/src/app/page.tsx b/src/app/page.tsx index 3d8da06..4508c8f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,6 +10,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import { Camera, CheckCircle, HelpCircle, Play, Sparkles, Star, TrendingUp, Zap, Flame, Users, MessageSquare, Lock } from "lucide-react"; +import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog'; export default function LandingPage() { return ( @@ -213,6 +214,56 @@ export default function LandingPage() { /> +
+ {} + }, + { + id: "2", + name: "ClipVerse Basic", + price: 19.99, + imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", + imageAlt: "ClipVerse Basic", + rating: 4.5, + reviewCount: 85, + category: "ClipVerse", + onProductClick: () => {} + }, + { + id: "3", + name: "ClipVerse Elite", + price: 39.99, + imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", + imageAlt: "ClipVerse Elite", + rating: 4.9, + reviewCount: 150, + category: "ClipVerse", + onProductClick: () => {} + } + ]} + searchPlaceholder="Search ClipVerse products..." + emptyMessage="No ClipVerse products found" + className="mt-10" + gridClassName="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6" + cardClassName="bg-white rounded-lg shadow-md overflow-hidden" + imageClassName="w-full h-48 object-cover" + searchClassName="mb-4" + filterClassName="mb-4" + toolbarClassName="mb-4" + /> +
+