72 lines
3.6 KiB
PHP
72 lines
3.6 KiB
PHP
<section class="section-dark py-20 px-4">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div class="space-y-12">
|
|
<div class="grid grid-cols-2 gap-8">
|
|
<div>
|
|
<div class="text-6xl font-light text-dark-text mb-2">17+</div>
|
|
<p class="text-dark-muted text-sm">Years of Experience</p>
|
|
</div>
|
|
<div>
|
|
<div class="text-6xl font-light text-dark-text mb-2">2M</div>
|
|
<p class="text-dark-muted text-sm">Happy Guests</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
<h3 class="text-3xl font-light text-dark-text">
|
|
Economically Sound and Well-<br />
|
|
<span class="text-secondary">Friendly Service</span> for<br />
|
|
Families and Their<br />
|
|
Precious Belongings
|
|
</h3>
|
|
|
|
<p class="text-dark-muted leading-relaxed">
|
|
We understand that every family is unique, which is why we offer personalized
|
|
services tailored to meet your specific needs. From luxury amenities to
|
|
budget-friendly options, we ensure every guest feels valued and comfortable.
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-8">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-8 h-8 bg-secondary rounded-full flex items-center justify-center">
|
|
<span class="text-primary text-sm">✓</span>
|
|
</div>
|
|
<div>
|
|
<p class="text-dark-text font-medium text-sm">Top Consultation</p>
|
|
<p class="text-dark-muted text-xs">Expert guidance</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-8 h-8 bg-secondary rounded-full flex items-center justify-center">
|
|
<span class="text-primary text-sm">✓</span>
|
|
</div>
|
|
<div>
|
|
<p class="text-dark-text font-medium text-sm">Finest Meal</p>
|
|
<p class="text-dark-muted text-xs">Gourmet dining</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-8 h-8 bg-secondary rounded-full flex items-center justify-center">
|
|
<span class="text-primary text-sm">✓</span>
|
|
</div>
|
|
<div>
|
|
<p class="text-dark-text font-medium text-sm">Easy Tax Reduction</p>
|
|
<p class="text-dark-muted text-xs">Cost-effective</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="relative">
|
|
<div class="card-elevated bg-dark-muted p-0 overflow-hidden rounded-3xl">
|
|
<img src="{{ asset('img/assets/accommodation-2.jpg') }}" alt="Luxury interior design"
|
|
class="w-full h-96 object-cover" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|