ruidy/vf-site
1
0
Fork 0
mirror of https://github.com/rjNemo/vf-site synced 2026-06-06 01:16:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(home): remove section dividers; add brand underline to all section titles (FR/EN)

Browse source
This commit is contained in:
Ruidy 2025-09-05 14:28:21 -04:00
parent 096c5bb6c1
commit 38452ed5ca
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/pages/en/index.astro
View file

@ -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>

5
src/pages/fr/index.astro
View file

@ -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