> ## Documentation Index
> Fetch the complete documentation index at: https://docs.didaska.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Documentação Didaska

> Documentação oficial da Didaska com guias para montar sua escola online, criar e vender cursos, gerenciar alunos, certificados e configurar a plataforma.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 py-10 lg:gap-14 lg:py-16">
  <div className="flex max-w-[560px] flex-col gap-2 self-center text-center">
    <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
      Central de ajuda da Didaska
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Guias práticos para você colocar sua escola no ar, criar conteúdo, acompanhar seus alunos e deixar a plataforma com a sua cara — sem complicação e sem termos técnicos.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Comece por aqui</span>} icon="rocket" href="/comece-aqui/primeiros-passos" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">Coloque sua escola no ar em poucos passos: marca, primeiro curso e primeiros alunos.</span>
    </Card>

    <a href="/cursos/visao-geral" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="book-open" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Cursos e conteúdo</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Crie cursos, organize módulos e aulas, adicione vídeos e aulas ao vivo.
        </span>
      </div>
    </a>

    <a href="/didaska-ai/visao-geral" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="sparkles" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Didaska AI</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Um tutor que aprendeu a sua aula, plano de estudos personalizado e flashcards.
        </span>
      </div>
    </a>
  </div>

  <hr className="border-0 border-t border-border" />

  <div className="flex flex-col gap-4">
    <h2 className="font-serif text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Tarefas comuns</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/cursos/criar-curso" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="square-pen" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Criar seu primeiro curso</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Do título à primeira aula publicada, passo a passo.
          </span>
        </div>
      </a>

      <a href="/pessoas/membros" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="users" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Adicionar alunos</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Cadastre pessoas uma a uma, importe uma lista ou use convites.
          </span>
        </div>
      </a>

      <a href="/configuracoes/aparencia-e-marca" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="palette" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Deixar com a sua marca</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Logo, cores e domínio próprio: a plataforma fica 100% com a sua marca.
          </span>
        </div>
      </a>

      <a href="/integracoes/visao-geral" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="credit-card" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Vender seus cursos</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Conecte seu meio de pagamento — sem comissão da Didaska.
          </span>
        </div>
      </a>

      <a href="/simulados/visao-geral" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="clipboard-check" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Aplicar simulados</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Monte provas, use o banco de questões e analise o desempenho.
          </span>
        </div>
      </a>

      <a href="/aluno/primeiro-acesso" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="graduation-cap" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">É aluno?</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Veja como acessar, estudar e acompanhar seu progresso.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>
