Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -15,6 +15,10 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import { MessageCircle, ShieldCheck, Truck } from "lucide-react";
 
 export default function LandingPage() {
+  const handleWhatsAppClick = (productName: string) => {
+    window.open(`https://wa.me/256700000000?text=I'd like to order: ${productName}`, "_blank");
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -116,25 +120,26 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
+      buttons={[{ text: "Order via WhatsApp" }]}
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "Atitus Midnight Oud",          price: "UGX 250,000",          imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-49138.jpg"},
+          id: "p1",          name: "Atitus Midnight Oud",          price: "UGX 250,000",          imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-49138.jpg", onProductClick: () => handleWhatsAppClick("Atitus Midnight Oud")},
         {
-          id: "p2",          name: "Gallery Gold Blossom",          price: "UGX 180,000",          imageSrc: "http://img.b2bpic.net/free-photo/orchid-flower-against-gold-background_23-2149244105.jpg"},
+          id: "p2",          name: "Gallery Gold Blossom",          price: "UGX 180,000",          imageSrc: "http://img.b2bpic.net/free-photo/orchid-flower-against-gold-background_23-2149244105.jpg", onProductClick: () => handleWhatsAppClick("Gallery Gold Blossom")},
         {
-          id: "p3",          name: "Azure Sky Intense",          price: "UGX 220,000",          imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-rose-wine-blue-tablecloth_114579-22805.jpg"},
+          id: "p3",          name: "Azure Sky Intense",          price: "UGX 220,000",          imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-rose-wine-blue-tablecloth_114579-22805.jpg", onProductClick: () => handleWhatsAppClick("Azure Sky Intense")},
         {
-          id: "p4",          name: "Velvet Rosewood",          price: "UGX 210,000",          imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfume-based-soil-ingredients_23-2150756829.jpg"},
+          id: "p4",          name: "Velvet Rosewood",          price: "UGX 210,000",          imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfume-based-soil-ingredients_23-2150756829.jpg", onProductClick: () => handleWhatsAppClick("Velvet Rosewood")},
         {
-          id: "p5",          name: "Oud Mystique",          price: "UGX 270,000",          imageSrc: "http://img.b2bpic.net/free-photo/covid-paclose-urty-still-life-with-bottle_23-2149299918.jpg"},
+          id: "p5",          name: "Oud Mystique",          price: "UGX 270,000",          imageSrc: "http://img.b2bpic.net/free-photo/covid-paclose-urty-still-life-with-bottle_23-2149299918.jpg", onProductClick: () => handleWhatsAppClick("Oud Mystique")},
         {
-          id: "p6",          name: "Silver Moonlight",          price: "UGX 195,000",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289773.jpg"},
+          id: "p6",          name: "Silver Moonlight",          price: "UGX 195,000",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289773.jpg", onProductClick: () => handleWhatsAppClick("Silver Moonlight")},
       ]}
       title="The Gallery Collection"
-      description="Discover our signature scents."
+      description="Discover our signature scents. Click an item to order via WhatsApp."
     />
   </div>
 
@@ -206,4 +211,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}