feat: site Le Moulin des Rives — design Tailwind + config Docker

src/components/Hero.astro

@@ -0,0 +1,47 @@
+<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>