diff --git a/src/app/page.tsx b/src/app/page.tsx index 85486ff..afd1b32 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,6 +13,11 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; import { Award, CheckCircle, Heart, HelpCircle, Leaf, Mail, Sparkles, Zap } from "lucide-react"; export default function LandingPage() { + const handleProductClick = (productId: string, productName: string) => { + // Navigate to product detail page or checkout + window.location.href = `/products/${productId}`; + }; + return ( handleProductClick("1", "Hydrating Moisturizer") }, { - id: "2", name: "Brightening Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-serum-pipette-hand-stone-gray-background_185193-162254.jpg", imageAlt: "Brightening Serum", isFavorited: false + id: "2", name: "Brightening Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-serum-pipette-hand-stone-gray-background_185193-162254.jpg", imageAlt: "Brightening Serum", isFavorited: false, onProductClick: () => handleProductClick("2", "Brightening Serum") }, { - id: "3", name: "Gentle Cleanser", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-spa-essentials-background-home-decor_53876-128208.jpg", imageAlt: "Gentle Cleanser", isFavorited: false + id: "3", name: "Gentle Cleanser", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-spa-essentials-background-home-decor_53876-128208.jpg", imageAlt: "Gentle Cleanser", isFavorited: false, onProductClick: () => handleProductClick("3", "Gentle Cleanser") } ]} gridVariant="three-columns-all-equal-width"