<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>De l’expérience terrain à Nidexo : construire l’IA de demain | Insights</title>
  <meta name="description" content="Découvrez l'histoire derrière Nidexo. Comment plus de dix ans d'expérience en communication et la réalité financière des PME ont façonné notre IA.">
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="animations.css">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-[#0a0d14] text-[#f1f5f9] font-sans pt-20 pb-20 px-4 sm:px-6 lg:px-8">

  <!-- شريط تقدم القراءة -->
  <div class="reading-progress-bar" id="progressBar"></div>

  <!-- Header Navigation Back -->
  <div class="max-w-3xl mx-auto mb-10">
    <a href="insights.html" class="text-sm text-[#00C2FF] hover:underline inline-flex items-center gap-1">
      ← Retour aux Insights
    </a>
  </div>

  <!-- Article Container -->
  <article class="max-w-3xl mx-auto space-y-12">
    
    <!-- Meta & Header -->
    <header class="space-y-4 text-center sm:text-left">
      <span class="text-xs font-bold tracking-widest text-[#00C2FF] uppercase px-3 py-1 bg-[#00C2FF]/10 rounded-full border border-[#00C2FF]/20">
        Vision & Fondateur
      </span>
      <h1 class="text-3xl sm:text-5xl font-extrabold text-white leading-tight">
        Bâtir Nidexo : de l'expérience terrain à une vision mondiale de l'IA
      </h1>
      <div class="flex items-center gap-3 text-sm text-slate-400 pt-2 border-b border-slate-800 pb-6">
        <span class="font-semibold text-white">Marouen Ben Sghaier</span>
        <span>•</span>
        <span>Fondateur de Nidexo</span>
        <span>•</span>
        <span>Août 2026</span>
        <span>•</span>
        <span>5 min de lecture</span>
      </div>
    </header>

    <!-- Section 1 -->
    <section class="space-y-6">
      <p class="text-lg text-slate-300 leading-relaxed">
        Chaque projet d'envergure demande du temps pour mûrir. Nidexo n'est pas né d'une idée passagère ni d'une simple tendance : c'est le fruit de plus de dix ans d'expérience dans la communication digitale et la transformation numérique. Voir Nidexo prendre vie aujourd'hui, c'est comme accueillir un nouveau-né. C'est un projet porté par la passion, façonné par la patience, et pensé dès le premier jour pour rayonner à l'échelle internationale.
      </p>
      
      <!-- Image 1 -->
      <figure class="rounded-2xl overflow-hidden border border-slate-800 bg-[#111625] p-2 shadow-2xl">
        <img src="assets/founder.jpg" alt="Marouen Ben Sghaier - Fondateur Nidexo" class="w-full h-auto rounded-xl object-cover max-h-[450px]">
        <figcaption class="text-center text-xs text-slate-400 pt-3 pb-1 italic">
          La vision derrière Nidexo : allier la stratégie de communication à la puissance de l'IA.
        </figcaption>
      </figure>
    </section>

    <!-- Section 2 -->
    <section class="space-y-6">
      <p class="text-lg text-slate-300 leading-relaxed">
        Mon parcours au sein des institutions publiques et auprès des PME m'a confronté à un défi récurrent : la difficulté d'assurer un service client réactif et personnalisé sans épuiser ses ressources. Mais la véritable étincelle est venue d'un échange quotidien à la maison. En partageant nos expériences avec mon épouse, qui travaille directement dans le financement et les crédits accordés aux PME, nous avons croisé nos visions. Nous n'avons pas seulement identifié un problème de communication, mais aussi son impact financier direct sur la croissance des entreprises.
      </p>

      <!-- Image 2 -->
      <figure class="rounded-2xl overflow-hidden border border-slate-800 bg-[#111625] p-2 shadow-2xl">
        <img src="assets/dashboard.jpg" alt="Interface Nidexo AI Employee" class="w-full h-auto rounded-xl object-cover max-h-[450px]">
        <figcaption class="text-center text-xs text-slate-400 pt-3 pb-1 italic">
          Concevoir un employé virtuel IA capable d'automatiser le support et booster les ventes 24/7.
        </figcaption>
      </figure>
    </section>

    <!-- Section 3 -->
    <section class="space-y-6">
      <p class="text-lg text-slate-300 leading-relaxed">
        C'est à l'intersection de la stratégie de communication et de la réalité économique qu'est née Nidexo. Nous avons conçu une plateforme d'intelligence artificielle qui ne se contente pas d'automatiser des réponses, mais qui permet aux entreprises de bâtir une relation de confiance et de développer leurs ventes en toute simplicité. Développée selon les standards européens et internationaux les plus rigoureux, Nidexo a été pensée pour franchir les frontières et accompagner les PME partout dans le monde.
      </p>
    </section>

    <!-- Call to Action Banner -->
    <div class="p-8 rounded-2xl bg-gradient-to-r from-[#6C4DFF]/20 to-[#0288FF]/20 border border-[#00C2FF]/30 text-center space-y-4 my-12">
      <h3 class="text-2xl font-bold text-white">Rejoignez l'aventure Nidexo</h3>
      <p class="text-slate-300 text-sm max-w-lg mx-auto">
        Découvrez comment nos employés virtuels propulsés par l'IA peuvent transformer votre relation client dès aujourd'hui.
      </p>
      <a href="https://app.nidexo.com" class="inline-block px-6 py-3 bg-[#0288FF] hover:bg-[#00C2FF] text-white font-semibold rounded-lg transition-all shadow-lg">
        Essayer Nidexo Maintenant
      </a>
    </div>

  </article>

  <!-- Script JS -->
  <script src="app.js"></script>
/* إظهار جميع العناصر فوراً وإلغاء الإخفاء */
.reveal, 
.scroll-reveal, 
.scroll-reveal-left, 
.scroll-reveal-right, 
.scale-reveal, 
.cta-reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

</body>
</html>
