Tigersnowy/service/img

src/app/services/frontend/desktop/page.tsx

@@ -29,7 +29,7 @@ const DesktopServicePage = () => {
       description={metadata.description}
       heroTitle="Applications Desktop Multiplateformes"
       heroDescription="Développez des applications de bureau modernes et performantes pour Windows, macOS et Linux. Notre expertise vous garantit des applications professionnelles qui tirent parti de toute la puissance du desktop."
-      heroImage="/static/images/services/desktop-hero.jpg"
+      heroImage="/static/images/services/frontend/desktop/frontend-systeme.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const DesktopServicePage = () => {
             icon: Cpu
           }
         ]}
-        image="/static/images/services/desktop-features.jpg"
+        image="/static/images/services/frontend/desktop/frontend-developpement.webp"
       />
 
       {/* Avantages des applications desktop */}
@@ -86,7 +86,7 @@ const DesktopServicePage = () => {
             icon: Database
           }
         ]}
-        image="/static/images/services/desktop-benefits.jpg"
+        image="/static/images/services/frontend/desktop/frontend-app.webp"
         reversed
       />
 
@@ -174,6 +174,8 @@ const DesktopServicePage = () => {
             icon: Cloud
           }
         ]}
+        image="/static/images/services/frontend/desktop/frontend-complementaire.webp"
+
       />
     </ServiceLayout>
   );

src/app/services/frontend/mobile/page.tsx

@@ -29,7 +29,7 @@ const MobileFrontendServicePage = () => {
       description={metadata.description}
       heroTitle="Développement Mobile React Native"
       heroDescription="Créez des applications mobiles natives performantes pour iOS et Android avec React Native. Notre expertise vous garantit des applications robustes et une expérience utilisateur exceptionnelle."
-      heroImage="/static/images/services/mobile-frontend-hero.jpg"
+      heroImage="/static/images/services/frontend/mobile/frontend-react.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const MobileFrontendServicePage = () => {
             icon: PenTool
           }
         ]}
-        image="/static/images/services/mobile-frontend-features.jpg"
+        image="/static/images/services/frontend/mobile/frontend-ux.webp"
       />
 
       {/* Avantages du développement mobile */}
@@ -86,7 +86,7 @@ const MobileFrontendServicePage = () => {
             icon: AppWindow
           }
         ]}
-        image="/static/images/services/mobile-frontend-benefits.jpg"
+        image="/static/images/services/frontend/mobile/frontend-multiplatforme.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const MobileFrontendServicePage = () => {
             icon: MessageSquare
           }
         ]}
+            image="/static/images/services/frontend/mobile/frontend-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/frontend/page.tsx

@@ -76,8 +76,8 @@ const FrontendServicePage = () => {
   return (
     <ServiceOverviewPage
       service={frontendService}
-      heroImage="/static/images/services/frontend-hero.jpg"
-      showCaseImage="/static/images/services/frontend-showcase.jpg"
+      heroImage="/static/images/services/frontend/frontend-developpement.webp"
+      showCaseImage="/static/images/services/frontend/frontend-expertise.webp"
       benefits={benefits}
       processList={processList}
     />

src/app/services/frontend/pwa/page.tsx

@@ -29,7 +29,7 @@ const PWAServicePage = () => {
       description={metadata.description}
       heroTitle="Progressive Web Apps (PWA)"
       heroDescription="Transformez votre site web en véritable application installable avec les Progressive Web Apps. Offrez une expérience utilisateur exceptionnelle, en ligne comme hors ligne."
-      heroImage="/static/images/services/pwa-hero.jpg"
+      heroImage="/static/images/services/frontend/pwa/frontend-pwa.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const PWAServicePage = () => {
             icon: Bell
           }
         ]}
-        image="/static/images/services/pwa-features.jpg"
+        image="/static/images/services/frontend/pwa/frontend-nowifi.webp"
       />
 
       {/* Avantages des PWA */}
@@ -86,7 +86,7 @@ const PWAServicePage = () => {
             icon: Zap
           }
         ]}
-        image="/static/images/services/pwa-benefits.jpg"
+        image="/static/images/services/frontend/pwa/frontend-mobile.webp"
         reversed
       />
 
@@ -174,6 +174,8 @@ const PWAServicePage = () => {
             icon: Shield
           }
         ]}
+        image="/static/images/services/frontend/pwa/frontend-seo.webp"
+
       />
     </ServiceLayout>
   );

src/app/services/frontend/web/page.tsx

