Amel/services/img-Design-and-Back-end

src/app/services/backend/api/page.tsx

@@ -29,7 +29,7 @@ const APIServicePage = () => {
       description={metadata.description}
       heroTitle="APIs RESTful & GraphQL"
       heroDescription="Développez des APIs modernes, sécurisées et performantes pour vos applications. Notre expertise vous garantit des interfaces robustes et évolutives qui répondent à vos besoins spécifiques."
-      heroImage="/static/images/services/api-hero.jpg"
+      heroImage="/static/images/services/back-end/api-restful/api-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const APIServicePage = () => {
             icon: FileJson
           }
         ]}
-        image="/static/images/services/api-features.jpg"
+        image="/static/images/services/back-end/api-restful/excellence-api.webp"
       />
 
       {/* Avantages des APIs modernes */}
@@ -86,7 +86,7 @@ const APIServicePage = () => {
             icon: Zap
           }
         ]}
-        image="/static/images/services/api-benefits.jpg"
+        image="/static/images/services/back-end/api-restful/api-robuste.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const APIServicePage = () => {
             icon: Layers
           }
         ]}
+        image="/static/images/services/back-end/api-restful/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/backend/bots/page.tsx

@@ -29,7 +29,7 @@ const BotsServicePage = () => {
       description={metadata.description}
       heroTitle="Bots & Automatisations"
       heroDescription="Développez des bots intelligents et des automatisations pour améliorer l'engagement et la productivité de votre communauté. Notre expertise vous garantit des bots fiables et performants pour Discord, Slack et autres plateformes."
-      heroImage="/static/images/services/bots-hero.jpg"
+      heroImage="/static/images/services/back-end/bots/bots-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const BotsServicePage = () => {
             icon: Settings
           }
         ]}
-        image="/static/images/services/bots-features.jpg"
+        image="/static/images/services/back-end/bots/excellence-developpement.webp"
       />
 
       {/* Avantages des bots modernes */}
@@ -86,7 +86,7 @@ const BotsServicePage = () => {
             icon: LineChart
           }
         ]}
-        image="/static/images/services/bots-benefits.jpg"
+        image="/static/images/services/back-end/bots/bot-intelligent.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const BotsServicePage = () => {
             icon: Heart
           }
         ]}
+        image="/static/images/services/back-end/bots/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/backend/cloud/page.tsx

@@ -29,7 +29,7 @@ const CloudServicePage = () => {
       description={metadata.description}
       heroTitle="Solutions Cloud"
       heroDescription="Optimisez votre infrastructure avec des solutions cloud modernes et évolutives. Notre expertise vous garantit un déploiement sécurisé et performant sur les principales plateformes cloud."
-      heroImage="/static/images/services/cloud-hero.jpg"
+      heroImage="/static/images/services/back-end/solutions-cloud/cloud-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const CloudServicePage = () => {
             icon: Scale
           }
         ]}
-        image="/static/images/services/cloud-features.jpg"
+        image="/static/images/services/back-end/solutions-cloud/multi-cloud.webp"
       />
 
       {/* Avantages du cloud */}
@@ -86,7 +86,7 @@ const CloudServicePage = () => {
             icon: Lock
           }
         ]}
-        image="/static/images/services/cloud-benefits.jpg"
+        image="/static/images/services/back-end/solutions-cloud/infrastructure-modern.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const CloudServicePage = () => {
             icon: Timer
           }
         ]}
+        image="/static/images/services/back-end/solutions-cloud/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/backend/database/page.tsx

@@ -29,7 +29,7 @@ const DatabaseServicePage = () => {
       description={metadata.description}
       heroTitle="Architecture de Bases de Données"
       heroDescription="Concevez et optimisez vos bases de données pour des performances optimales et une scalabilité maximale. Notre expertise vous garantit une architecture robuste qui répond à vos besoins actuels et futurs."
-      heroImage="/static/images/services/database-hero.jpg"
+      heroImage="/static/images/services/back-end/bases-de-données/database-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const DatabaseServicePage = () => {
             icon: History
           }
         ]}
-        image="/static/images/services/database-features.jpg"
+        image="/static/images/services/back-end/bases-de-données/excellence-database.webp"
       />
 
       {/* Avantages des bases de données modernes */}
@@ -86,7 +86,7 @@ const DatabaseServicePage = () => {
             icon: Search
           }
         ]}
-        image="/static/images/services/database-benefits.jpg"
+        image="/static/images/services/back-end/bases-de-données/solution-moderne.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const DatabaseServicePage = () => {
             icon: Timer
           }
         ]}
