From b8fa3386c552850e7636aa179ebeabe556bd5332 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Sun, 5 Jan 2025 19:13:39 +0100
Subject: [PATCH] =?UTF-8?q?am=C3=A9lioration=20page=20/avec-piscine?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/blocks/MainSection.astro | 10 +++-------
 src/pages/avec-piscine.astro               | 18 +++++++++++++-----
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/ui/blocks/MainSection.astro b/src/components/ui/blocks/MainSection.astro
index 6a9b7a9..64fed89 100644
--- a/src/components/ui/blocks/MainSection.astro
+++ b/src/components/ui/blocks/MainSection.astro
@@ -3,37 +3,33 @@
 import PrimaryCTA from "@components/ui/buttons/PrimaryCTA.astro";
 
 // Destructure the props passed to the Astro component
-const { title, subTitle, btnExists, btnTitle, btnURL } = Astro.props;
+const { title, subTitle, btnTitle, btnURL } = Astro.props;
 // Define TypeScript interface for props
 interface Props {
   title: string;
   subTitle: string;
-  btnExists?: boolean;
   btnTitle?: string;
   btnURL?: string;
 }
 ---
 
-<!-- Root section of the component -->
 <section
   class="mx-auto mt-10 max-w-[85rem] px-4 py-10 sm:px-6 sm:py-16 lg:px-8 lg:py-14 2xl:max-w-full"
 >
   <div class="max-w-screen-md">
-    <!-- Section title -->
     <h1
       class="mb-4 text-balance text-4xl font-extrabold tracking-tight text-neutral-800 dark:text-neutral-200"
     >
       {title}
     </h1>
-    <!-- Section subtitle -->
     <p
       class="mb-8 max-w-prose text-pretty font-normal text-neutral-600 dark:text-neutral-400 sm:text-xl"
     >
       {subTitle}
     </p>
-    <!-- Conditional rendering of PrimaryCTA component if 'btnExists' property is truthy -->
+    <slot />
     {
-      btnExists ? (
+      btnTitle && btnURL ? (
         <div class="flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0">
           <PrimaryCTA title={btnTitle} url={btnURL} />
         </div>
diff --git a/src/pages/avec-piscine.astro b/src/pages/avec-piscine.astro
index af8a598..5a729b0 100644
--- a/src/pages/avec-piscine.astro
+++ b/src/pages/avec-piscine.astro
@@ -19,6 +19,7 @@ const structuredDescription = {
 } satisfies WithContext<WebPage>
 
 import photoDeLaPiscine from "@images/vue-piscine.jpg"
+import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";
 ---
 
 <MainLayout
@@ -27,10 +28,17 @@ import photoDeLaPiscine from "@images/vue-piscine.jpg"
 >
   <MainSection
     title="Baignez-vous au calme"
-    subTitle="Piscine de 4m x 8m, soit 50m3, à l’abri des regards et fraiche toute l’année"
-    btnExists={true}
-    btnURL="/pieces"
-    btnTitle="Entrer dans la maison"
-  />
+    subTitle="Piscine de 4m x 8m, soit 50m3, à l’abri des regards et fraiche toute l’année."
+  >
+    <p class="text-neutral-800 dark:text-neutral-100">
+      Piscine avec liner.
+      Filtration par sable Triton, et traitement au chlore. 2 skimmers et une aspiration en fond de piscine.
+      Évacuation des eaux vers tout à l’égout ou avec les eaux de pluie, au choix.
+    </p>
+  </MainSection>
   <GrandePhotoCentrale src={photoDeLaPiscine} alt="Photo de la piscine" />
+  <div class="mb-8">
+    Vous voulez en savoir plus ?
+    <PrimaryCTA title="Entrer dans la maison" url="/pieces" />
+  </div>
 </MainLayout>