MAJ PAGES SERVICES

2025-02-16 17:59:18 +01:00
parent 31d57e365a
commit 55c3b64733
9 changed files with 5409 additions and 99 deletions
@@ -0,0 +1,84 @@
+import React, { useState, useEffect } from "react";
+import ServicePageTemplate from "../ServicePageTemplate";
+import { getPageById } from "../../wordpress";
+
+const ServiceCinq = () => {
+  const [acfData, setAcfData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const pageId = 612; // 🔥 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: acfData?.titre_principal_tce || "Titre héros !", // ✅ Modifiable individuellement
+    subtitle: acfData?.description_principal_tce || "Description, héros", // ✅ Modifiable individuellement
+
+    image:  "https://picsum.photos/id/1021/1920/1080.webp",
+    ctaText: "En savoir plus",
+    ctaLink: "/contact",
+
+    // section 1
+    interestTitle: acfData?.second_titre_tce || "Titre interet", // ✅ Modifiable individuellement
+    description: acfData?.second_description_tce || "Description interet", // ✅ Modifiable individuellement
+
+    // section 2
+    desirTitle: "Titre", // ✅ Modifiable individuellement
+
+    features: [
+      {
+        title: "Titre",
+        description: "Description.",
+        modalText: "Description Modal.",
+        modalImage: "https://picsum.photos/id/300/800/400.webp",
+      },
+      {
+        title: "Titre",
+        description: "Description.",
+        modalText: "Description Modal.",
+        modalImage: "https://picsum.photos/id/301/800/400.webp",
+      },
+      {
+        title: "Titre",
+        description: "Description.",
+        modalText: "Description Modal.",
+        modalImage: "https://picsum.photos/id/302/800/400.webp",
+      },
+    ],
+
+    carouselItems: [
+      {
+        title: "Portfolio Modern",
+        description: "Montrez vos compétences avec un portfolio unique.",
+        image: "https://picsum.photos/id/305/800/400.webp",
+      },
+      {
+        title: "Blog SEO",
+        description: "Optimisez vos articles pour le référencement.",
+        image: "https://picsum.photos/id/306/800/400.webp",
+      },
+    ],
+  };
+
+  return <ServicePageTemplate {...serviceDetails} />;
+};
+
+export default ServiceCinq;