+        image="/static/images/services/back-end/bases-de-données/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/backend/microservices/page.tsx

@@ -29,7 +29,7 @@ const MicroservicesServicePage = () => {
       description={metadata.description}
       heroTitle="Architecture Microservices"
       heroDescription="Transformez vos applications monolithiques en architectures microservices modernes et scalables. Notre expertise vous garantit une infrastructure flexible, résiliente et performante."
-      heroImage="/static/images/services/microservices-hero.jpg"
+      heroImage="/static/images/services/back-end/microservices/architecture-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const MicroservicesServicePage = () => {
             icon: Shield
           }
         ]}
-        image="/static/images/services/microservices-features.jpg"
+        image="/static/images/services/back-end/microservices/excellence-microservice.webp"
       />
 
       {/* Avantages des microservices */}
@@ -86,7 +86,7 @@ const MicroservicesServicePage = () => {
             icon: LineChart
           }
         ]}
-        image="/static/images/services/microservices-benefits.jpg"
+        image="/static/images/services/back-end/microservices/moderne-flexible.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const MicroservicesServicePage = () => {
             icon: Gauge
           }
         ]}
+        image="/static/images/services/back-end/microservices/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/backend/page.tsx

@@ -76,8 +76,8 @@ const BackendServicePage = () => {
   return (
     <ServiceOverviewPage
       service={backendService}
-      heroImage="/static/images/services/backend-hero.jpg"
-      showCaseImage="/static/images/services/backend-showcase.jpg"
+      heroImage="/static/images/services/back-end/dev-back-hero.webp"
+      showCaseImage="/static/images/services/back-end/back-expert.webp"
       benefits={benefits}
       processList={processList}
     />

src/app/services/design/audit/page.tsx

@@ -27,7 +27,7 @@ const AuditServicePage = () => {
       description={metadata.description}
       heroTitle="Audit UX/UI & Optimisation"
       heroDescription="Améliorez l'expérience utilisateur de vos interfaces grâce à un audit professionnel. Notre expertise vous garantit une analyse approfondie et des recommandations concrètes pour optimiser vos interfaces."
-      heroImage="/static/images/services/audit-hero.jpg"
+      heroImage="/static/images/services/design/audit-ui/audit-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -55,7 +55,7 @@ const AuditServicePage = () => {
             icon: Eye
           }
         ]}
-        image="/static/images/services/audit-features.jpg"
+        image="/static/images/services/design/audit-ui/analyse-ui-ux.webp"
       />
 
       {/* Avantages de l'audit */}
@@ -84,7 +84,7 @@ const AuditServicePage = () => {
             icon: MousePointer
           }
         ]}
-        image="/static/images/services/audit-benefits.jpg"
+        image="/static/images/services/design/audit-ui/optimisation-donnees.webp"
         reversed
       />
 
@@ -99,7 +99,7 @@ const AuditServicePage = () => {
               name: "Thomas Leroux",
               role: "Product Owner",
               company: "E-Commerce Plus",
-              image: "/static/images/testimonials/thomas-leroux.jpg"
+              image: "/static/images/testimonials/thomas-leroux.webp"
             }
           },
           {
@@ -108,7 +108,7 @@ const AuditServicePage = () => {
               name: "Sophie Martin",
               role: "UX Designer",
               company: "AppSolution",
-              image: "/static/images/testimonials/sophie-martin.jpg"
+              image: "/static/images/testimonials/sophie-martin.webp"
             }
           },
           {
@@ -117,7 +117,7 @@ const AuditServicePage = () => {
               name: "Laurent Dubois",
               role: "Directeur Digital",
               company: "WebAgency",
-              image: "/static/images/testimonials/laurent-dubois.jpg"
+              image: "/static/images/testimonials/laurent-dubois.webp"
             }
           }
         ]}
@@ -172,6 +172,7 @@ const AuditServicePage = () => {
             icon: MessageSquare
           }
         ]}
+        image="/static/images/services/design/audit-ui/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/design/branding/page.tsx

@@ -29,7 +29,7 @@ const BrandingServicePage = () => {
       description={metadata.description}
       heroTitle="Branding & Identité de Marque"
       heroDescription="Donnez vie à votre marque avec une identité visuelle distinctive et mémorable. Notre expertise en branding vous aide à créer une image de marque qui résonne avec votre audience et reflète vos valeurs."
-      heroImage="/static/images/services/branding-hero.jpg"
+      heroImage="/static/images/services/design/charte-graphique/charte-graphique-hero.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const BrandingServicePage = () => {
             icon: PenTool
           }
         ]}
