From 096c5bb6c11c6a835126ae3ed583bb25441e01b4 Mon Sep 17 00:00:00 2001
From: Ruidy <ruidy.nemausat@gmail.com>
Date: Fri, 5 Sep 2025 14:20:38 -0400
Subject: [PATCH] style(home): remove reviews outline; apply bg color to
 reviews and remove bg from map section (FR/EN)

---
 src/layouts/BaseLayout.astro | 2 +-
 src/pages/en/index.astro     | 8 ++++----
 src/pages/fr/index.astro     | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 319e69a..cfb8ae5 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -66,7 +66,7 @@ const homeHref = hrefFor('home', lang);
       <div class="mx-auto max-w-6xl p-6 text-sm text-slate-600 flex flex-col md:flex-row items-start md:items-center justify-between gap-4">
         <div>
           <p>Contact: <a class="underline" href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a> · <a class="underline" href="tel:+33658961279">+33 6 58 96 12 79</a></p>
-          <p class="mt-1">© VillaFleurie · Built by <a href="https://ruidy.nemausat.com" target="_blank" rel="noopener" class="underline">Ruidy Nemausat</a></p>
+          <p class="mt-1">© VillaFleurie · Web design: <a href="https://ruidy.nemausat.com" target="_blank" rel="noopener" class="underline">Ruidy Nemausat</a></p>
         </div>
         <ul class="flex gap-4">
           {lang === 'en' ? (
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
index 005f633..5f90e0c 100644
--- a/src/pages/en/index.astro
+++ b/src/pages/en/index.astro
@@ -37,7 +37,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
       <p class="mt-4 text-slate-700 leading-relaxed">Villa is a unique holiday retreat in the beautiful Guadeloupe archipelago, ready to welcome tranquility‑seeking guests all year round.</p>
     </div>
   </section>
-  <section class="mx-auto max-w-6xl px-6">
+  <section class="mx-auto max-w-6xl px-6 py-8">
     <div class="relative">
       <div id="desc-carousel-en" class="flex gap-4 overflow-x-auto snap-x snap-mandatory pb-4" style="scroll-behavior:smooth">
         {[ '/assets/images/villafleurie_t2_terrasse.jpg', '/assets/images/villafleurie_t3_salon.jpg', '/assets/images/villafleurie_t2_cuisine.jpg', '/assets/images/villafleurie_t3_chambre.jpg' ].map((src) => (
@@ -53,7 +53,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
     </div>
   </section>
 
-  <section class="mx-auto max-w-6xl px-6 py-12">
+  <section class="mx-auto max-w-6xl px-6 py-12 bg-slate-50">
     <h2 class="text-2xl md:text-3xl font-semibold">Facilities</h2>
     <div class="mt-6 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 text-sm">
       <div class="rounded-xl border border-slate-200 p-4 bg-white flex items-center gap-2"><Snowflake class="h-5 w-5 text-brand" /> Air conditioning</div>
@@ -67,7 +67,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
     </div>
   </section>
 
-  <section class="mx-auto max-w-6xl px-6 py-12">
+  <section class="mx-auto max-w-6xl px-6 py-12 bg-slate-50">
     <h2 class="text-2xl md:text-3xl font-semibold">Apartments</h2>
     <div class="mt-6 grid md:grid-cols-2 gap-6">
       <article class="rounded-xl overflow-hidden border border-slate-200 bg-white shadow-sm">
@@ -89,7 +89,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
     </div>
   </section>
 
-  <section class="mx-auto max-w-6xl px-6 py-12">
+  <section class="mx-auto max-w-6xl px-6 py-12 bg-slate-50 rounded-2xl">
     <h2 class="text-2xl md:text-3xl font-semibold">Reviews</h2>
     <div class="mt-6 grid md:grid-cols-3 gap-6">
       <figure class="rounded-xl border border-slate-200 bg-white p-4">
diff --git a/src/pages/fr/index.astro b/src/pages/fr/index.astro
index 322c2dc..2389695 100644
--- a/src/pages/fr/index.astro
+++ b/src/pages/fr/index.astro
@@ -38,7 +38,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
     </div>
   </section>
 
-  <section class="mx-auto max-w-6xl px-6">
+  <section class="mx-auto max-w-6xl px-6 py-8">
     <div class="relative">
       <div id="desc-carousel" class="flex gap-4 overflow-x-auto snap-x snap-mandatory pb-4" style="scroll-behavior:smooth">
         {[ '/assets/images/villafleurie_t2_terrasse.jpg', '/assets/images/villafleurie_t3_salon.jpg', '/assets/images/villafleurie_t2_cuisine.jpg', '/assets/images/villafleurie_t3_chambre.jpg' ].map((src) => (
@@ -54,7 +54,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
     </div>
   </section>
 
-  <section class="mx-auto max-w-6xl px-6 py-12">
+  <section class="mx-auto max-w-6xl px-6 py-12 bg-slate-50">
     <h2 class="text-2xl md:text-3xl font-semibold">Installations</h2>
     <div class="mt-6 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 text-sm">
       <div class="rounded-xl border border-slate-200 p-4 bg-white flex items-center gap-2"><Snowflake class="h-5 w-5 text-brand" /> Climatisation</div>
@@ -90,7 +90,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
     </div>
   </section>
 
-  <section class="mx-auto max-w-6xl px-6 py-12">
+  <section class="mx-auto max-w-6xl px-6 py-12 bg-slate-50 rounded-2xl">
     <h2 class="text-2xl md:text-3xl font-semibold">Avis</h2>
     <div class="mt-6 grid md:grid-cols-3 gap-6">
       <figure class="rounded-xl border border-slate-200 bg-white p-4">