From 8bd389dbc66950123612aa3821498137ffc83476 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 25 Oct 2023 20:20:34 +0200
Subject: [PATCH] add photos to main banner

---
 src/components/MainPhotos.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/MainPhotos.vue b/src/components/MainPhotos.vue
index 6077734..3323938 100644
--- a/src/components/MainPhotos.vue
+++ b/src/components/MainPhotos.vue
@@ -5,19 +5,19 @@
 <template>
   <div class="flex justify-center gap-5 overflow-hidden py-4 sm:gap-8">
     <div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
-      First
+      <NuxtImg class="w-full h-full" src="/img/nature.jpg" alt="Nature" placeholder />
     </div>
     <div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl -rotate-2">
-      Second
+      <NuxtImg class="w-full h-full" src="/img/nature2.jpg" alt="Nature" placeholder />
     </div>
     <div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
-      Third
+      <NuxtImg class="w-full h-full" src="/img/nature3.jpg" alt="Nature" placeholder />
     </div>
     <div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl -rotate-2">
-      Forth
+      <NuxtImg class="w-full h-full" src="/img/nature4.jpg" alt="Nature" placeholder />
     </div>
     <div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
-      Fifth
+      <NuxtImg class="w-full h-full" src="/img/nature5.jpg" alt="Nature" placeholder />
     </div>
   </div>
 </template>