-        image="/static/images/services/branding-features.jpg"
+        image="/static/images/services/design/charte-graphique/excellence-branding.webp"
       />
 
       {/* Avantages du branding */}
@@ -86,7 +86,7 @@ const BrandingServicePage = () => {
             icon: Globe
           }
         ]}
-        image="/static/images/services/branding-benefits.jpg"
+        image="/static/images/services/design/charte-graphique/identite-distinctive.webp"
         reversed
       />
 
@@ -101,7 +101,7 @@ const BrandingServicePage = () => {
               name: "Émilie Robert",
               role: "Directrice Marketing",
               company: "BrandNew",
-              image: "/static/images/testimonials/emilie-robert.jpg"
+              image: "/static/images/testimonials/emilie-robert.webp"
             }
           },
           {
@@ -110,7 +110,7 @@ const BrandingServicePage = () => {
               name: "Lucas Dupont",
               role: "Fondateur",
               company: "StartupVision",
-              image: "/static/images/testimonials/lucas-dupont.jpg"
+              image: "/static/images/testimonials/lucas-dupont.webp"
             }
           },
           {
@@ -119,7 +119,7 @@ const BrandingServicePage = () => {
               name: "Marie Lambert",
               role: "Directrice Communication",
               company: "InnoGroup",
-              image: "/static/images/testimonials/marie-lambert.jpg"
+              image: "/static/images/testimonials/marie-lambert.webp"
             }
           }
         ]}
@@ -174,6 +174,7 @@ const BrandingServicePage = () => {
             icon: FileImage
           }
         ]}
+        image="/static/images/services/design/charte-graphique/service-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/design/moodboard/page.tsx

@@ -29,7 +29,7 @@ const MoodboardServicePage = () => {
       description={metadata.description}
       heroTitle="Moodboards & Direction Artistique"
       heroDescription="Donnez vie à votre vision grâce à des moodboards soigneusement élaborés. Notre expertise en design vous aide à définir une direction artistique claire et inspirante pour votre projet."
-      heroImage="/static/images/services/moodboard-hero.jpg"
+      heroImage="/static/images/services/design/moodboard/hero-moodboard.jpg"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const MoodboardServicePage = () => {
             icon: Target
           }
         ]}
-        image="/static/images/services/moodboard-features.jpg"
+        image="/static/images/services/design/moodboard/direction-artistique.webp"
       />
 
       {/* Avantages des moodboards */}
@@ -86,7 +86,7 @@ const MoodboardServicePage = () => {
             icon: Brush
           }
         ]}
-        image="/static/images/services/moodboard-benefits.jpg"
+        image="/static/images/services/design/moodboard/vision-claire.webp"
         reversed
       />
 
@@ -101,7 +101,7 @@ const MoodboardServicePage = () => {
               name: "Marie Laurent",
               role: "Directrice Artistique",
               company: "Studio Créatif",
-              image: "/static/images/testimonials/marie-laurent.jpg"
+              image: "/static/images/testimonials/marie-laurent.webp"
             }
           },
           {
@@ -110,7 +110,7 @@ const MoodboardServicePage = () => {
               name: "Thomas Moreau",
               role: "Fondateur",
               company: "Brand New",
-              image: "/static/images/testimonials/thomas-moreau.jpg"
+              image: "/static/images/testimonials/thomas-moreau.webp"
             }
           },
           {
@@ -119,7 +119,7 @@ const MoodboardServicePage = () => {
               name: "Sophie Martin",
               role: "Creative Lead",
               company: "Design Factory",
-              image: "/static/images/testimonials/sophie-martin.jpg"
+              image: "/static/images/testimonials/sophie-martin.webp"
             }
           }
         ]}
@@ -174,6 +174,7 @@ const MoodboardServicePage = () => {
             icon: PenTool
           }
         ]}
+        image="/static/images/services/design/moodboard/services-supplementaires.webp"
       />
     </ServiceLayout>
   );

src/app/services/design/page.tsx

@@ -76,8 +76,8 @@ const DesignServicePage = () => {
   return (
     <ServiceOverviewPage
       service={designService}
-      heroImage="/static/images/services/design-hero.jpg"
-      showCaseImage="/static/images/services/design-showcase.jpg"
+      heroImage="/static/images/services/design/hero-design.webp"
+      showCaseImage="/static/images/services/design/showcase-design.webp"
       benefits={benefits}
       processList={processList}
     />