<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
    <div class="bg-white p-6 rounded-3xl shadow-sm border border-gray-100">
        <img src="https://images.unsplash.com/photo-1615485290382-441e4d019cb5?q=80&w=400" class="w-full h-48 object-cover rounded-2xl mb-6">
        <h5 class="font-bold">Raw Ghanian Shea</h5>
        <p class="text-shining-green font-bold mt-2">$24.00</p>
    </div>
    <div class="bg-white p-6 rounded-3xl shadow-sm border border-gray-100">
        <img src="https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?q=80&w=400" class="w-full h-48 object-cover rounded-2xl mb-6">
        <h5 class="font-bold">Baobab Vitality Powder</h5>
        <p class="text-shining-green font-bold mt-2">$32.00</p>
    </div>
    <div class="bg-white p-6 rounded-3xl shadow-sm border border-gray-100">
        <img src="https://images.unsplash.com/photo-1540324155974-7523202daa3f?q=80&w=400" class="w-full h-48 object-cover rounded-2xl mb-6">
        <h5 class="font-bold">Blue Lotus Tincture</h5>
        <p class="text-shining-green font-bold mt-2">$45.00</p>
    </div>
    <div class="bg-shining-green p-6 rounded-3xl text-white flex flex-col justify-center">
        <h5 class="serif text-2xl font-bold mb-2">Direct Imports</h5>
        <p class="text-sm opacity-80 mb-6">Supporting 50+ heritage farms in Sub-Saharan Africa.</p>
        <a href="#" class="bg-white text-shining-green py-2 rounded-xl font-bold text-sm text-center">Full Inventory</a>
    </div>
</div>
