---
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/suite-du-bas-1.jpg"
import photo2 from "@images/suite-du-bas-2.jpg"
import photoSalleDEau1 from "@images/suite-du-bas-salle-d-eau-1.jpg"
import photoSalleDEau2 from "@images/suite-du-bas-salle-d-eau-2.jpg"
import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";


const structuredDescription = {
  "@context": "https://schema.org",
  "@type": "WebPage",
  "@id": "https://achat-maison-albi.fr/avec-une-belle-suite/",
  "url": "https://achat-maison-albi.fr/avec-une-belle-suite/",
  "name": "Maison individuelle avec une grande suite à Albi",
  "description":
    "Idéal pour les familles nombreuses ! 5 chambres dont une suite, 3 salles d’eau dans cette belle maison individuelle de 177 m2.",
  "isPartOf": websiteStructuredDescription,
  "image": photo1 as unknown as string,
  "inLanguage": "fr-FR"
} satisfies WithContext<WebPage>

---

<MainLayout
  title="Suite avec salle d’eau"
  structuredData={structuredDescription}
>
  <MainSection
    title="Suite avec salle d’eau"
    subTitle="Transformée en suite en 2019, cette chambre a été conçue pour héberger de manière très confortable une famille avec enfants."
  >
    <p class="mb-8 max-w-prose text-pretty font-normal text-neutral-600 dark:text-neutral-400 sm:text-xl">
      Tête de lit sur mesure avec prises de courant, radiateur à grande inertie, sol en revêtement Bolon…
    </p>
  </MainSection>

  <div class="flex gap-4">
    <div class="flex-1">
      <GrandePhotoCentrale src={photo1} alt="Chambre avec vue sur l’impasse" className="w-auto h-full max-h-[500px] object-contain mx-auto"/>
    </div>
    <div class="flex-1">
      <GrandePhotoCentrale src={photo2} alt="Vue sur la salle d’eau depuis la fenêtre" className="w-auto h-full max-h-[500px] object-contain mx-auto" />
    </div>
  </div>

  <MainSection
    title="Salle d’eau"
    subTitle="Nous avons fait réaliser cette salle chambre avec les meilleurs matériaux ! Nous avons fait intervenir des professionnels sérieux."
  >
    <p class="mb-8 max-w-prose text-pretty font-normal text-neutral-600 dark:text-neutral-400 sm:text-xl">
      La transformation de l’ancien garage en suite a été confiée à <a class="text-orange-500" target="_blank" href="https://www.delphine-eche.fr/">Delphine Eche</a><br/>

      Nous avons toutes les factures de tous les artisans et la garantie décennale bien entendu.
    </p>
  </MainSection>

  <div class="flex gap-4">
    <div class="flex-1">
      <GrandePhotoCentrale src={photoSalleDEau1} alt="Grand vasque sur meuble en bois massif sur-mesure" className="w-auto h-full max-h-[500px] object-contain mx-auto"/>
    </div>
    <div class="flex-1">
      <GrandePhotoCentrale src={photoSalleDEau2} alt="Douche et WC suspendu" 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="Faire le tour des pièces" url="/pieces" />
  </div>
</MainLayout>