79 lines
4.9 KiB
PHP
79 lines
4.9 KiB
PHP
<section class="bg-white py-12 md:py-20 lg:py-24 px-4 md:px-8 lg:px-48">
|
|
<div class="space-y-8 md:space-y-12 lg:space-y-16">
|
|
<header class="space-y-4 md:space-y-6">
|
|
<h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-black leading-tight">
|
|
Temukan Parfum Favorit dengan Kualitas Terbaik
|
|
</h2>
|
|
<p class="text-base md:text-lg text-gray-700 leading-relaxed max-w-3xl">
|
|
Kami menghadirkan parfum original berkualitas tinggi langsung dari distributor resmi. Setiap aroma
|
|
dirancang untuk bertahan lama, memberikan pengalaman wangi yang istimewa, dan memastikan setiap tetesnya
|
|
asli dan terpercaya.
|
|
</p>
|
|
</header>
|
|
|
|
<img src="https://plus.unsplash.com/premium_photo-1723579353390-f4dd36758856?q=80&w=1469&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
|
alt="Parfum berkualitas" class="rounded-2xl w-full h-64 md:h-96 lg:h-[550px] object-cover">
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6">
|
|
<article
|
|
class="bg-white rounded-2xl p-6 md:p-8 shadow-md hover:shadow-lg transition-shadow duration-300 border border-gray-100">
|
|
<div class="mb-4 md:mb-6">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-amber-600" fill="none"
|
|
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-lg md:text-xl font-bold text-black mb-2 md:mb-3">Keaslian 100%</h3>
|
|
<p class="text-sm md:text-base text-gray-600 leading-relaxed">
|
|
Setiap botol dijamin original dari distributor resmi untuk kualitas dan aroma yang murni.
|
|
</p>
|
|
</article>
|
|
|
|
<article
|
|
class="bg-white rounded-2xl p-6 md:p-8 shadow-md hover:shadow-lg transition-shadow duration-300 border border-gray-100">
|
|
<div class="mb-4 md:mb-6">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-amber-600" fill="none"
|
|
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-lg md:text-xl font-bold text-black mb-2 md:mb-3">Pengiriman Cepat</h3>
|
|
<p class="text-sm md:text-base text-gray-600 leading-relaxed">
|
|
Pesananmu diproses dan dikirim di hari yang sama untuk sampai lebih cepat dan aman.
|
|
</p>
|
|
</article>
|
|
|
|
<article
|
|
class="bg-white rounded-2xl p-6 md:p-8 shadow-md hover:shadow-lg transition-shadow duration-300 border border-gray-100">
|
|
<div class="mb-4 md:mb-6">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-amber-600" fill="none"
|
|
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3-.895 3-2-1.343-2-3-2zm0 4c-2.485 0-4.5 1.567-4.5 3.5V18h9v-2.5c0-1.933-2.015-3.5-4.5-3.5z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-lg md:text-xl font-bold text-black mb-2 md:mb-3">Harga Bersahabat</h3>
|
|
<p class="text-sm md:text-base text-gray-600 leading-relaxed">
|
|
Nikmati parfum favorit dengan harga kompetitif tanpa mengurangi kualitas premium.
|
|
</p>
|
|
</article>
|
|
|
|
<article
|
|
class="bg-white rounded-2xl p-6 md:p-8 shadow-md hover:shadow-lg transition-shadow duration-300 border border-gray-100">
|
|
<div class="mb-4 md:mb-6">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-amber-600" fill="none"
|
|
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-lg md:text-xl font-bold text-black mb-2 md:mb-3">Layanan Terbaik</h3>
|
|
<p class="text-sm md:text-base text-gray-600 leading-relaxed">
|
|
Tim customer service kami siap membantu 24/7 untuk pengalaman belanja yang sempurna.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|