import React from "react";
import ServicePageTemplate from "../ServicePageTemplate";

const ServiceUn = () => {
  const serviceDetails = {
    // Hero
    title: 'Titre héros', // ✅ Modifiable individuellement
    subtitle: 'Description, héros', // ✅ Modifiable individuellement

    image: "https://picsum.photos/id/1021/1920/1080.webp",
    ctaText: "En savoir plus",
    ctaLink: "/contact",

    // section 1
    interestTitle: 'Titre interet', // ✅ Modifiable individuellement
    description: '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 ServiceUn;
