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

2026-05-30 19:01:55 +02:00
parent c6d4351ec7
commit 8bb70aca2f
4 changed files with 56 additions and 35 deletions
@@ -1,12 +1,17 @@
+---
+import { Image } from 'astro:assets';
+import facade from '../assets/images/facade.jpg';
+---
+
 <section id="food" class="py-32 bg-secondary/20 scroll-mt-20">
  <div class="max-w-6xl mx-auto px-6">
    <div class="grid md:grid-cols-2 gap-16 items-center">

      <!-- Image -->
      <div class="relative order-2 md:order-1">
-        <img
-          src="https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=800&q=80"
-          alt="Repas fait maison"
+        <Image
+          src={facade}
+          alt="Le Moulin des Rives"
          class="w-full h-[500px] object-cover rounded-sm"
        />
        <div class="absolute -top-5 -right-5 w-40 h-40 border border-primary/25 -z-10"></div>