48 lines
2.3 KiB
PHP
48 lines
2.3 KiB
PHP
<section class="relative text-center md:text-left bg-black text-white py-16 px-6 md:px-12 mt-48 lg:mt-0">
|
|
<div class="max-w-5xl mx-auto">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
|
|
|
|
<figure class="flex justify-center md:justify-start relative z-10">
|
|
<img src="https://png.pngtree.com/png-vector/20230918/ourmid/pngtree-man-in-shirt-smiles-and-gives-thumbs-up-to-show-approval-png-image_10094392.png"
|
|
alt="Testimoni Pelanggan yang Puas"
|
|
class="w-full max-w-sm lg:max-w-md h-auto absolute bottom-0 md:-top-72 object-contain drop-shadow-2xl">
|
|
</figure>
|
|
|
|
<div class="relative z-20">
|
|
|
|
<div class="flex justify-center md:justify-start gap-1 mb-4" aria-label="Rating bintang 5 dari 5">
|
|
@for ($i = 0; $i < 5; $i++)
|
|
<span class="text-white text-xl" aria-hidden="true">★</span>
|
|
@endfor
|
|
</div>
|
|
|
|
<figure>
|
|
<blockquote
|
|
class="text-gray-300 text-lg leading-relaxed mb-6 italic border-l-4 border-white/20 pl-4 md:border-none md:pl-0">
|
|
"Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa,
|
|
justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
|
|
</blockquote>
|
|
|
|
<figcaption>
|
|
<cite class="not-italic font-bold text-white text-lg mb-1 block">
|
|
Coriss Ambady
|
|
</cite>
|
|
<span class="text-gray-400 text-sm tracking-widest font-semibold block uppercase">
|
|
Financial Analyst
|
|
</span>
|
|
</figcaption>
|
|
</figure>
|
|
|
|
<div class="mt-8 flex justify-center md:justify-start">
|
|
<button
|
|
class="border border-white py-2 px-6 bg-home-foreground rounded-full hover:bg-white hover:text-black transition-colors duration-300 font-medium">
|
|
Gabung Member Sekarang
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|