feat: amélioration page pièces

This commit is contained in:
Jalil Arfaoui 2025-01-07 15:48:47 +01:00
parent 94fd036387
commit 4888611107
3 changed files with 30 additions and 13 deletions

View file

@ -19,8 +19,7 @@ import photoBureau from "@images/grand-bureau-tout-equipe.jpg";
indépendant… indépendant…
</p> </p>
</div> </div>
<LightboxImage client:idle image={photoBureau} <a href="/avec-un-grand-bureau">
alt="Grand bureau tout équipé, bois massif, bureau ajustable en hauteur, grande fresque murale">
<Image <Image
src={photoBureau} src={photoBureau}
alt="Grand bureau tout équipé, bois massif, bureau ajustable en hauteur, grande fresque murale" alt="Grand bureau tout équipé, bois massif, bureau ajustable en hauteur, grande fresque murale"
@ -29,5 +28,9 @@ import photoBureau from "@images/grand-bureau-tout-equipe.jpg";
densities={[1, 1.5, 2]} densities={[1, 1.5, 2]}
loading="eager" loading="eager"
/> />
</a>
<LightboxImage client:idle image={photoBureau}
alt="Grand bureau tout équipé, bois massif, bureau ajustable en hauteur, grande fresque murale">
</LightboxImage> </LightboxImage>
</section> </section>

View file

