# Introducción (/es)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 459 · updated: 2026-07-30 -->
Related: [Inicio rápido](/es/quickstart.md)

<div className="relative">
  <div className="absolute -top-14 left-0 right-0 opacity-80">
    <img src="/_assets/8dcc62ce651ab657ddcb2ba636edfbc950d5c082d7084463bfaf2774d9ea0b9b" className="block dark:hidden pointer-events-none w-full h-auto" alt="Imagen de fondo decorativa." />

    <img src="/_assets/2123265209cb7f501782b430884e0c959d3e3c007ef6acd67026056b8aff62ac" className="hidden dark:block pointer-events-none w-full h-auto" alt="Imagen de fondo decorativa." />
  </div>

  <div className="relative z-10 px-4 py-16 lg:py-48 lg:pb-24 max-w-3xl mx-auto">
    <h1 className="block text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight">
      Documentación
    </h1>

    <div className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
      Descubre la próxima generación de documentación: nativa de IA, atractiva desde el primer momento y creada para desarrolladores y equipos.
    </div>

    <div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4">
      <HeroCard filename="rocket" title="Inicio rápido" description="Publica tu primer sitio de documentación en minutos con nuestra guía paso a paso" href="/docs/es/quickstart" />

      <HeroCard filename="cli" title="Instalación de la CLI" description="Instala la CLI para obtener una vista previa y desarrollar tu documentación localmente" href="/docs/es/cli" />

      <HeroCard filename="editor" title="Editor web" description="Haz actualizaciones rápidas y gestiona el contenido con nuestro editor basado en el navegador" href="/docs/es/editor/index" />

      <HeroCard filename="components" title="Componentes" description="Crea documentación enriquecida e interactiva con nuestros componentes listos para usar" href="/docs/es/components/accordions" />
    </div>
  </div>
</div>