@@ -29,7 +29,7 @@ const WebFrontendServicePage = () => {
       description={metadata.description}
       heroTitle="Développement Web Frontend"
       heroDescription="Créez des applications web modernes, réactives et performantes avec les dernières technologies frontend. Notre expertise vous garantit une expérience utilisateur exceptionnelle."
-      heroImage="/static/images/services/web-frontend-hero.jpg"
+      heroImage="/static/images/services/frontend/web/frontend-web.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const WebFrontendServicePage = () => {
             icon: PenTool
           }
         ]}
-        image="/static/images/services/web-frontend-features.jpg"
+        image="/static/images/services/frontend/web/frontend-techniques.webp"
       />
 
       {/* Avantages du développement frontend moderne */}
@@ -86,7 +86,7 @@ const WebFrontendServicePage = () => {
             icon: Search
           }
         ]}
-        image="/static/images/services/web-frontend-benefits.jpg"
+        image="/static/images/services/frontend/web/frontend-technologie.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const WebFrontendServicePage = () => {
             icon: Globe
           }
         ]}
+        image="/static/images/services/frontend/web/frontend-design.webp"
       />
     </ServiceLayout>
   );

src/app/services/integration/page.tsx

@@ -76,8 +76,8 @@ const IntegrationServicePage = () => {
   return (
     <ServiceOverviewPage
       service={integrationService}
-      heroImage="/static/images/services/integration-hero.jpg"
-      showCaseImage="/static/images/services/integration-showcase.jpg"
+      heroImage="/static/images/services/integration/integration-ecommerce.webp"
+      showCaseImage="/static/images/services/integration/integration-team.webp"
       benefits={benefits}
       processList={processList}
     />

src/app/services/integration/prestashop/page.tsx

@@ -29,7 +29,7 @@ const PrestaShopServicePage = () => {
       description={metadata.description}
       heroTitle="Développement e-commerce avec PrestaShop"
       heroDescription="Lancez une boutique en ligne professionnelle avec PrestaShop. Notre expertise vous garantit une solution e-commerce puissante, évolutive et parfaitement adaptée à vos besoins."
-      heroImage="/static/images/services/prestashop-hero.jpg"
+      heroImage="/static/images/services/integration/prestashop-shop.webp"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const PrestaShopServicePage = () => {
             icon: Shield
           }
         ]}
-        image="/static/images/services/prestashop-features.jpg"
+        image="/static/images/services/integration/prestashop-control.webp"
       />
 
       {/* Avantages PrestaShop */}
@@ -86,7 +86,7 @@ const PrestaShopServicePage = () => {
             icon: BarChart
           }
         ]}
-        image="/static/images/services/prestashop-benefits.jpg"
+        image="/static/images/services/integration/prestashop-buy.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const PrestaShopServicePage = () => {
             icon: MessageSquare
           }
         ]}
+        image="/static/images/services/integration/prestashop-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/integration/shopify/page.tsx

@@ -57,7 +57,7 @@ const ShopifyServicePage = () => {
             icon: Settings
           }
         ]}
-        image="/static/images/services/shopify-features.jpg"
+        image="/static/images/services/integration/shopify-mobile.webp"
       />
 
       {/* Avantages Shopify */}
@@ -86,7 +86,7 @@ const ShopifyServicePage = () => {
             icon: Truck
           }
         ]}
-        image="/static/images/services/shopify-benefits.jpg"
+        image="/static/images/services/integration/shopify-buy.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const ShopifyServicePage = () => {
             icon: MessageSquare
           }
         ]}
+            image="/static/images/services/integration/shopify-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/integration/squarespace/page.tsx

@@ -28,7 +28,7 @@ const SquarespaceServicePage = () => {
       description={metadata.description}
       heroTitle="Sites web élégants avec Squarespace"
       heroDescription="Créez une présence en ligne raffinée avec Squarespace. Notre expertise vous garantit un site web esthétique, fonctionnel et parfaitement adapté à votre image de marque."
-      heroImage="/static/images/services/squarespace-hero.jpg"
+      heroImage="/static/images/services/integration/squarespace.jpg"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -56,7 +56,7 @@ const SquarespaceServicePage = () => {
             icon: ImageIcon
           }
         ]}
-        image="/static/images/services/squarespace-features.jpg"
+        image="/static/images/services/integration/squarespace-design.webp"
       />
 
       {/* Avantages Squarespace */}
@@ -85,7 +85,7 @@ const SquarespaceServicePage = () => {
             icon: Share2
           }
         ]}
-        image="/static/images/services/squarespace-benefits.jpg"
+        image="/static/images/services/integration/squarespace-marketing.webp"
         reversed
       />
 
