54 lines
2.7 KiB
PHP
54 lines
2.7 KiB
PHP
<section
|
|
class="relative w-full lg:w-[35%] pt-24 lg:pt-0 py-0 px-6 lg:px-10 lg:pb-8 flex flex-col lg:min-h-screen lg:justify-between space-y-6 lg:space-y-0 z-20 bg-white">
|
|
|
|
<div class="flex flex-col justify-center flex-1 space-y-6 lg:pt-48">
|
|
|
|
<header class="flex flex-wrap items-center gap-4">
|
|
<div class="flex items-center">
|
|
<figure class="border-2 border-home-background w-8 h-8 lg:w-10 lg:h-10 rounded-full overflow-hidden shadow-sm">
|
|
<img src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&q=80&w=100"
|
|
alt="User 1" class="w-full h-full object-cover">
|
|
</figure>
|
|
<figure class="border-2 border-home-background -ms-2 w-8 h-8 lg:w-10 lg:h-10 rounded-full overflow-hidden shadow-sm">
|
|
<img src="https://images.unsplash.com/photo-1586297135537-94bc9ba060aa?auto=format&fit=crop&q=80&w=100"
|
|
alt="User 2" class="w-full h-full object-cover">
|
|
</figure>
|
|
<figure class="border-2 border-home-background -ms-2 w-8 h-8 lg:w-10 lg:h-10 rounded-full overflow-hidden shadow-sm">
|
|
<img src="https://images.unsplash.com/photo-1633332755192-727a05c4013d?auto=format&fit=crop&q=80&w=100"
|
|
alt="User 3" class="w-full h-full object-cover">
|
|
</figure>
|
|
</div>
|
|
|
|
<div
|
|
class="border border-home-primary/30 py-1 px-3 rounded-full text-sm lg:text-lg text-home-primary">
|
|
Plus <span class="text-home-primary font-bold">25K</span> Trusted users!
|
|
</div>
|
|
</header>
|
|
|
|
<h1 class="text-home-foreground text-4xl lg:text-6xl leading-tight text-start font-bold">
|
|
Discover your best<br><span class="italic font-serif font-light text-home-primary">perfume</span> at today
|
|
</h1>
|
|
|
|
<p class="text-lg w-[90%] lg:w-full lg:text-lg text-home-foreground/80">
|
|
Selecting a perfume is a personal journey. Consider your lifestyle, favorite scents, and the impression you want
|
|
to make.
|
|
</p>
|
|
|
|
<div class="flex items-center">
|
|
<button
|
|
class="bg-home-primary text-home-background py-3 px-6 rounded-full hover:shadow-lg hover:shadow-home-primary/30 transition-all font-medium">
|
|
Explore Shop
|
|
</button>
|
|
<span class="w-8 h-[2px] bg-home-primary/20"></span>
|
|
<button
|
|
class="flex items-center justify-center w-12 h-12 border border-home-primary rounded-full hover:bg-home-background transition-colors group bg-transparent">
|
|
<div
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
|
|
</div>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
@include('livewire.home.partials.jumbotron.testimonial')
|
|
</section>
|