@ -4,7 +4,9 @@ import MainLayout from "@/layouts/MainLayout.astro";
import type { WebPage, WithContext } from "schema-dts"; import type { WebPage, WithContext } from "schema-dts";
import MainSection from "../components/ui/blocks/MainSection.astro"; import MainSection from "../components/ui/blocks/MainSection.astro";
import GrandePhotoCentrale from "../components/GrandePhotoCentrale.astro"; import GrandePhotoCentrale from "../components/GrandePhotoCentrale.astro";
import photoDeLaPiscine from "@images/vue-piscine.jpg"
import photoDeLaPiscineDeNuit from "@images/piscine-de-nuit.jpg"
import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";
const structuredDescription = { const structuredDescription = {
"@context": "https://schema.org", "@context": "https://schema.org",
@ -17,9 +19,6 @@ const structuredDescription = {
"isPartOf": websiteStructuredDescription, "isPartOf": websiteStructuredDescription,
"inLanguage": "fr-FR" "inLanguage": "fr-FR"
} satisfies WithContext<WebPage> } satisfies WithContext<WebPage>
import photoDeLaPiscine from "@images/vue-piscine.jpg"
import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";
--- ---
<MainLayout <MainLayout
@ -37,6 +36,7 @@ import PrimaryCTA from "../components/ui/buttons/PrimaryCTA.astro";
</p> </p>
</MainSection> </MainSection>
<GrandePhotoCentrale src={photoDeLaPiscine} alt="Photo de la piscine" /> <GrandePhotoCentrale src={photoDeLaPiscine} alt="Photo de la piscine" />
<GrandePhotoCentrale src={photoDeLaPiscineDeNuit} alt="Photo de la piscine de nuit" />
<div class="mb-8"> <div class="mb-8">
Vous voulez en savoir plus ? Vous voulez en savoir plus ?
<PrimaryCTA title="Entrer dans la maison" url="/pieces" /> <PrimaryCTA title="Entrer dans la maison" url="/pieces" />

View file

@ -6,9 +6,12 @@ import RightSection from "@components/ui/blocks/RightSection.astro";
import FeaturesStats from "@components/sections/features/FeaturesStats.astro"; import FeaturesStats from "@components/sections/features/FeaturesStats.astro";
import photoSalonCheminee from "@images/salon-cheminee.jpg"; import photoSalonCheminee from "@images/salon-cheminee.jpg";
import photoSalonCuisine from "@images/salon-1.jpg"; import photoSalonCuisine from "@images/salon-1.jpg";
import photoChambreEnfantEst from "@images/chambre-enfant-est.jpg"; import photoCuisine from "@images/cuisine-1.jpg";
import photoChambreEnfantOuest from "@images/chambre-enfant-ouest.jpg"; import photoChambreEnfantEst from "@images/chambre-enfant-est-grand-angle.jpg";
import photoChambreEnfantOuest from "@images/chambre-enfant-ouest-grand-angle-2.jpg";
import photoSuite1 from "@images/suite-du-bas-1.jpg";
import photoParentale from "@images/chambre-parentale.jpg"; import photoParentale from "@images/chambre-parentale.jpg";
import photoSalleDEau from "@images/salle-d-eau-1.jpg";
import photoChambre2 from "@images/chambre-2.jpg"; import photoChambre2 from "@images/chambre-2.jpg";
import { websiteStructuredDescription } from "../data_files/constants"; import { websiteStructuredDescription } from "../data_files/constants";
import BureauSection from "../components/sections/BureauSection.astro"; import BureauSection from "../components/sections/BureauSection.astro";
@ -47,7 +50,7 @@ const articles: Article[] = [
title: "Cuisine ouverte, toute équipée", title: "Cuisine ouverte, toute équipée",
subTitle: subTitle:
"Refaite en 2017, la cuisine allie plan de travail en bois et nombreux rangements. Elle est équipée de plaques à induction, dune hotte et dun four Bosch.", "Refaite en 2017, la cuisine allie plan de travail en bois et nombreux rangements. Elle est équipée de plaques à induction, dune hotte et dun four Bosch.",
img: photoSalonCheminee, img: photoCuisine,
imgAlt: "Cuisine ouverte, toute équipée", imgAlt: "Cuisine ouverte, toute équipée",
}, },
{ {
@ -55,7 +58,7 @@ const articles: Article[] = [
title: "Chambre principale", title: "Chambre principale",
subTitle: "Fenêtre panoramique, rangements et grand placard, parquet. Vue sur limpasse.", subTitle: "Fenêtre panoramique, rangements et grand placard, parquet. Vue sur limpasse.",
imgOne: photoParentale, imgOne: photoParentale,
imgOneAlt: "Construction site before and after", imgOneAlt: "Chambre parentale spacieuse et lumineuse",
single: true, single: true,
btnExists: false, btnExists: false,
btnTitle: "Learn More", btnTitle: "Learn More",
@ -72,6 +75,17 @@ const articles: Article[] = [
btnTitle: "Learn More", btnTitle: "Learn More",
btnURL: "#", btnURL: "#",
}, },
{
isRightSection: true,
title: "Salle deau",
subTitle: "Refaite en 2017, douche à litalienne, vaste double vasque, étagères, porte-serviette chauffant…",
imgOne: photoSalleDEau,
imgOneAlt: "Douche à litalienne et ses beaux carreaux multicolores, double-vasque, étagères",
single: true,
btnExists: false,
btnTitle: "Learn More",
btnURL: "#",
},
{ {
isRightSection: true, isRightSection: true,
title: "Chambres enfants", title: "Chambres enfants",
@ -86,9 +100,9 @@ const articles: Article[] = [
{ {
isRightSection: false, isRightSection: false,
title: "Suite du bas", title: "Suite du bas",
subTitle: "Létage inférieur de la maison, semi-enterré, a été entièrement refait en 2019. Lancienne salle de jeux a été complètement rénovée et transformée en une suite avec salle d'eau, conçue pour héberger un couple avec enfants. ", subTitle: "Létage inférieur de la maison, semi-enterré, a été entièrement refait en 2019. Lancienne salle de jeux a été complètement rénovée et transformée en une suite avec salle d'eau, conçue pour héberger un couple avec enfants. La meilleure chambre de la maison ?",
img: photoChambreEnfantOuest, img: photoSuite1,
imgAlt: "Construction workers orchestrating a project", imgAlt: "Grande suite du bas. La meilleure chambre de la maison ?",
} }
]; ];