vngrup/dress
vngrup/dress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add WhatsApp order and inquiry links to product cards and selection modal

Browse Source
This commit is contained in:
Yoga Pangestu 2026-04-24 00:02:20 +07:00
parent b010e1a126
commit 917d8a6e1a
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/pages/homepage.tsx
View File

@ -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>