From 917d8a6e1ade2f3902d70dc725f6f5578283e9c7 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 24 Apr 2026 00:02:20 +0700
Subject: [PATCH] feat: add WhatsApp order and inquiry links to product cards
 and selection modal

---
 resources/js/pages/homepage.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/resources/js/pages/homepage.tsx b/resources/js/pages/homepage.tsx
index c083206..f9ba51b 100644
--- a/resources/js/pages/homepage.tsx
+++ b/resources/js/pages/homepage.tsx
@@ -304,7 +304,16 @@ export default function Homepage({ categories = [], bestSellers, topSellingProdu
                                             <p className="mb-2 text-[10px] font-bold uppercase tracking-widest group-hover:text-indigo-600">
                                                 {item.name}
                                             </p>
-                                            <p className="text-sm font-medium opacity-60">{formatCurrency(item.retail_price)}</p>
+                                            <p className="mb-4 text-sm font-medium opacity-60">{formatCurrency(item.retail_price)}</p>
+                                            
+                                            <a 
+                                                href={`https://wa.me/628123456789?text=${encodeURIComponent(`Halo VN Grup, saya ingin memesan ${item.name} seharga ${formatCurrency(item.retail_price)}. Mohon info detail pembayarannya.`)}`}
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                                className="inline-flex items-center gap-2 border border-[#1e4a6d] px-6 py-2 text-[8px] font-bold uppercase tracking-widest transition-all hover:bg-[#1e4a6d] hover:text-white"
+                                            >
+                                                Pesan Sekarang <ArrowRight size={10} />
+                                            </a>
                                         </div>
                                     </div>
                                 ))}
@@ -532,9 +541,14 @@ export default function Homepage({ categories = [], bestSellers, topSellingProdu
                                 </div>
 
                                 <div className="mt-auto pt-8 border-t border-[#1e4a6d]/10">
-                                    <button className="w-full bg-[#1e4a6d] py-4 text-[10px] font-bold uppercase tracking-[0.2em] text-white transition-all hover:bg-[#15344e] flex items-center justify-center gap-2">
+                                    <a 
+                                        href={`https://wa.me/628123456789?text=${encodeURIComponent(`Halo VN Grup, saya tertarik dengan produk ${selectedProduct?.name} seharga ${formatCurrency(selectedProduct?.retail_price || 0)}. Bisa tanya-tanya dulu?`)}`}
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        className="w-full bg-[#1e4a6d] py-4 text-[10px] font-bold uppercase tracking-[0.2em] text-white transition-all hover:bg-[#15344e] flex items-center justify-center gap-2"
+                                    >
                                         Hubungi via WhatsApp <ArrowRight size={14} />
-                                    </button>
+                                    </a>
                                 </div>
                             </div>
                         </div>