48 lines
1.6 KiB
Plaintext
48 lines
1.6 KiB
Plaintext
<section class="relative h-screen flex items-center justify-center overflow-hidden">
|
|
<!-- Image de fond -->
|
|
<div class="absolute inset-0">
|
|
<img
|
|
src="https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1920&q=80"
|
|
alt="Vallée de l'Allier"
|
|
class="w-full h-full object-cover"
|
|
/>
|
|
<div class="absolute inset-0 bg-dark/50"></div>
|
|
</div>
|
|
|
|
<!-- Contenu centré -->
|
|
<div class="relative z-10 text-center text-white px-6 max-w-4xl mx-auto">
|
|
<span class="block text-xs tracking-[0.4em] uppercase text-white/60 mb-6">
|
|
Gîte de charme · Vallée de l'Allier
|
|
</span>
|
|
|
|
<h1 class="font-serif text-7xl md:text-9xl font-light leading-none mb-6">
|
|
Le Moulin<br/>des Rives
|
|
</h1>
|
|
|
|
<p class="text-lg text-white/70 font-light mb-12 max-w-lg mx-auto">
|
|
Un lieu chaleureux et authentique au cœur de la nature.
|
|
</p>
|
|
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<a
|
|
href="#contact"
|
|
class="bg-primary text-white px-10 py-4 text-xs tracking-[0.25em] uppercase hover:bg-primary/80 transition-colors"
|
|
>
|
|
Réserver votre séjour
|
|
</a>
|
|
<a
|
|
href="#about"
|
|
class="border border-white/60 text-white px-10 py-4 text-xs tracking-[0.25em] uppercase hover:bg-white/10 transition-colors"
|
|
>
|
|
Découvrir
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Indicateur de défilement -->
|
|
<div class="absolute bottom-8 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2 text-white/40">
|
|
<span class="text-[10px] tracking-widest uppercase">Défiler</span>
|
|
<div class="w-px h-8 bg-white/30"></div>
|
|
</div>
|
|
</section>
|