diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba1ab74..0e7d960 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -78,9 +78,9 @@ export default function Page() {
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
-            { id: "1", name: "Penthouse Suite", price: "$5,000/mo", imageSrc: "https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=800" },
-            { id: "2", name: "Garden Villa", price: "$4,200/mo", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=800" },
-            { id: "3", name: "Loft Studio", price: "$2,800/mo", imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800" }
+            { id: "1", name: "Penthouse Suite", price: "$5,000/mo", imageSrc: "https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?q=80&w=800", onProductClick: () => console.log('Reserve Penthouse') },
+            { id: "2", name: "Garden Villa", price: "$4,200/mo", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=800", onProductClick: () => console.log('Reserve Garden Villa') },
+            { id: "3", name: "Loft Studio", price: "$2,800/mo", imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800", onProductClick: () => console.log('Reserve Loft Studio') }
           ]}
         />
       </div>