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

# Zentek Developer Hub

> Conecte-se aos ecossistemas da Zentek e integre soluções de assistência, proteção e serviços digitais.

export const EcosystemCard = ({title, icon, description, href}) => <a href={href} className="group relative flex flex-col gap-2 rounded-xl border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 p-6 transition-all hover:border-blue-500/50 hover:shadow-lg hover:shadow-blue-500/10">
    <div className="mb-2 flex h-10 w-10 items-center justify-center rounded-lg bg-blue-50 dark:bg-blue-900/20">
      <Icon icon={icon} iconType="regular" className="text-2xl text-blue-600 dark:text-blue-400" />
    </div>
    <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-100 group-hover:text-blue-600 dark:group-hover:text-blue-400">
      {title}
    </h3>
    <p className="text-sm text-zinc-500 dark:text-zinc-400">
      {description}
    </p>
  </a>;

<div className="relative overflow-hidden bg-slate-50 dark:bg-[#0B0B0C]">
  <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px]" />

  <div className="relative mx-auto max-w-7xl px-6 pb-24 pt-20 sm:pb-32 lg:px-8">
    <div className="mx-auto max-w-4xl text-center">
      <h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-white sm:text-6xl">
        Construa o futuro com a <span className="text-[#0D73D9]">Zentek</span>
      </h1>

      <p className="mt-6 text-lg leading-8 text-zinc-600 dark:text-zinc-400">
        Acesse nossos 6 ecossistemas de serviços e integre soluções de assistência, proteção digital e benefícios diretamente em sua plataforma.
      </p>

      <div className="mt-10 flex items-center justify-center gap-x-6">
        <a href="/quickstart" className="rounded-full bg-[#0D73D9] px-6 py-3 text-sm font-semibold text-white shadow-sm hover:bg-[#07A3F2] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-all">
          Começar Agora
        </a>

        <a href="/api-reference" className="text-sm font-semibold leading-6 text-zinc-900 dark:text-zinc-100 hover:text-[#0D73D9] transition-colors">
          Referência da API <span aria-hidden="true">→</span>
        </a>
      </div>
    </div>

    <div className="mx-auto mt-20 max-w-7xl">
      <div className="text-center mb-12">
        <h2 className="text-2xl font-bold tracking-tight text-zinc-900 dark:text-white">Nossos Ecossistemas</h2>
        <p className="mt-2 text-zinc-600 dark:text-zinc-400">Explore as capacidades de cada vertical.</p>
      </div>

      <div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
        <EcosystemCard title="Casa Conectada" icon="house" description="Soluções de IoT, assistência residencial e automação para lares inteligentes." href="/ecosystems/casa/overview" />

        <EcosystemCard title="Proteção Digital" icon="shield-halved" description="Monitoramento de vazamento de dados, antivírus e segurança cibernética." href="/ecosystems/digital/overview" />

        <EcosystemCard title="Saúde e Bem-Estar" icon="heart-pulse" description="Telemedicina, descontos em farmácias e programas de bem-estar." href="/ecosystems/saude/overview" />

        <EcosystemCard title="Entretenimento" icon="gamepad" description="Suporte gamer, dicas e assistência para consoles e PCs." href="/ecosystems/games/overview" />

        <EcosystemCard title="Autônomos" icon="user-tie" description="Ferramentas e benefícios para profissionais liberais e freelancers." href="/ecosystems/autonomos/overview" />

        <EcosystemCard title="PME" icon="building" description="Soluções corporativas para pequenas e médias empresas." href="/ecosystems/pme/overview" />

        <EcosystemCard title="PET" icon="paw" description="Assistência veterinária e cuidados completos para seu animal de estimação." href="/ecosystems/pet/overview" />

        <EcosystemCard title="Empregabilidade" icon="briefcase" description="Capacitação profissional e suporte para recolocação no mercado." href="/ecosystems/empregabilidade/overview" />

        <EcosystemCard title="Mulheres" icon="venus" description="Serviços especializados para empoderamento e proteção da mulher." href="/ecosystems/mulheres/overview" />

        <EcosystemCard title="Geração Prateada" icon="user-group" description="Cuidado integral para a terceira idade com saúde, bem-estar e qualidade de vida." href="/ecosystems/geracao-prateada/overview" />
      </div>
    </div>
  </div>
</div>