ajoute page /dans-une-impasse

src/components/GrandePhotoCentrale.astro

@@ -3,12 +3,13 @@ import { Image } from "astro:assets";
 import type { ImageMetadata } from "astro";
 import { LightboxImage} from "@components/LightboxImage"
 
-const { src, alt } = Astro.props;
-
 interface Props {
   src: ImageMetadata
   alt: string;
+  className?: string
 }
+
+const { src, alt, className } = Astro.props;
 ---
 
 <div class="relative mb-6 overflow-hidden md:mb-8">
@@ -18,7 +19,7 @@ interface Props {
       alt={alt}
       width={1600}
       densities={[1, 1.5, 2]}
-      class="h-full w-full object-cover object-center"
+      class:list={["h-full w-full object-cover object-center", className ]}
       loading="eager"
     />
   </LightboxImage>

src/pages/dans-une-impasse.astro

@@ -0,0 +1,52 @@
+---
+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 photoImpasse from "@images/fond-d-impasse-albi.jpg"
+import photoVueAerienne from "@images/vue-aerienne-face-1.jpg"
+import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";
+
+
+const structuredDescription = {
+  "@context": "https://schema.org",
+  "@type": "WebPage",
+  "@id": "https://achat-maison-albi.fr/avec-piscine",
+  "url": "https://achat-maison-albi.fr/avec-piscine",
+  "name": "Maison individuelle en fond d’impasse à Albi",
+  "description":
+    "Dans un fond d’impasse sans voiture, et grande facilité pour se garer.",
+  "isPartOf": websiteStructuredDescription,
+  "inLanguage": "fr-FR"
+} satisfies WithContext<WebPage>
+
+---
+
+<MainLayout
+  title="Maison individuelle en fond d’impasse à Albi"
+  structuredData={structuredDescription}
+>
+  <MainSection
+    title="Faire rimer tranquille avec facile"
+    subTitle="Le stationnement est interdit en fond d’impasse, ce qui en fait un super terrain de jeu pour les enfants. Mais toute la rue est stationnable, ce qui permet à vos invités de se garer facilement, même nombreux."
+  >
+    <p class="text-neutral-800 dark:text-neutral-100">
+      La maison donne également directement accès à un chemin piétont qui longe et dessert les jardins partagés, autre aire de jeux pour nos enfants.
+    </p>
+  </MainSection>
+
+  <div class="flex gap-4">
+    <div class="flex-1">
+      <GrandePhotoCentrale src={photoImpasse} alt="Vue de l’impasse depuis la maison" className="w-auto h-full max-h-[500px] object-contain mx-auto"/>
+    </div>
+    <div class="flex-2">
+      <GrandePhotoCentrale src={photoVueAerienne} alt="Vue aérienne de la façade de la maison" className="w-auto h-full max-h-[500px] object-contain mx-auto" />
+    </div>
+  </div>
+
+  <div class="mb-8">
+    Vous voulez en savoir plus ?
+    <PrimaryCTA title="Entrer dans la maison" url="/pieces" />
+  </div>
+</MainLayout>

src/utils/navigation.ts

@@ -1,23 +1,19 @@
-
 const navBarLinks = [
   { name: "Accueil", url: "/" },
   { name: "Pièces", url: "/pieces" },
   { name: "Piscine", url: "/avec-piscine" },
+  { name: "Impasse", url: "/dans-une-impasse" },
   { name: "Contact", url: "/contact" },
 ];
 
 const footerLinks = [
   {
     section: "La maison",
-    links: [
-      { name: "Pièces", url: "/pieces" },
-    ],
+    links: [{ name: "Pièces", url: "/pieces" }],
   },
   {
     section: "Contact",
-    links: [
-      { name: "Contact", url: "/contact" },
-    ],
+    links: [{ name: "Contact", url: "/contact" }],
   },
 ];