import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { Link as r } from "react-router-dom";
import { useTranslation as l } from "react-i18next";
import { Code as d, Users as n, Book as c, Presentation as m, Play as h, ArrowRight as p, Download as x, Layers as v, Database as u } from "lucide-react";
function N() {
  const { t } = l("docs"), o = [
    {
      title: t("index.sections.developer.title"),
      description: t("index.sections.developer.description"),
      icon: d,
      href: "/system/docs/developer",
      color: "from-blue-500 to-cyan-500",
      items: [
        { title: t("index.sections.developer.infrastructure.title"), description: t("index.sections.developer.infrastructure.description"), href: "/system/docs/developer/infrastructure" },
        { title: t("index.sections.developer.installation.title"), description: t("index.sections.developer.installation.description"), href: "/system/docs/developer/installation" },
        { title: t("index.sections.developer.database.title"), description: t("index.sections.developer.database.description"), href: "/system/docs/developer/database" }
      ]
    },
    {
      title: t("index.sections.user.title"),
      description: t("index.sections.user.description"),
      icon: n,
      href: "/system/docs/user",
      color: "from-emerald-500 to-teal-500",
      items: [
        { title: t("index.sections.user.architecture.title"), description: t("index.sections.user.architecture.description"), href: "/system/docs/user/architecture" },
        { title: t("index.sections.user.modules.title"), description: t("index.sections.user.modules.description"), href: "/system/docs/user/modules" }
      ]
    }
  ];
  return /* @__PURE__ */ s("div", { className: "space-y-8", children: [
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ s("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(c, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        t("index.title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: t("index.subtitle") })
    ] }),
    /* @__PURE__ */ s(
      r,
      {
        to: "/system/docs/presentation",
        className: "block relative overflow-hidden rounded-2xl bg-gradient-to-r from-[var(--color-primary-600)] to-[var(--color-primary-800)] p-6 text-white hover:shadow-xl transition-all group",
        children: [
          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PHBhdGggZD0iTTM2IDM0djItSDI0di0yaDEyek0zNiAzMHYySDI0di0yaDEyeiIvPjwvZz48L2c+PC9zdmc+')] opacity-20" }),
          /* @__PURE__ */ s("div", { className: "relative flex items-center justify-between", children: [
            /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
              /* @__PURE__ */ e("div", { className: "w-14 h-14 rounded-xl bg-white/10 flex items-center justify-center backdrop-blur", children: /* @__PURE__ */ e(m, { className: "w-7 h-7" }) }),
              /* @__PURE__ */ s("div", { children: [
                /* @__PURE__ */ e("h3", { className: "text-xl font-bold mb-1", children: t("presentation.title", { defaultValue: "Presentation SmartStack" }) }),
                /* @__PURE__ */ e("p", { className: "text-white/80 text-sm", children: t("presentation.slides.title.subtitle", { defaultValue: "La plateforme qui transforme vos processus metier en applications" }) })
              ] })
            ] }),
            /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 group-hover:bg-white/20 transition-colors", children: [
              /* @__PURE__ */ e(h, { className: "w-4 h-4" }),
              /* @__PURE__ */ e("span", { className: "font-medium", children: t("index.viewPresentation", { defaultValue: "Voir la presentation" }) })
            ] })
          ] })
        ]
      }
    ),
    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: o.map((i) => /* @__PURE__ */ s(
      "div",
      {
        className: "card p-6 hover:shadow-lg transition-shadow",
        children: [
          /* @__PURE__ */ s("div", { className: "flex items-start gap-4 mb-4", children: [
            /* @__PURE__ */ e("div", { className: `w-12 h-12 rounded-xl bg-gradient-to-br ${i.color} flex items-center justify-center`, children: /* @__PURE__ */ e(i.icon, { className: "w-6 h-6 text-white" }) }),
            /* @__PURE__ */ s("div", { children: [
              /* @__PURE__ */ e("h2", { className: "text-xl font-semibold", children: i.title }),
              /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: i.description })
            ] })
          ] }),
          /* @__PURE__ */ e("ul", { className: "space-y-3", children: i.items.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
            r,
            {
              to: a.href,
              className: "flex items-center justify-between p-3 rounded-lg bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] transition-colors group",
              children: [
                /* @__PURE__ */ s("div", { children: [
                  /* @__PURE__ */ e("span", { className: "font-medium", children: a.title }),
                  /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a.description })
                ] }),
                /* @__PURE__ */ e(p, { className: "w-4 h-4 text-[var(--text-tertiary)] group-hover:text-[var(--color-primary-600)] transition-colors" })
              ]
            }
          ) }, a.href)) })
        ]
      },
      i.href
    )) }),
    /* @__PURE__ */ s("div", { className: "card p-6 bg-gradient-to-r from-[var(--color-primary-600)]/10 to-[var(--accent-bg)]", children: [
      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4", children: t("index.quickLinks") }),
      /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
        /* @__PURE__ */ s(
          r,
          {
            to: "/system/docs/developer/installation",
            className: "flex flex-col items-center p-4 rounded-lg bg-[var(--bg-primary)] hover:shadow-md transition-shadow text-center",
            children: [
              /* @__PURE__ */ e(x, { className: "w-8 h-8 text-[var(--color-primary-600)] mb-2" }),
              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t("index.sections.developer.installation.title") })
            ]
          }
        ),
        /* @__PURE__ */ s(
          r,
          {
            to: "/system/docs/user/architecture",
            className: "flex flex-col items-center p-4 rounded-lg bg-[var(--bg-primary)] hover:shadow-md transition-shadow text-center",
            children: [
              /* @__PURE__ */ e(v, { className: "w-8 h-8 text-[var(--color-primary-600)] mb-2" }),
              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t("index.sections.user.architecture.title") })
            ]
          }
        ),
        /* @__PURE__ */ s(
          r,
          {
            to: "/system/docs/developer/database",
            className: "flex flex-col items-center p-4 rounded-lg bg-[var(--bg-primary)] hover:shadow-md transition-shadow text-center",
            children: [
              /* @__PURE__ */ e(u, { className: "w-8 h-8 text-[var(--color-primary-600)] mb-2" }),
              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t("index.sections.developer.database.title") })
            ]
          }
        )
      ] })
    ] })
  ] });
}
export {
  N as DocsIndexPage
};
//# sourceMappingURL=DocsIndexPage-BD6OOCak.js.map
