Octopusdesign/Octopus-React-Wp
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MAJ PAGES SERVICES DEUX

Browse Source
This commit is contained in:
sebvtl728 2025-02-16 21:56:51 +01:00
parent f93932a038
commit a5ee040361
1 changed files with 38 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/components/Pages/ServiceDeux.jsx
View File

@ -1,40 +1,63 @@
import React from "react";
import React, { useState, useEffect } from "react";
import ServicePageTemplate from "../ServicePageTemplate";
import { getPageById } from "../../wordpress";
const ServiceDeux = () => {
const [acfData, setAcfData] = useState(null);
const [loading, setLoading] = useState(true);
const pageId = 671; // 🔥 Remplace par l'ID réel de la page WordPress
useEffect(() => {
const fetchACFData = async () => {
try {
const pageData = await getPageById(pageId);
setAcfData(pageData.acf);
} catch (error) {
console.error("❌ Erreur récupération des champs ACF :", error);
} finally {
setLoading(false);
}
};
fetchACFData();
}, []);
// ✅ Affichage du chargement en attendant les données ACF
if (loading) {
return <p>Chargement...</p>;
}
const serviceDetails = {
// Hero
title: "Structure béton charpente métallique & bois",
subtitle: "Solidité, Résistance, Durabilité",
title: acfData?.titre_principal_beton || "Structure béton charpente métallique & bois",
subtitle: <span dangerouslySetInnerHTML={{ __html: acfData?.description_principal_beton || "Solidité, Résistance, Durabilité"}} />,
image: "https://picsum.photos/id/240/1920/1080.webp",
ctaText: "En savoir plus !",
ctaLink: "/contact",
// section 1
interestTitle: "Béton ou Charpente :\n Quel Matériau Choisir pour une Construction Durable ?", // ✅ Modifiable individuellement
description: "Le béton est le matériau de construction le plus répandu dans le monde. \nIl est présent dans tous les secteurs de la construction.\n\n Longtemps associé à l’image négative des grands ensembles, gris et vieillissants, le béton a réalisé des progrès spectaculaires ces dernières années, tant au niveau de ses performances techniques que des aspects esthétiques. \n\nIl commence même à entrer dans les foyers comme produit de décoration !\nUne charpente est un assemblage de pièces de bois et/ou de métal, servant à soutenir ou couvrir des constructions et faisant partie de la toiture.",
interestTitle: acfData?.second_titre_beton ||"Béton ou Charpente :\n Quel Matériau Choisir pour une Construction Durable ?", // ✅ Modifiable individuellement
description: <span dangerouslySetInnerHTML={{ __html: acfData?.second_description_beton || "Le béton est le matériau de construction le plus répandu dans le monde. \nIl est présent dans tous les secteurs de la construction.\n\n Longtemps associé à l’image négative des grands ensembles, gris et vieillissants, le béton a réalisé des progrès spectaculaires ces dernières années, tant au niveau de ses performances techniques que des aspects esthétiques. \n\nIl commence même à entrer dans les foyers comme produit de décoration !\nUne charpente est un assemblage de pièces de bois et/ou de métal, servant à soutenir ou couvrir des constructions et faisant partie de la toiture."}} />,
// section 2
desirTitle: "Titre",// ✅ Modifiable individuellement
features: [
{
title: "Titre",
description: "Description",
modalText:"Description modal.",
title: acfData?.titre_carte_one_beton || "Titre !",
description: acfData?.description_carte_one_beton || "Description.",
modalText: acfData?.description_carte_one_beton || "Description Modal.",
modalImage: "https://picsum.photos/id/200/800/400.webp",
},
{
title: "Titre",
description: "Description",
modalText: "Description modal.",
title: acfData?.titre_carte_two_beton || "Titre !",
description: acfData?.description_carte_two_beton || "Description.",
modalText: acfData?.description_carte_two_beton || "Description Modal.",
modalImage: "https://picsum.photos/id/201/800/400.webp",
},
{
title: "Titre",
description: "Description",
modalText: "Description modal.",
title: acfData?.titre_carte_tree_beton || "Titre !",
description: acfData?.description_carte_tree_beton || "Description.",
modalText: acfData?.description_carte_tree_beton || "Description Modal.",
modalImage: "https://picsum.photos/id/202/800/400.webp",
},
],