From 38452ed5cae0269c078fb83896bf21dd1d7ad8cf Mon Sep 17 00:00:00 2001
From: Ruidy <ruidy.nemausat@gmail.com>
Date: Fri, 5 Sep 2025 14:28:21 -0400
Subject: [PATCH] style(home): remove section dividers; add brand underline to
 all section titles (FR/EN)

---
 src/pages/en/index.astro | 4 ++++
 src/pages/fr/index.astro | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
index 5f90e0c..7e60b9b 100644
--- a/src/pages/en/index.astro
+++ b/src/pages/en/index.astro
@@ -34,6 +34,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
   <section class="mx-auto max-w-6xl px-6 py-12">
     <div class="max-w-3xl">
       <h2 class="text-2xl md:text-3xl font-semibold">Get to know VillaFleurie</h2>
+      <div class="mt-2 h-1 w-16 bg-brand rounded"></div>
       <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>
@@ -55,6 +56,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
 
   <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-2 h-1 w-16 bg-brand rounded"></div>
     <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>
       <div class="rounded-xl border border-slate-200 p-4 bg-white flex items-center gap-2"><Wifi class="h-5 w-5 text-brand" /> Fast Wi‑Fi</div>
@@ -69,6 +71,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
 
   <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-2 h-1 w-16 bg-brand rounded"></div>
     <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">
         <img src="/assets/images/villafleurie_t2_salon_2.jpg" alt="T2 Corail" class="h-48 w-full object-cover" />
@@ -91,6 +94,7 @@ const t3Href = hrefFor('apartment_t3', 'en');
 
   <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-2 h-1 w-16 bg-brand rounded"></div>
     <div class="mt-6 grid md:grid-cols-3 gap-6">
       <figure class="rounded-xl border border-slate-200 bg-white p-4">
         <figcaption class="text-sm text-slate-600">Michel — 10/10</figcaption>
diff --git a/src/pages/fr/index.astro b/src/pages/fr/index.astro
index 2389695..8c55bde 100644
--- a/src/pages/fr/index.astro
+++ b/src/pages/fr/index.astro
@@ -34,6 +34,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
   <section class="mx-auto max-w-6xl px-6 py-12">
     <div class="max-w-3xl">
       <h2 class="text-2xl md:text-3xl font-semibold">Découvrir VillaFleurie</h2>
+      <div class="mt-2 h-1 w-16 bg-brand rounded"></div>
       <p class="mt-4 text-slate-700 leading-relaxed">Villa est un lieu de vacances unique situé sur le magnifique archipel de la Guadeloupe, prête à accueillir des touristes en quête de tranquillité tout au long de l'année.</p>
     </div>
   </section>
@@ -56,6 +57,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
 
   <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-2 h-1 w-16 bg-brand rounded"></div>
     <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>
       <div class="rounded-xl border border-slate-200 p-4 bg-white flex items-center gap-2"><Wifi class="h-5 w-5 text-brand" /> Wi‑Fi rapide</div>
@@ -70,6 +72,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
 
   <section class="mx-auto max-w-6xl px-6 py-12">
     <h2 class="text-2xl md:text-3xl font-semibold">Appartements</h2>
+    <div class="mt-2 h-1 w-16 bg-brand rounded"></div>
     <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">
         <img src="/assets/images/villafleurie_t2_salon_2.jpg" alt="T2 Corail" class="h-48 w-full object-cover" />
@@ -92,6 +95,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
 
   <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-2 h-1 w-16 bg-brand rounded"></div>
     <div class="mt-6 grid md:grid-cols-3 gap-6">
       <figure class="rounded-xl border border-slate-200 bg-white p-4">
         <figcaption class="text-sm text-slate-600">Michel — 10/10</figcaption>
@@ -110,6 +114,7 @@ const t3Href = hrefFor('apartment_t3', 'fr');
 
   <section class="mx-auto max-w-6xl px-6 py-8">
     <h2 class="text-2xl font-semibold">Accès</h2>
+    <div class="mt-2 h-1 w-16 bg-brand rounded"></div>
     <p class="text-slate-700">4 rue Gerty Archimède, 97190 Le Gosier · Parking sécurisé sur place</p>
     <div class="mt-4 aspect-video w-full">
       <iframe class="w-full h-full" style="border:0" loading="lazy" allowfullscreen