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 reviews outline; apply bg color to reviews and remove bg from map section (FR/EN)

Browse source
This commit is contained in:
Ruidy 2025-09-05 14:20:38 -04:00
parent adac8d1487
commit 096c5bb6c1
3 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/BaseLayout.astro
View file

@ -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' ? (

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

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

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

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