import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { useState as j, useCallback as C, useEffect as S } from "react";
import { Link as v } from "react-router-dom";
import { useTranslation as M } from "react-i18next";
import { Server as A, Database as f, ArrowDown as h, XCircle as z, Wrench as q, FileSpreadsheet as D, ArrowRight as d, Users as m, Clock as x, AlertTriangle as P, Ban as F, Layers as T, Shield as N, Globe as g, ClipboardList as B, Calculator as w, TrendingUp as U, RefreshCw as $, Eye as V, UserX as G, Zap as J, CheckCheck as O, HardHat as _, Stethoscope as K, Truck as W, Scale as H, Landmark as X, BadgeCheck as Q, Lightbulb as Z, Brain as y, Rocket as E, Sparkles as I, Code as L, CheckCircle as r, FileText as Y, LayoutGrid as R, Terminal as ee, Building2 as te, Workflow as ae, Home as le, Pause as re, Play as se, ChevronLeft as ie, ChevronRight as de } from "lucide-react";
function he() {
  const { t: l } = M("docs"), [b, u] = j(0), [n, k] = j(!1), i = [
    // ============================================
    // SLIDE 1: Schema d'architecture - Flux de donnees
    // ============================================
    {
      id: "architecture-flow",
      title: l("presentation.slides.architecture.title"),
      background: "from-[#0a0a12] via-[#0f1029] to-[#0a0a12]",
      content: /* @__PURE__ */ t("div", { className: "h-full flex flex-col text-white px-4 py-4 relative overflow-hidden", children: [
        /* @__PURE__ */ e("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[300px] bg-blue-500/10 rounded-full blur-[100px]" }),
        /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-1/4 w-[400px] h-[400px] bg-red-500/5 rounded-full blur-[120px]" }),
        /* @__PURE__ */ e("div", { className: "absolute bottom-0 right-1/4 w-[400px] h-[400px] bg-emerald-500/5 rounded-full blur-[120px]" }),
        /* @__PURE__ */ t("div", { className: "relative z-10 flex justify-center gap-8 mb-6", children: [
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute -inset-1 bg-gradient-to-r from-blue-500/30 to-indigo-500/30 rounded-2xl blur opacity-0 group-hover:opacity-100 transition-all" }),
            /* @__PURE__ */ t("div", { className: "relative flex items-center gap-4 px-8 py-4 rounded-xl bg-gradient-to-br from-blue-600/90 to-blue-800/90 border border-blue-400/30 shadow-2xl shadow-blue-500/20", children: [
              /* @__PURE__ */ e("div", { className: "w-14 h-14 rounded-xl bg-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(A, { className: "w-8 h-8 text-blue-200" }) }),
              /* @__PURE__ */ t("div", { children: [
                /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "ERP" }),
                /* @__PURE__ */ e("div", { className: "text-blue-200/70 text-sm", children: l("common:examples") })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute -inset-1 bg-gradient-to-r from-indigo-500/30 to-purple-500/30 rounded-2xl blur opacity-0 group-hover:opacity-100 transition-all" }),
            /* @__PURE__ */ t("div", { className: "relative flex items-center gap-4 px-8 py-4 rounded-xl bg-gradient-to-br from-indigo-600/90 to-indigo-800/90 border border-indigo-400/30 shadow-2xl shadow-indigo-500/20", children: [
              /* @__PURE__ */ e("div", { className: "w-14 h-14 rounded-xl bg-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(f, { className: "w-8 h-8 text-indigo-200" }) }),
              /* @__PURE__ */ t("div", { children: [
                /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: l("presentation.slides.architecture.title") }),
                /* @__PURE__ */ t("div", { className: "text-indigo-200/70 text-sm", children: [
                  "CRM, ",
                  l("common:examples")
                ] })
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "relative z-10 flex justify-center items-start gap-32 mb-4", children: [
          /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
            /* @__PURE__ */ e("div", { className: "px-4 py-1.5 rounded-full bg-red-500/20 border border-red-500/30 mb-2", children: /* @__PURE__ */ e("span", { className: "text-red-400 text-sm font-medium", children: l("presentation.slides.problem.title") }) }),
            /* @__PURE__ */ e("div", { className: "w-1 h-12 bg-gradient-to-b from-blue-500/50 via-red-500/50 to-red-500/80 rounded-full" }),
            /* @__PURE__ */ e(h, { className: "w-6 h-6 text-red-400 -mt-1" })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
            /* @__PURE__ */ e("div", { className: "px-4 py-1.5 rounded-full bg-emerald-500/20 border border-emerald-500/30 mb-2", children: /* @__PURE__ */ e("span", { className: "text-emerald-400 text-sm font-medium", children: l("common:automation") }) }),
            /* @__PURE__ */ e("div", { className: "w-1 h-12 bg-gradient-to-b from-blue-500/50 via-emerald-500/50 to-emerald-500/80 rounded-full" }),
            /* @__PURE__ */ e(h, { className: "w-6 h-6 text-emerald-400 -mt-1" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "relative z-10 flex-1 grid grid-cols-2 gap-8 max-w-6xl mx-auto w-full", children: [
          /* @__PURE__ */ t("div", { className: "relative group", children: [
            /* @__PURE__ */ e("div", { className: "absolute -inset-1 bg-gradient-to-br from-red-500/20 to-orange-500/10 rounded-3xl blur-xl" }),
            /* @__PURE__ */ t("div", { className: "relative h-full rounded-2xl bg-gradient-to-br from-slate-900/95 to-slate-950/95 border border-red-500/20 p-6 flex flex-col", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-5", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-red-500 to-orange-500 flex items-center justify-center shadow-lg shadow-red-500/30", children: /* @__PURE__ */ e(z, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("h3", { className: "text-2xl font-bold text-red-400", children: l("presentation.slides.problem.title") }),
                  /* @__PURE__ */ e("p", { className: "text-slate-500 text-sm", children: l("presentation.slides.problem.excel.item1") })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col justify-center space-y-4", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center gap-3 p-3 rounded-xl bg-slate-800/50 border border-slate-700/50", children: [
                  /* @__PURE__ */ e(q, { className: "w-5 h-5 text-amber-400" }),
                  /* @__PURE__ */ t("div", { className: "flex-1", children: [
                    /* @__PURE__ */ e("div", { className: "text-sm font-medium text-slate-300", children: "Actions manuelles" }),
                    /* @__PURE__ */ e("div", { className: "text-xs text-slate-500", children: "Copier-coller, ressaisie, VBA fragile" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-3 py-4", children: [
                  ["v1", "v2", "v3"].map((a, s) => /* @__PURE__ */ t("div", { className: "relative group/file", children: [
                    /* @__PURE__ */ t("div", { className: "w-16 h-20 rounded-lg bg-gradient-to-br from-green-800/40 to-green-900/60 border border-green-500/30 flex flex-col items-center justify-center shadow-lg hover:scale-105 transition-transform", children: [
                      /* @__PURE__ */ e(D, { className: "w-6 h-6 text-green-400 mb-1" }),
                      /* @__PURE__ */ t("span", { className: "text-[10px] text-green-300/70", children: [
                        a,
                        "_final.xlsx"
                      ] })
                    ] }),
                    s < 2 && /* @__PURE__ */ e("div", { className: "absolute -right-2 top-1/2 w-2 h-px bg-slate-600" })
                  ] }, a)),
                  /* @__PURE__ */ e(d, { className: "w-4 h-4 text-slate-600 mx-2" }),
                  /* @__PURE__ */ e("div", { className: "px-3 py-2 rounded-lg bg-amber-900/30 border border-amber-500/30", children: /* @__PURE__ */ t("span", { className: "text-xs text-amber-300", children: [
                    "Reconciliation",
                    /* @__PURE__ */ e("br", {}),
                    "manuelle"
                  ] }) })
                ] }),
                /* @__PURE__ */ e("div", { className: "flex justify-center gap-6", children: ["Marie", "Paul", "Julie"].map((a) => /* @__PURE__ */ t("div", { className: "flex flex-col items-center opacity-60", children: [
                  /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-slate-700/50 border-2 border-dashed border-slate-600 flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "w-5 h-5 text-slate-500" }) }),
                  /* @__PURE__ */ e("span", { className: "text-xs text-slate-500 mt-1", children: a }),
                  /* @__PURE__ */ e("span", { className: "text-[10px] text-red-400/70", children: "Isole" })
                ] }, a)) })
              ] }),
              /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-3 mt-4 pt-4 border-t border-slate-700/50", children: [
                /* @__PURE__ */ t("div", { className: "text-center p-3 rounded-xl bg-red-950/30 border border-red-500/20", children: [
                  /* @__PURE__ */ e(x, { className: "w-5 h-5 text-red-400 mx-auto mb-1" }),
                  /* @__PURE__ */ e("div", { className: "text-sm font-bold text-red-400", children: "5j / mois" }),
                  /* @__PURE__ */ e("div", { className: "text-[10px] text-slate-500", children: "perdus" })
                ] }),
                /* @__PURE__ */ t("div", { className: "text-center p-3 rounded-xl bg-red-950/30 border border-red-500/20", children: [
                  /* @__PURE__ */ e(P, { className: "w-5 h-5 text-red-400 mx-auto mb-1" }),
                  /* @__PURE__ */ e("div", { className: "text-sm font-bold text-red-400", children: "Erreurs" }),
                  /* @__PURE__ */ e("div", { className: "text-[10px] text-slate-500", children: "inevitables" })
                ] }),
                /* @__PURE__ */ t("div", { className: "text-center p-3 rounded-xl bg-red-950/30 border border-red-500/20", children: [
                  /* @__PURE__ */ e(F, { className: "w-5 h-5 text-red-400 mx-auto mb-1" }),
                  /* @__PURE__ */ e("div", { className: "text-sm font-bold text-red-400", children: "0 securite" }),
                  /* @__PURE__ */ e("div", { className: "text-[10px] text-slate-500", children: "ni audit" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "relative group", children: [
            /* @__PURE__ */ e("div", { className: "absolute -inset-1 bg-gradient-to-br from-emerald-500/20 to-cyan-500/10 rounded-3xl blur-xl" }),
            /* @__PURE__ */ t("div", { className: "relative h-full rounded-2xl bg-gradient-to-br from-slate-900/95 to-slate-950/95 border border-emerald-500/30 p-6 flex flex-col", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-5", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-emerald-500 to-cyan-500 flex items-center justify-center shadow-lg shadow-emerald-500/30", children: /* @__PURE__ */ e(T, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("h3", { className: "text-2xl font-bold text-emerald-400", children: l("presentation.slides.solution.title") }),
                  /* @__PURE__ */ e("p", { className: "text-slate-500 text-sm", children: l("presentation.slides.solution.unified.desc") })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col justify-center space-y-4", children: [
                /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: ["Marie", "Paul", "Julie"].map((a) => /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
                  /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-gradient-to-br from-emerald-500/30 to-cyan-500/30 border-2 border-emerald-500/50 flex items-center justify-center shadow-lg shadow-emerald-500/20", children: /* @__PURE__ */ e(m, { className: "w-5 h-5 text-emerald-300" }) }),
                  /* @__PURE__ */ e("span", { className: "text-xs text-emerald-300 mt-1", children: a })
                ] }, a)) }),
                /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(h, { className: "w-5 h-5 text-emerald-500/50" }) }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-3 p-3 rounded-xl bg-blue-950/40 border border-blue-500/30 mx-4", children: [
                  /* @__PURE__ */ e(N, { className: "w-5 h-5 text-blue-400" }),
                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-blue-300", children: "Entra ID" }),
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "+" }),
                  /* @__PURE__ */ e(g, { className: "w-5 h-5 text-cyan-400" }),
                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-cyan-300", children: "API REST" })
                ] }),
                /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(h, { className: "w-5 h-5 text-emerald-500/50" }) }),
                /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: [
                  { icon: B, name: "Suivi Projets", color: "emerald" },
                  { icon: w, name: "Budget", color: "purple" },
                  { icon: U, name: "Reporting", color: "cyan" }
                ].map((a) => /* @__PURE__ */ t(
                  "div",
                  {
                    className: `w-24 h-24 rounded-xl bg-gradient-to-br from-${a.color}-900/50 to-${a.color}-950/70 border border-${a.color}-500/40 flex flex-col items-center justify-center p-2 hover:scale-105 transition-transform cursor-pointer shadow-lg`,
                    children: [
                      /* @__PURE__ */ e(a.icon, { className: `w-7 h-7 text-${a.color}-400 mb-2` }),
                      /* @__PURE__ */ e("span", { className: `text-xs text-${a.color}-300 text-center leading-tight`, children: a.name })
                    ]
                  },
                  a.name
                )) })
              ] }),
              /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-3 mt-4 pt-4 border-t border-emerald-500/20", children: [
                /* @__PURE__ */ t("div", { className: "text-center p-3 rounded-xl bg-emerald-950/40 border border-emerald-500/30", children: [
                  /* @__PURE__ */ e($, { className: "w-5 h-5 text-emerald-400 mx-auto mb-1" }),
                  /* @__PURE__ */ e("div", { className: "text-sm font-bold text-emerald-400", children: "Automatise" }),
                  /* @__PURE__ */ e("div", { className: "text-[10px] text-slate-500", children: "temps reel" })
                ] }),
                /* @__PURE__ */ t("div", { className: "text-center p-3 rounded-xl bg-blue-950/40 border border-blue-500/30", children: [
                  /* @__PURE__ */ e(V, { className: "w-5 h-5 text-blue-400 mx-auto mb-1" }),
                  /* @__PURE__ */ e("div", { className: "text-sm font-bold text-blue-400", children: "Tracable" }),
                  /* @__PURE__ */ e("div", { className: "text-[10px] text-slate-500", children: "audit complet" })
                ] }),
                /* @__PURE__ */ t("div", { className: "text-center p-3 rounded-xl bg-purple-950/40 border border-purple-500/30", children: [
                  /* @__PURE__ */ e(N, { className: "w-5 h-5 text-purple-400 mx-auto mb-1" }),
                  /* @__PURE__ */ e("div", { className: "text-sm font-bold text-purple-400", children: "Securise" }),
                  /* @__PURE__ */ e("div", { className: "text-[10px] text-slate-500", children: "enterprise" })
                ] })
              ] })
            ] })
          ] })
        ] })
      ] })
    },
    // ============================================
    // SLIDE 3: TRANSFORMATION - Un cas concret
    // ============================================
    {
      id: "transformation",
      title: l("presentation.slides.problem.title"),
      content: /* @__PURE__ */ t("div", { className: "h-full flex flex-col justify-center", children: [
        /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
          /* @__PURE__ */ t("div", { className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300 text-sm font-medium mb-4", children: [
            /* @__PURE__ */ e(w, { className: "w-4 h-4" }),
            "Cas d'usage : Direction Financiere"
          ] }),
          /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl font-bold text-[var(--text-primary)]", children: '"On a toujours fait comme ca..."' })
        ] }),
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-6xl mx-auto", children: [
          /* @__PURE__ */ t("div", { className: "relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute -top-3 left-4 px-3 py-1 bg-red-500 text-white text-sm font-bold rounded-full z-10", children: "AVANT" }),
            /* @__PURE__ */ e("div", { className: "bg-red-50 dark:bg-red-900/20 border-2 border-red-200 dark:border-red-800 rounded-2xl p-6 h-full", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-red-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(D, { className: "w-8 h-8 text-red-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Budget_2024_v12_FINAL_v2.xlsx" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "15 onglets, 200 formules, 3 versions en circulation" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-red-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(x, { className: "w-8 h-8 text-red-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Cloture mensuelle : 5 jours" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Consolidation manuelle de 12 fichiers departements" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-red-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(P, { className: "w-8 h-8 text-red-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Erreur decouverte en juin" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Une formule cassee depuis janvier, 50K d'ecart" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-red-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(G, { className: "w-8 h-8 text-red-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Marc est en vacances" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Lui seul comprend comment fonctionne le fichier" })
                ] })
              ] })
            ] }) })
          ] }),
          /* @__PURE__ */ t("div", { className: "relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute -top-3 left-4 px-3 py-1 bg-emerald-500 text-white text-sm font-bold rounded-full z-10", children: "AVEC SMARTSTACK" }),
            /* @__PURE__ */ e("div", { className: "bg-emerald-50 dark:bg-emerald-900/20 border-2 border-emerald-200 dark:border-emerald-800 rounded-2xl p-6 h-full", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-emerald-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(f, { className: "w-8 h-8 text-emerald-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Une seule source de verite" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Base de donnees centralisee, plus de versions multiples" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-emerald-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(J, { className: "w-8 h-8 text-emerald-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Cloture mensuelle : 4 heures" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Consolidation automatique en temps reel" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-emerald-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(O, { className: "w-8 h-8 text-emerald-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Controles automatiques" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Alertes en temps reel si anomalie detectee" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-3 p-3 bg-white dark:bg-emerald-900/30 rounded-xl", children: [
                /* @__PURE__ */ e(m, { className: "w-8 h-8 text-emerald-500 flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-semibold text-[var(--text-primary)]", children: "Autonomie complete" }),
                  /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: "Interface intuitive, documentation integree" })
                ] })
              ] })
            ] }) })
          ] })
        ] })
      ] })
    },
    // ============================================
    // SLIDE 4: CAS CONCRETS - Multi use cases
    // ============================================
    {
      id: "use-cases",
      title: l("presentation.slides.problem.powerApps.title"),
      background: "from-[#0f172a] via-[#1e1b4b] to-[#0f172a]",
      content: /* @__PURE__ */ t("div", { className: "h-full flex flex-col items-center justify-center text-white px-4 relative overflow-hidden", children: [
        /* @__PURE__ */ e("div", { className: "absolute top-0 left-1/4 w-[500px] h-[500px] bg-blue-500/10 rounded-full blur-[150px]" }),
        /* @__PURE__ */ e("div", { className: "absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-purple-500/10 rounded-full blur-[150px]" }),
        /* @__PURE__ */ t("div", { className: "relative z-10 text-center mb-8", children: [
          /* @__PURE__ */ e("p", { className: "text-sm uppercase tracking-[0.3em] text-slate-500 mb-3", children: "Ils l'ont fait" }),
          /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl font-bold bg-gradient-to-r from-white via-slate-200 to-slate-400 bg-clip-text text-transparent", children: "Cas d'usage reels" })
        ] }),
        /* @__PURE__ */ t("div", { className: "relative z-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 max-w-6xl w-full", children: [
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-amber-500/20 rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
            /* @__PURE__ */ t("div", { className: "relative bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-5 hover:border-amber-500/30 transition-all h-full", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center shadow-lg shadow-amber-500/20", children: /* @__PURE__ */ e(_, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-semibold text-white", children: "Groupe DUVAL" }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-amber-400/80", children: "BTP - 180 employes" })
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "text-sm text-slate-400 mb-4", children: "35 chefs de chantier envoyaient leurs rapports par email Excel chaque semaine..." }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Consolidation" }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                    /* @__PURE__ */ e("span", { className: "text-red-400 line-through", children: "2 jours" }),
                    /* @__PURE__ */ e(d, { className: "w-3 h-3 text-slate-600" }),
                    /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "2 heures" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Heures recuperees" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "47 000€/an" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-rose-500/20 rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
            /* @__PURE__ */ t("div", { className: "relative bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-5 hover:border-rose-500/30 transition-all h-full", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-rose-400 to-pink-500 flex items-center justify-center shadow-lg shadow-rose-500/20", children: /* @__PURE__ */ e(K, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-semibold text-white", children: "Clinique Saint-Louis" }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-rose-400/80", children: "Sante - 420 employes" })
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "text-sm text-slate-400 mb-4", children: `Demandes d'achats par email, papier, post-it... "On n'a plus d'electrodes !"` }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Delai commande" }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                    /* @__PURE__ */ e("span", { className: "text-red-400 line-through", children: "3 semaines" }),
                    /* @__PURE__ */ e(d, { className: "w-3 h-3 text-slate-600" }),
                    /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "4 jours" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Ruptures stock" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "-78%" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-blue-500/20 rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
            /* @__PURE__ */ t("div", { className: "relative bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-5 hover:border-blue-500/30 transition-all h-full", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center shadow-lg shadow-blue-500/20", children: /* @__PURE__ */ e(W, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-semibold text-white", children: "TransLogistic" }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-blue-400/80", children: "Transport - 85 chauffeurs" })
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "text-sm text-slate-400 mb-4", children: 'Photos WhatsApp, Excel litiges... "On vous fait un avoir faute de preuves"' }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: 'Avoirs "par defaut"' }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                    /* @__PURE__ */ e("span", { className: "text-red-400 line-through", children: "180K€" }),
                    /* @__PURE__ */ e(d, { className: "w-3 h-3 text-slate-600" }),
                    /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "23K€/an" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Litiges gagnes" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "34% → 67%" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-violet-500/20 rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
            /* @__PURE__ */ t("div", { className: "relative bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-5 hover:border-violet-500/30 transition-all h-full", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-violet-400 to-purple-500 flex items-center justify-center shadow-lg shadow-violet-500/20", children: /* @__PURE__ */ e(H, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-semibold text-white", children: "Cabinet NEXIA" }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-violet-400/80", children: "Expertise comptable - 45 collaborateurs" })
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "text-sm text-slate-400 mb-4", children: 'Checklist Word, PJ eparpillees... "On en est ou sur le dossier Martin ?"' }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Temps revue" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "-45%" })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Heures recuperees" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "112K€/an" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-cyan-500/20 rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
            /* @__PURE__ */ t("div", { className: "relative bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-5 hover:border-cyan-500/30 transition-all h-full", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-cyan-400 to-teal-500 flex items-center justify-center shadow-lg shadow-cyan-500/20", children: /* @__PURE__ */ e(X, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-semibold text-white", children: "Mairie Villeneuve" }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-cyan-400/80", children: "Secteur public - 25 000 habitants" })
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "text-sm text-slate-400 mb-4", children: 'Signalements par email, tel, courrier... "Je ne retrouve pas votre demande"' }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Delai resolution" }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                    /* @__PURE__ */ e("span", { className: "text-red-400 line-through", children: "45 jours" }),
                    /* @__PURE__ */ e(d, { className: "w-3 h-3 text-slate-600" }),
                    /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "8 jours" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Satisfaction" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "34% → 78%" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "group relative", children: [
            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-emerald-500/20 rounded-2xl blur-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
            /* @__PURE__ */ t("div", { className: "relative bg-white/[0.03] backdrop-blur-xl border border-white/10 rounded-2xl p-5 hover:border-emerald-500/30 transition-all h-full", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-emerald-400 to-green-500 flex items-center justify-center shadow-lg shadow-emerald-500/20", children: /* @__PURE__ */ e(w, { className: "w-6 h-6 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-semibold text-white", children: "Direction Financiere" }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-emerald-400/80", children: "Finance - 12 departements" })
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "text-sm text-slate-400 mb-4", children: 'Budget_v12_FINAL_v3.xlsx... "Marc est en vacances, lui seul sait"' }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Cloture mensuelle" }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                    /* @__PURE__ */ e("span", { className: "text-red-400 line-through", children: "5 jours" }),
                    /* @__PURE__ */ e(d, { className: "w-3 h-3 text-slate-600" }),
                    /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "4 heures" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-xs", children: [
                  /* @__PURE__ */ e("span", { className: "text-slate-500", children: "Erreurs" }),
                  /* @__PURE__ */ e("span", { className: "text-emerald-400 font-semibold", children: "0 / 50K€ evites" })
                ] })
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "relative z-10 mt-8 flex items-center gap-2 text-slate-500 text-sm", children: [
          /* @__PURE__ */ e(Q, { className: "w-4 h-4 text-emerald-500" }),
          /* @__PURE__ */ e("span", { children: "Des resultats mesures, pas des promesses" })
        ] })
      ] })
    },
    // ============================================
    // SLIDE 5: LA PROMESSE
    // ============================================
    {
      id: "promise",
      title: l("presentation.slides.cta.title"),
      background: "from-[var(--color-primary-700)] to-[var(--color-primary-900)]",
      content: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-full text-center text-white px-4", children: [
        /* @__PURE__ */ e(Z, { className: "w-16 h-16 mb-8 text-amber-300" }),
        /* @__PURE__ */ e("h2", { className: "text-3xl md:text-5xl font-bold mb-6", children: "Ce que SmartStack vous apporte" }),
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mt-8", children: [
          /* @__PURE__ */ t("div", { className: "bg-white/10 backdrop-blur-sm rounded-2xl p-6 text-left", children: [
            /* @__PURE__ */ e("div", { className: "text-4xl font-bold text-amber-300 mb-2", children: "x10" }),
            /* @__PURE__ */ e("div", { className: "text-xl font-semibold mb-2", children: "Plus rapide" }),
            /* @__PURE__ */ t("div", { className: "text-white/70 text-sm", children: [
              "Des semaines au lieu de mois.",
              /* @__PURE__ */ e("br", {}),
              "L'IA genere 80% du code."
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "bg-white/10 backdrop-blur-sm rounded-2xl p-6 text-left", children: [
            /* @__PURE__ */ e("div", { className: "text-4xl font-bold text-emerald-300 mb-2", children: "-70%" }),
            /* @__PURE__ */ e("div", { className: "text-xl font-semibold mb-2", children: "Moins cher" }),
            /* @__PURE__ */ t("div", { className: "text-white/70 text-sm", children: [
              "Pas de licence par utilisateur.",
              /* @__PURE__ */ e("br", {}),
              "Infrastructure mutualisee."
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "bg-white/10 backdrop-blur-sm rounded-2xl p-6 text-left", children: [
            /* @__PURE__ */ e("div", { className: "text-4xl font-bold text-blue-300 mb-2", children: "100%" }),
            /* @__PURE__ */ e("div", { className: "text-xl font-semibold mb-2", children: "Maitrise" }),
            /* @__PURE__ */ t("div", { className: "text-white/70 text-sm", children: [
              "Votre code, vos donnees.",
              /* @__PURE__ */ e("br", {}),
              "Pas de vendor lock-in."
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "mt-12 text-lg text-white/60", children: "Une plateforme. Une equipe. Des applications metier illimitees." })
      ] })
    },
    // ============================================
    // SLIDE 5: COMMENT CA MARCHE
    // ============================================
    {
      id: "how-it-works",
      title: l("presentation.slides.cta.subtitle"),
      content: /* @__PURE__ */ t("div", { className: "h-full flex flex-col justify-center", children: [
        /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl font-bold text-[var(--text-primary)] text-center mb-12", children: "De l'idee a l'application en 3 etapes" }),
        /* @__PURE__ */ t("div", { className: "max-w-5xl mx-auto", children: [
          /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: [
            /* @__PURE__ */ t("div", { className: "relative", children: [
              /* @__PURE__ */ e("div", { className: "absolute -top-4 -left-4 w-12 h-12 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xl font-bold", children: "1" }),
              /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-2xl border border-[var(--border-color)] p-6 pt-8 h-full", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(m, { className: "w-6 h-6 text-blue-600" }) }),
                /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-[var(--text-primary)] mb-2", children: "Vous decrivez" }),
                /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: "Expliquez votre besoin en langage naturel. Pas de cahier des charges de 100 pages - juste vos processus actuels et ce que vous voulez ameliorer." })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "relative", children: [
              /* @__PURE__ */ e("div", { className: "absolute -top-4 -left-4 w-12 h-12 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xl font-bold", children: "2" }),
              /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-2xl border border-[var(--border-color)] p-6 pt-8 h-full", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(y, { className: "w-6 h-6 text-purple-600" }) }),
                /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-[var(--text-primary)] mb-2", children: "L'IA construit" }),
                /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: "Claude Code genere l'application : base de donnees, API, interface utilisateur, securite. Le tout en respectant les standards enterprise." })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "relative", children: [
              /* @__PURE__ */ e("div", { className: "absolute -top-4 -left-4 w-12 h-12 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xl font-bold", children: "3" }),
              /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-2xl border border-[var(--border-color)] p-6 pt-8 h-full", children: [
                /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-emerald-100 dark:bg-emerald-900/30 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(E, { className: "w-6 h-6 text-emerald-600" }) }),
                /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-[var(--text-primary)] mb-2", children: "Vous utilisez" }),
                /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: "Deploiement instantane, formation integree, evolution continue. Vos equipes sont autonomes pour les modifications simples." })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "hidden md:flex items-center justify-center mt-8 gap-4", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ e(x, { className: "w-4 h-4" }),
              /* @__PURE__ */ e("span", { children: "Jour 1-2" })
            ] }),
            /* @__PURE__ */ e("div", { className: "flex-1 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-emerald-500 rounded-full max-w-xs" }),
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ e(x, { className: "w-4 h-4" }),
              /* @__PURE__ */ e("span", { children: "Jour 3-10" })
            ] }),
            /* @__PURE__ */ e("div", { className: "flex-1 h-1 bg-gradient-to-r from-purple-500 to-emerald-500 rounded-full max-w-xs" }),
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ e(x, { className: "w-4 h-4" }),
              /* @__PURE__ */ e("span", { children: "Jour 11+" })
            ] })
          ] })
        ] })
      ] })
    },
    // ============================================
    // SLIDE 6: VIBECODING - La magie de la coherence
    // ============================================
    {
      id: "vibecoding",
      title: l("presentation.slides.vibecoding.title"),
      background: "from-violet-900 via-purple-900 to-indigo-900",
      content: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-full text-center text-white px-4", children: [
        /* @__PURE__ */ t("div", { className: "mb-8", children: [
          /* @__PURE__ */ t("div", { className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 text-white/90 text-sm font-medium mb-6", children: [
            /* @__PURE__ */ e(I, { className: "w-4 h-4" }),
            "Le secret SmartStack"
          ] }),
          /* @__PURE__ */ e("h2", { className: "text-3xl md:text-5xl font-bold mb-4", children: "Vibecoding" }),
          /* @__PURE__ */ e("p", { className: "text-xl text-white/70 max-w-2xl", children: "Quand l'IA et les standards se rencontrent" })
        ] }),
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl", children: [
          /* @__PURE__ */ t("div", { className: "bg-white/10 backdrop-blur-sm rounded-2xl p-6 text-left border border-white/10 hover:border-white/30 transition-colors", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-blue-400 to-cyan-400 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(L, { className: "w-6 h-6 text-white" }) }),
            /* @__PURE__ */ e("h3", { className: "text-xl font-semibold mb-3", children: "Meme logique de dev" }),
            /* @__PURE__ */ t("ul", { className: "space-y-2 text-white/70 text-sm", children: [
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Architecture CQRS / Clean Architecture" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Patterns de code identiques" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Conventions de nommage strictes" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Tests et validation automatiques" })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "bg-white/10 backdrop-blur-sm rounded-2xl p-6 text-left border border-white/10 hover:border-white/30 transition-colors", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-amber-400 to-orange-400 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(Y, { className: "w-6 h-6 text-white" }) }),
            /* @__PURE__ */ e("h3", { className: "text-xl font-semibold mb-3", children: "Meme documentation" }),
            /* @__PURE__ */ t("ul", { className: "space-y-2 text-white/70 text-sm", children: [
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Structure de doc standardisee" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "CLAUDE.md genere automatiquement" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "API documentee par defaut" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Guides utilisateur coherents" })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "bg-white/10 backdrop-blur-sm rounded-2xl p-6 text-left border border-white/10 hover:border-white/30 transition-colors", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-pink-400 to-rose-400 flex items-center justify-center mb-4", children: /* @__PURE__ */ e(R, { className: "w-6 h-6 text-white" }) }),
            /* @__PURE__ */ e("h3", { className: "text-xl font-semibold mb-3", children: "Meme UI / UX" }),
            /* @__PURE__ */ t("ul", { className: "space-y-2 text-white/70 text-sm", children: [
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Design system unifie" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Composants reutilisables" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Experience utilisateur coherente" })
              ] }),
              /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-400 flex-shrink-0 mt-0.5" }),
                /* @__PURE__ */ e("span", { children: "Responsive & accessible" })
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "mt-10 flex items-center gap-4", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 text-sm", children: [
            /* @__PURE__ */ e(y, { className: "w-4 h-4 text-purple-300" }),
            /* @__PURE__ */ e("span", { children: "Claude Code genere" })
          ] }),
          /* @__PURE__ */ e(d, { className: "w-5 h-5 text-white/50" }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 text-sm", children: [
            /* @__PURE__ */ e(ee, { className: "w-4 h-4 text-cyan-300" }),
            /* @__PURE__ */ e("span", { children: "MCP Server valide" })
          ] }),
          /* @__PURE__ */ e(d, { className: "w-5 h-5 text-white/50" }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500/30 text-sm font-medium", children: [
            /* @__PURE__ */ e(r, { className: "w-4 h-4 text-emerald-300" }),
            /* @__PURE__ */ e("span", { children: "100% conforme" })
          ] })
        ] })
      ] })
    },
    // ============================================
    // SLIDE 7: STACK TECHNIQUE
    // ============================================
    {
      id: "tech-stack",
      title: l("presentation.slides.architecture.title"),
      content: /* @__PURE__ */ t("div", { className: "h-full flex flex-col justify-center", children: [
        /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl font-bold text-[var(--text-primary)] text-center mb-4", children: "Une architecture enterprise" }),
        /* @__PURE__ */ e("p", { className: "text-center text-[var(--text-secondary)] mb-10 max-w-2xl mx-auto", children: "Technologies modernes, standards ouverts, pas de vendor lock-in" }),
        /* @__PURE__ */ t("div", { className: "max-w-6xl mx-auto grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
          /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-2xl border border-[var(--border-color)] overflow-hidden", children: [
            /* @__PURE__ */ e("div", { className: "bg-gradient-to-r from-purple-600 to-indigo-600 px-5 py-4", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 text-white", children: [
              /* @__PURE__ */ e(A, { className: "w-6 h-6" }),
              /* @__PURE__ */ e("span", { className: "font-semibold text-lg", children: "Backend" })
            ] }) }),
            /* @__PURE__ */ t("div", { className: "p-5 space-y-3", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Runtime" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: ".NET 10" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "ORM" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "Entity Framework Core" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Pattern" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "CQRS / Clean Arch" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Auth" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "Entra ID / JWT" })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-2xl border border-[var(--border-color)] overflow-hidden", children: [
            /* @__PURE__ */ e("div", { className: "bg-gradient-to-r from-cyan-600 to-blue-600 px-5 py-4", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 text-white", children: [
              /* @__PURE__ */ e(g, { className: "w-6 h-6" }),
              /* @__PURE__ */ e("span", { className: "font-semibold text-lg", children: "Frontend" })
            ] }) }),
            /* @__PURE__ */ t("div", { className: "p-5 space-y-3", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Framework" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "React 19" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Langage" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "TypeScript 5" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Style" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "Tailwind CSS" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "i18n" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "4 langues (FR/EN/DE/IT)" })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-2xl border border-[var(--border-color)] overflow-hidden", children: [
            /* @__PURE__ */ e("div", { className: "bg-gradient-to-r from-pink-600 to-rose-600 px-5 py-4", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 text-white", children: [
              /* @__PURE__ */ e(y, { className: "w-6 h-6" }),
              /* @__PURE__ */ e("span", { className: "font-semibold text-lg", children: "IA & DevOps" })
            ] }) }),
            /* @__PURE__ */ t("div", { className: "p-5 space-y-3", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Assistant" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "Claude Code" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Protocole" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "MCP Server" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "Workflow" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "GitFlow integre" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2", children: [
                /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: "CI/CD" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "GitHub Actions" })
              ] })
            ] })
          ] })
        ] })
      ] })
    },
    // ============================================
    // SLIDE 8: FONCTIONNALITES
    // ============================================
    {
      id: "features",
      title: l("presentation.slides.features.title"),
      content: /* @__PURE__ */ t("div", { className: "h-full flex flex-col justify-center", children: [
        /* @__PURE__ */ e("h2", { className: "text-3xl md:text-4xl font-bold text-[var(--text-primary)] text-center mb-4", children: "Tout ce dont vous avez besoin" }),
        /* @__PURE__ */ e("p", { className: "text-center text-[var(--text-secondary)] mb-10", children: "Pre-construit, teste, pret a l'emploi" }),
        /* @__PURE__ */ e("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 max-w-5xl mx-auto", children: [
          { icon: m, label: "Gestion utilisateurs", desc: "Creation, roles, SSO", color: "text-blue-500 bg-blue-100 dark:bg-blue-900/30" },
          { icon: N, label: "Permissions", desc: "Granulaires, hierarchiques", color: "text-green-500 bg-green-100 dark:bg-green-900/30" },
          { icon: te, label: "Multi-tenant", desc: "Organisations, domaines", color: "text-purple-500 bg-purple-100 dark:bg-purple-900/30" },
          { icon: ae, label: "Workflows", desc: "Emails, notifications", color: "text-pink-500 bg-pink-100 dark:bg-pink-900/30" },
          { icon: g, label: "Multi-langues", desc: "FR, EN, DE, IT", color: "text-cyan-500 bg-cyan-100 dark:bg-cyan-900/30" },
          { icon: R, label: "Navigation", desc: "Dynamique, par role", color: "text-orange-500 bg-orange-100 dark:bg-orange-900/30" },
          { icon: f, label: "Audit complet", desc: "Tracabilite, logs", color: "text-red-500 bg-red-100 dark:bg-red-900/30" },
          { icon: I, label: "Theming", desc: "Branding, dark mode", color: "text-amber-500 bg-amber-100 dark:bg-amber-900/30" }
        ].map((a) => /* @__PURE__ */ t("div", { className: "bg-[var(--bg-secondary)] rounded-xl border border-[var(--border-color)] p-4 hover:shadow-lg transition-shadow", children: [
          /* @__PURE__ */ e("div", { className: `w-10 h-10 rounded-lg ${a.color} flex items-center justify-center mb-3`, children: /* @__PURE__ */ e(a.icon, { className: "w-5 h-5" }) }),
          /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)] text-sm", children: a.label }),
          /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: a.desc })
        ] }, a.label)) })
      ] })
    },
    // ============================================
    // SLIDE 9: CTA FINAL
    // ============================================
    {
      id: "cta",
      title: l("presentation.slides.cta.title"),
      background: "from-slate-900 to-slate-800",
      content: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-full text-center text-white px-4", children: [
        /* @__PURE__ */ e(T, { className: "w-20 h-20 mb-6 text-[var(--color-primary-400)]" }),
        /* @__PURE__ */ e("h2", { className: "text-4xl md:text-5xl font-bold mb-4", children: "SmartStack" }),
        /* @__PURE__ */ t("p", { className: "text-xl md:text-2xl text-slate-300 mb-8 max-w-2xl", children: [
          "Transformez vos idees en applications.",
          /* @__PURE__ */ e("br", {}),
          "Sans attendre. Sans vous ruiner."
        ] }),
        /* @__PURE__ */ t("div", { className: "flex flex-col sm:flex-row gap-4 mb-12", children: [
          /* @__PURE__ */ t(
            v,
            {
              to: "/system/docs/developer/installation",
              className: "inline-flex items-center justify-center gap-2 px-8 py-4 bg-[var(--color-primary-600)] hover:bg-[var(--color-primary-500)] text-white rounded-xl font-semibold transition-colors",
              children: [
                /* @__PURE__ */ e(E, { className: "w-5 h-5" }),
                l("presentation.slides.cta.getStarted")
              ]
            }
          ),
          /* @__PURE__ */ t(
            v,
            {
              to: "/system/docs/developer",
              className: "inline-flex items-center justify-center gap-2 px-8 py-4 bg-white/10 hover:bg-white/20 text-white rounded-xl font-semibold transition-colors",
              children: [
                /* @__PURE__ */ e(L, { className: "w-5 h-5" }),
                l("presentation.slides.cta.documentation")
              ]
            }
          )
        ] }),
        /* @__PURE__ */ e("div", { className: "text-slate-400 text-sm", children: "Des questions ? Contactez-nous : support@atlashub.ch" })
      ] })
    }
  ], c = C(() => {
    u((a) => (a + 1) % i.length);
  }, [i.length]), p = C(() => {
    u((a) => (a - 1 + i.length) % i.length);
  }, [i.length]);
  S(() => {
    const a = (s) => {
      s.key === "ArrowRight" || s.key === " " ? (s.preventDefault(), c()) : s.key === "ArrowLeft" ? (s.preventDefault(), p()) : s.key === "Escape" && k(!1);
    };
    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
  }, [c, p]), S(() => {
    if (!n) return;
    const a = setInterval(c, 1e4);
    return () => clearInterval(a);
  }, [n, c]);
  const o = i[b];
  return /* @__PURE__ */ t("div", { className: "min-h-screen flex flex-col", children: [
    /* @__PURE__ */ t(
      "div",
      {
        className: `flex-1 relative overflow-hidden transition-all duration-500 ${o.background ? `bg-gradient-to-br ${o.background}` : "bg-[var(--bg-primary)]"}`,
        children: [
          /* @__PURE__ */ e("div", { className: "absolute top-4 left-4 z-20", children: /* @__PURE__ */ t(
            v,
            {
              to: "/system/docs",
              className: `flex items-center gap-2 px-3 py-2 rounded-lg transition-colors ${o.background ? "text-white/70 hover:text-white hover:bg-white/10" : "text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)]"}`,
              children: [
                /* @__PURE__ */ e(le, { className: "w-4 h-4" }),
                /* @__PURE__ */ e("span", { className: "text-sm", children: l("presentation.backToDocs") })
              ]
            }
          ) }),
          /* @__PURE__ */ e("div", { className: `absolute top-4 right-4 z-20 px-3 py-1 rounded-lg ${o.background ? "bg-white/10 text-white" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)]"}`, children: /* @__PURE__ */ t("span", { className: "text-sm font-mono", children: [
            b + 1,
            " / ",
            i.length
          ] }) }),
          /* @__PURE__ */ e("div", { className: "container mx-auto px-4 py-16 h-full flex items-center", children: /* @__PURE__ */ e("div", { className: "w-full", children: o.content }) })
        ]
      }
    ),
    /* @__PURE__ */ e("div", { className: "bg-[var(--bg-secondary)] border-t border-[var(--border-color)] px-4 py-3", children: /* @__PURE__ */ t("div", { className: "container mx-auto flex items-center justify-between", children: [
      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: i.map((a, s) => /* @__PURE__ */ e(
        "button",
        {
          onClick: () => u(s),
          className: `h-2 rounded-full transition-all ${s === b ? "w-8 bg-[var(--color-primary-600)]" : "w-2 bg-[var(--border-color)] hover:bg-[var(--color-primary-400)]"}`,
          title: a.title
        },
        a.id
      )) }),
      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
        /* @__PURE__ */ e(
          "button",
          {
            onClick: () => k(!n),
            className: "p-2 rounded-lg hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]",
            title: n ? "Pause" : "Auto-play (10s)",
            children: n ? /* @__PURE__ */ e(re, { className: "w-5 h-5" }) : /* @__PURE__ */ e(se, { className: "w-5 h-5" })
          }
        ),
        /* @__PURE__ */ e(
          "button",
          {
            onClick: p,
            className: "p-2 rounded-lg hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]",
            children: /* @__PURE__ */ e(ie, { className: "w-5 h-5" })
          }
        ),
        /* @__PURE__ */ e(
          "button",
          {
            onClick: c,
            className: "p-2 rounded-lg hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]",
            children: /* @__PURE__ */ e(de, { className: "w-5 h-5" })
          }
        )
      ] })
    ] }) })
  ] });
}
export {
  he as SmartStackPresentationPage,
  he as default
};
//# sourceMappingURL=SmartStackPresentationPage-D3ku9GtQ.js.map
