From 8d23db80c343ddbd8a5b6c1d9fb1613aa52115d0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 21:20:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 56 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 48d6168..b8e8dad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,6 +32,8 @@ export default function LandingPage() {
       navItems={[
         {
           name: "Services",          id: "#services"},
+        {
+          name: "Avant/Après IA",          id: "#before-after-ai"},
         {
           name: "Qui sommes nous ?",          id: "#team-intro"},
         {
@@ -110,6 +112,60 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="before-after-ai" data-section="before-after-ai">
+    <FeatureCardTwentySeven
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Votre business, avant et après notre agence IA"
+      description="Découvrez ce que vous perdez chaque jour sans automatisation — et ce que vous gagnez en travaillant avec nous."
+      features={[
+        {
+          id: "facturation",          title: "Facturation",          descriptions: [
+            "Avant: Processus manuel, erreurs fréquentes, retards de paiement, temps passé colossal. ",            "Après: Facturation automatisée, zéro erreur, paiements accélérés, suivi en temps réel."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/payment-method-online-concept_53876-130421.jpg"
+        },
+        {
+          id: "gestion-appels",          title: "Gestion des appels",          descriptions: [
+            "Avant: Lignes saturées, attente longue pour les clients, personnel débordé, perte d'opportunités. ",            "Après: Routage intelligent des appels, assistants IA pour les requêtes simples, réduction de l'attente, amélioration de l'expérience client."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/call-center-workers-with-headsets_1098-1065.jpg"
+        },
+        {
+          id: "reservations",          title: "Réservations",          descriptions: [
+            "Avant: Gestion manuelle des calendriers, doubles réservations, confirmations tardives, risque d'erreurs humaines. ",            "Après: Système de réservation intelligent et autonome, synchronisation en temps réel, confirmations instantanées, flexibilité accrue."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-online-reservation_23-2149175440.jpg"
+        },
+        {
+          id: "qualification-leads",          title: "Qualification de leads",          descriptions: [
+            "Avant: Qualification chronophage et subjective, leads non pertinents, faible taux de conversion. ",            "Après: Outils IA pour qualifier les leads en temps réel, identification des prospects à fort potentiel, augmentation des ventes."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/data-visualization-concept_23-2149312109.jpg"
+        },
+        {
+          id: "organisation-dossiers",          title: "Organisation des dossiers",          descriptions: [
+            "Avant: Classement manuel, difficulté à retrouver les informations, perte de documents importants, désordre. ",            "Après: Archivage et organisation automatiques des dossiers, recherche simplifiée, accès sécurisé aux informations, gain de temps."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/file-cabinet-abstract_23-2149301543.jpg"
+        },
+        {
+          id: "pilotage-activite",          title: "Pilotage de l'activité",          descriptions: [
+            "Avant: Données dispersées, rapports manuels, décisions basées sur des intuitions plutôt que sur des faits. ",            "Après: Tableaux de bord IA personnalisés, analyses prédictives, prise de décision éclairée, optimisation des performances."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-connection-with-plexus-design_1048-13637.jpg"
+        },
+        {
+          id: "relation-client-whatsapp",          title: "Relation client WhatsApp",          descriptions: [
+            "Avant: Réponse manuelle, temps d'attente élevé, surcharge du service client, satisfaction client moyenne. ",            "Après: Chatbot IA pour WhatsApp, réponses instantanées 24/7, gestion proactive des requêtes, augmentation de la satisfaction client."
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/chat-app-on-smartphone-mockup_23-2149312109.jpg"
+        }
+      ]}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}