creat template page

2025-01-02 21:33:19 +01:00
parent 27d4a1e6a0
commit ab5763c990
9 changed files with 284 additions and 3 deletions
@@ -0,0 +1,41 @@
+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.' },
+      { title: 'Backend Development', description: 'Node.js, Express, MongoDB et bases de données.' },
+      { title: 'Responsive Design', description: 'Apprenez à créer des designs modernes et adaptatifs.' },
+    ],
+    image: 'https://via.placeholder.com/1920x1080', // Remplacez par l’URL de votre image
+    ctaText: 'En savoir plus',
+    ctaLink: '/contact',
+    
+    carouselItems: [
+      {
+        title: 'Site E-commerce',
+        description: 'Un projet e-commerce performant et moderne.',
+        image: 'https://via.placeholder.com/800x400', // Remplacez par une vraie image
+      },
+      {
+        title: 'Portfolio Personnel',
+        description: 'Montrez vos compétences avec un portfolio sur mesure.',
+        image: 'https://via.placeholder.com/800x400', // Remplacez par une vraie image
+      },
+      {
+        title: 'Blog Dynamique',
+        description: 'Créez un blog interactif et optimisé pour le SEO.',
+        image: 'https://via.placeholder.com/800x400', // Remplacez par une vraie image
+      },
+    ],
+  };
+
+  return <ServicePageTemplate {...serviceDetails} />;
+};
+
+export default FormationWeb;