@@ -173,6 +173,7 @@ const SquarespaceServicePage = () => {
             icon: MessageSquare
           }
         ]}
+        image="/static/images/services/integration/squarespace-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/integration/strapi/page.tsx

@@ -29,7 +29,7 @@ const StrapiServicePage = () => {
       description={metadata.description}
       heroTitle="Développement CMS headless avec Strapi"
       heroDescription="Développez des applications modernes avec Strapi. Notre expertise vous garantit une solution de gestion de contenu flexible, évolutive et parfaitement adaptée à vos besoins."
-      heroImage="/static/images/services/strapi-hero.jpg"
+      heroImage="/static/images/services/integration/strapi.jpg"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const StrapiServicePage = () => {
             icon: Shield
           }
         ]}
-        image="/static/images/services/strapi-features.jpg"
+        image="/static/images/services/integration/strapi-security.webp"
       />
 
       {/* Avantages Strapi */}
@@ -86,7 +86,7 @@ const StrapiServicePage = () => {
             icon: Workflow
           }
         ]}
-        image="/static/images/services/strapi-benefits.jpg"
+        image="/static/images/services/integration/strapi-cms.webp"
         reversed
       />
 
@@ -174,6 +174,7 @@ const StrapiServicePage = () => {
             icon: MessageSquare
           }
         ]}
+        image="/static/images/services/integration/strapi-complementaire.webp"
       />
     </ServiceLayout>
   );

src/app/services/integration/webflow/page.tsx

@@ -29,7 +29,7 @@ const WebflowServicePage = () => {
       description={metadata.description}
       heroTitle="Développement Webflow professionnel"
       heroDescription="Donnez vie à votre vision avec Webflow. Notre expertise vous garantit un site web moderne, interactif et parfaitement adapté à vos besoins, sans compromis sur la qualité."
-      heroImage="/static/images/services/webflow-hero.jpg"
+      heroImage="/static/images/services/integration/webflow.jpg"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const WebflowServicePage = () => {
             icon: Settings
           }
         ]}
-        image="/static/images/services/webflow-features.jpg"
+        image="/static/images/services/integration/webflow-nocode.webp"
       />
 
       {/* Avantages Webflow */}
@@ -86,7 +86,7 @@ const WebflowServicePage = () => {
             icon: Zap
           }
         ]}
-        image="/static/images/services/webflow-benefits.jpg"
+        image="/static/images/services/integration/webflow-responsive.webp"
         reversed
       />
 
@@ -174,6 +174,8 @@ const WebflowServicePage = () => {
             icon: MessageSquare
           }
         ]}
+            image="/static/images/services/integration/webflow-complementaire.webp"
+
       />
     </ServiceLayout>
   );

src/app/services/integration/wordpress/page.tsx

@@ -29,7 +29,7 @@ const WordPressServicePage = () => {
       description={metadata.description}
       heroTitle="Développement WordPress sur mesure"
       heroDescription="Créez un site web professionnel qui vous ressemble avec WordPress. Notre expertise vous garantit un site performant, sécurisé et parfaitement adapté à vos besoins."
-      heroImage="/static/images/services/wordpress-hero.jpg"
+      heroImage="/static/images/services/integration/wordpress.jpg"
     >
       {/* Caractéristiques principales */}
       <FeatureSection
@@ -57,7 +57,7 @@ const WordPressServicePage = () => {
             icon: Settings
           }
         ]}
-        image="/static/images/services/wordpress-features.jpg"
+        image="/static/images/services/integration/wordpress-solution.webp"
       />
 
       {/* Avantages WordPress */}
@@ -86,7 +86,7 @@ const WordPressServicePage = () => {
             icon: Zap
           }
         ]}
-        image="/static/images/services/wordpress-benefits.jpg"
+        image="/static/images/services/integration/wordpress-seo.webp"
         reversed
       />
 
@@ -174,6 +174,8 @@ const WordPressServicePage = () => {
             icon: MessageSquare
           }
         ]}
+            image="/static/images/services/integration/wordpress-complementaire.webp"
+
       />
     </ServiceLayout>
   );

src/components/marketing/services/service-overview.tsx

@@ -149,7 +149,7 @@ const ServiceOverviewPage: React.FC<ServiceOverviewPageProps> = ({
         </div>
         <div className="relative aspect-square rounded-lg overflow-hidden">
           <Image 
-            src="/static/images/services/benefits.jpg"
+            src="/static/images/services/frontend/frontend-avantages.webp"
             alt="Avantages"
             fill
             className="object-cover"