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

const FormationWeb = () => {
  const serviceDetails = {
    title: 'Formation Web',
    subtitle: 'Apprenez à maîtriser les technologies du web.',
    description:
      'Notre formation web vous permet de développer vos compétences en développement frontend, backend et design. Rejoignez notre programme pour apprendre HTML, CSS, JavaScript et bien plus.',
    features: [
      {
        title: 'Frontend Development',
        description: 'HTML, CSS, JavaScript, React et plus encore.',
        modalText: 'Apprenez à construire des interfaces utilisateurs modernes avec les technologies frontend.',
        modalImage: 'https://picsum.photos/id/300/800/400.webp',
      },
      {
        title: 'Backend Development',
        description: 'Node.js, Express, MongoDB et bases de données.',
        modalText: 'Développez des applications robustes avec des technologies backend performantes.',
        modalImage: 'https://picsum.photos/id/301/800/400.webp',
      },
      {
        title: 'Responsive Design',
        description: 'Apprenez à créer des designs modernes et adaptatifs.',
        modalText: 'Maîtrisez les principes du responsive design pour des expériences utilisateur optimales.',
        modalImage: 'https://picsum.photos/id/302/800/400.webp',
      },
    ],
    image: 'https://picsum.photos/id/1018/1920/1080.webp',
    ctaText: 'En savoir plus',
    ctaLink: '/contact',
    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 FormationWeb;