From 3e19f7615392426c6163c983d9677650f0a5d8c0 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Tue, 7 Jan 2025 15:57:07 +0100
Subject: [PATCH] feat: ajout page /avec-terrasse

---
 src/pages/avec-piscine.astro  |  2 +-
 src/pages/avec-terrasse.astro | 50 +++++++++++++++++++++++++++++++++++
 src/utils/navigation.ts       |  3 ++-
 3 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/avec-terrasse.astro

diff --git a/src/pages/avec-piscine.astro b/src/pages/avec-piscine.astro
index ca958cf..394ec9a 100644
--- a/src/pages/avec-piscine.astro
+++ b/src/pages/avec-piscine.astro
@@ -29,7 +29,7 @@ const structuredDescription = {
     title="Baignez-vous au calme"
     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">
+    <p class="mb-8 max-w-prose text-pretty font-normal text-neutral-600 dark:text-neutral-400 sm:text-xl">
       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.
diff --git a/src/pages/avec-terrasse.astro b/src/pages/avec-terrasse.astro
new file mode 100644
index 0000000..8375c3b
--- /dev/null
+++ b/src/pages/avec-terrasse.astro
@@ -0,0 +1,50 @@
+---
+import { websiteStructuredDescription } from "../data_files/constants";
+import MainLayout from "@/layouts/MainLayout.astro";
+import type { WebPage, WithContext } from "schema-dts";
+import MainSection from "../components/ui/blocks/MainSection.astro";
+import GrandePhotoCentrale from "../components/GrandePhotoCentrale.astro";
+import photo1 from "@images/terrasse-1.jpg"
+import photo3 from "@images/terrasse-3.jpg"
+import photo5 from "@images/terrasse-5.jpg"
+import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";
+
+const structuredDescription = {
+  "@context": "https://schema.org",
+  "@type": "WebPage",
+  "@id": "https://achat-maison-albi.fr/avec-terrasse",
+  "url": "https://achat-maison-albi.fr/avec-terrasse",
+  "name": "Maison individuelle avec piscine à Albi",
+  "description":
+    "Piscine de 4m x 8m, soit 50m3, à l’abri des regards et fraiche toute l’année",
+  "isPartOf": websiteStructuredDescription,
+  "inLanguage": "fr-FR"
+} satisfies WithContext<WebPage>
+---
+
+<MainLayout
+  title="Maison individuelle avec terrasse de 50 m2 à Albi"
+  structuredData={structuredDescription}
+>
+  <MainSection
+    title="Profitez du soleil"
+    subTitle="Avec ses 50 m2 plein sud, la terrasse est une vraie pièce en plus."
+    btnTitle="Entrez dans la maison"
+    btnURL="/pieces"
+  >
+    <p class="mb-8 max-w-prose text-pretty font-normal text-neutral-600 dark:text-neutral-400 sm:text-xl">
+      Surplombant la piscine et permettant de la surveiller, la terrasse est assez large pour de grands dîners et de belles fêtes, autant que pour un livre au soleil.
+    </p>
+  </MainSection>
+
+  <GrandePhotoCentrale src={photo5} alt="Photo de la piscine de nuit" />
+
+  <GrandePhotoCentrale src={photo1} alt="Vue de l’impasse depuis la maison" />
+
+  <GrandePhotoCentrale src={photo3} alt="Photo de la piscine" />
+
+  <div class="mb-8">
+    Vous voulez en savoir plus ?
+    <PrimaryCTA title="Entrer dans la maison" url="/pieces" />
+  </div>
+</MainLayout>
diff --git a/src/utils/navigation.ts b/src/utils/navigation.ts
index caf8109..f108108 100644
--- a/src/utils/navigation.ts
+++ b/src/utils/navigation.ts
@@ -1,8 +1,9 @@
 const navBarLinks = [
   { name: "Accueil", url: "/" },
   { name: "Pièces", url: "/pieces" },
-  { name: "Piscine", url: "/avec-piscine" },
   { name: "Bureau", url: "/avec-un-grand-bureau" },
+  { name: "Piscine", url: "/avec-piscine" },
+  { name: "Terrasse", url: "/avec-terrasse" },
   { name: "Impasse", url: "/dans-une-impasse" },
   { name: "Quartier", url: "/quartier-cantepau" },
   { name: "Contact", url: "/contact" },