feat: images locales avec composant Image Astro (WebP auto-optimisé)

src/components/Hero.astro

@@ -1,14 +1,20 @@
+---
+import { Image } from 'astro:assets';
+import facade from '../assets/images/facade.jpg';
+---
+
 <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"
+    <Image
+      src={facade}
+      alt="Le Moulin des Rives"
       class="w-full h-full object-cover"
+      loading="eager"
     />
     <div class="absolute inset-0 bg-dark/50"></div>
   </div>
-    docker inspect moulin-web-1 | grep -A5 "Networks"
+
   <!-- 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">