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

# Hospedagem em Nuvem para Desenvolvedores | Deploy em Segundos | Square Cloud

> Plataforma de hospedagem em nuvem de alta performance para desenvolvedores. Faça deploy de bots, sites, APIs e bancos de dados (Redis, MongoDB, PostgreSQL)em segundos com escalabilidade automática. Infraestrutura robusta e descomplicada.

export const ServicesCard = ({src, title, description, href}) => <a className="group cursor-pointer pb-8" href={href} target="_blank" rel="noopener noreferrer">
    <div className="overflow-hidden rounded-lg">
      <img src={src} alt={title} className="block pointer-events-none group-hover:scale-110 scale-100 transition-transform duration-300" />
    </div>
    <h3 className="mt-5 text-lg font-semibold text-gray-900 dark:text-zinc-50">{title}</h3>
    <p className="mt-1.5 text-gray-600 dark:text-zinc-400">{description}</p>
  </a>;

<div className="relative">
  <div className="px-4 py-24 lg:py-32 max-w-5xl mx-auto text-center">
    <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight">
      Deploy instantâneo para
      <span className="block bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">desenvolvedores modernos</span>
    </h1>

    <p className="max-w-3xl mx-auto mt-6 text-lg md:text-xl text-gray-600 dark:text-zinc-400">
      Nós cuidamos da infraestrutura para que você possa focar no que faz de melhor: <strong className="font-semibold text-gray-900 dark:text-zinc-100">criar e inovar</strong>. Faça deploy em segundos e escale com um clique.
    </p>

    <div className="flex flex-col sm:flex-row gap-4 justify-center items-center mt-10">
      <a href="/pt-br/getting-started/quick-start" className="w-full sm:w-auto bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors duration-200 text-base">
        Comece a construir agora
      </a>

      <a href="/pt-br/tutorials/introduction" className="w-full sm:w-auto border border-gray-300 dark:border-zinc-900 hover:bg-gray-100 dark:hover:bg-zinc-800 px-8 py-3 rounded-lg font-semibold transition-colors duration-200 text-base">
        Explorar Tutoriais
      </a>
    </div>
  </div>

  <div className="px-4 max-w-6xl mx-auto mt-16 lg:mt-24">
    <h2 className="text-3xl md:text-4xl font-bold text-center text-gray-900 dark:text-zinc-50 mb-4">
      Recursos de Nível Empresarial, Sem Custos Ocultos
    </h2>

    <p className="text-lg text-center text-gray-600 dark:text-zinc-400 mb-12 lg:mb-16 max-w-3xl mx-auto">
      Uma plataforma completa, com tudo que você precisa para escalar seus projetos. Feita por desenvolvedores, para desenvolvedores.
    </p>

    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
      <ServicesCard src="https://cdn.squarecloud.app/docs/services/pt-br/bots.webp" title="Hospedagem de Bots" description="Hospede bots para Discord, Telegram e mais, com alta disponibilidade e baixa latência." href="/pt-br/services/bots" />

      <ServicesCard src="https://cdn.squarecloud.app/docs/services/pt-br/sites.webp" title="Websites e APIs" description="Publique seus sites e APIs com suporte aos frameworks mais populares do mercado." href="/pt-br/services/sites" />

      <ServicesCard src="https://cdn.squarecloud.app/docs/services/pt-br/blob.webp" title="Blob Storage" description="Armazenamento serverless de objetos e com escalabilidade infinita." href="/pt-br/services/blob" />
    </div>

    <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-16">
      <div className="p-6 border border-gray-200 dark:border-zinc-900 rounded-xl">
        <div className="w-12 h-12 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center mb-4">
          <svg className="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
          </svg>
        </div>

        <h3 className="font-semibold text-gray-900 dark:text-zinc-100 mb-2">Deploy Inteligente</h3>
        <p className="text-gray-600 dark:text-zinc-400 text-sm">Automatize seus deploys com integrações nativas para GitHub e uma CLI poderosa.</p>
      </div>

      <div className="p-6 border border-gray-200 dark:border-zinc-900 rounded-xl">
        <div className="w-12 h-12 bg-green-100 dark:bg-green-900/30 rounded-lg flex items-center justify-center mb-4">
          <svg className="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
          </svg>
        </div>

        <h3 className="font-semibold text-gray-900 dark:text-zinc-100 mb-2">Escalabilidade sem limites</h3>
        <p className="text-gray-600 dark:text-zinc-400 text-sm">Sua aplicação se adapta à demanda, garantindo performance e controle de custos.</p>
      </div>

      <div className="p-6 border border-gray-200 dark:border-zinc-900 rounded-xl">
        <div className="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center mb-4">
          <svg className="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
          </svg>
        </div>

        <h3 className="font-semibold text-gray-900 dark:text-zinc-100 mb-2">Segurança de Nível Empresarial</h3>
        <p className="text-gray-600 dark:text-zinc-400 text-sm">Proteção DDoS, WAF e SSL automático em todas as aplicações, sem custo adicional.</p>
      </div>

      <div className="p-6 border border-gray-200 dark:border-zinc-900 rounded-xl">
        <div className="w-12 h-12 bg-orange-100 dark:bg-orange-900/30 rounded-lg flex items-center justify-center mb-4">
          <svg className="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
          </svg>
        </div>

        <h3 className="font-semibold text-gray-900 dark:text-zinc-100 mb-2">Alta Performance</h3>
        <p className="text-gray-600 dark:text-zinc-400 text-sm">Infraestrutura global com SSDs NVMe e CDN integrada para velocidade máxima.</p>
      </div>

      <div className="p-6 border border-gray-200 dark:border-zinc-900 rounded-xl">
        <div className="w-12 h-12 bg-cyan-100 dark:bg-cyan-900/30 rounded-lg flex items-center justify-center mb-4">
          <svg className="w-6 h-6 text-cyan-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4" />
          </svg>
        </div>

        <h3 className="font-semibold text-gray-900 dark:text-zinc-100 mb-2">Bancos de Dados Gerenciados</h3>
        <p className="text-gray-600 dark:text-zinc-400 text-sm">Provisione bancos Redis, MongoDB, PostgreSQL e MySQL em um clique.</p>
      </div>

      <div className="p-6 border border-gray-200 dark:border-zinc-900 rounded-xl">
        <div className="w-12 h-12 bg-red-100 dark:bg-red-900/30 rounded-lg flex items-center justify-center mb-4">
          <svg className="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
          </svg>
        </div>

        <h3 className="font-semibold text-gray-900 dark:text-zinc-100 mb-2">Tráfego Ilimitado</h3>
        <p className="text-gray-600 dark:text-zinc-400 text-sm">Foque no crescimento, não em limites de banda. Sem surpresas na fatura.</p>
      </div>
    </div>
  </div>

  <div className="bg-gray-50 dark:bg-zinc-900/50 py-16 lg:py-24">
    <div className="px-4 max-w-4xl mx-auto text-center">
      <h2 className="text-3xl md:text-4xl font-bold text-gray-900 dark:text-zinc-50 mb-4">
        Comece a construir em minutos
      </h2>

      <p className="text-lg text-gray-600 dark:text-zinc-400 mb-12">
        Escolha a ferramenta que mais se adapta ao seu fluxo de trabalho.
      </p>

      <div className="grid md:grid-cols-2 gap-8 text-left">
        <div className="bg-white dark:bg-zinc-800 p-8 rounded-xl border border-gray-200 dark:border-zinc-900">
          <div className="w-12 h-12 bg-gray-900 dark:bg-white rounded-lg flex items-center justify-center mb-5">
            <svg className="w-6 h-6 text-white dark:text-gray-900" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
            </svg>
          </div>

          <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-100 mb-3">CLI para Desenvolvedores</h3>
          <p className="text-gray-600 dark:text-zinc-400 mb-5">Gerencie toda a sua infraestrutura diretamente do terminal. Ideal para automação e workflows avançados.</p>
          <code className="block w-full bg-gray-100 dark:bg-zinc-700 px-3 py-2 rounded text-sm text-left">npm install -g @squarecloud/cli</code>

          <div className="mt-5">
            <a href="/pt-br/cli-reference/installation" className="text-blue-600 hover:text-blue-700 font-medium" target="_blank" rel="noopener noreferrer">
              Ver documentação da CLI →
            </a>
          </div>
        </div>

        <div className="bg-white dark:bg-zinc-800 p-8 rounded-xl border border-gray-200 dark:border-zinc-900">
          <div className="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mb-5">
            <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9v-9m0-9v9" />
            </svg>
          </div>

          <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-100 mb-3">Dashboard</h3>
          <p className="text-gray-600 dark:text-zinc-400 mb-5">Uma interface visual completa para fazer deploy, gerenciar e monitorar suas aplicações com facilidade.</p>
          <div className="block w-full bg-gray-100 dark:bg-zinc-700 px-3 py-2 rounded text-sm text-left">Faça upload via drag-and-drop.</div>

          <div className="mt-5">
            <a href="https://squarecloud.app/pt-br/dashboard" className="text-blue-600 hover:text-blue-700 font-medium" target="_blank" rel="noopener noreferrer">
              Acessar a Dashboard →
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="px-4 max-w-4xl mx-auto py-16 lg:py-24 text-center">
    <div className="pt-4">
      <h2 className="text-2xl md:text-3xl font-bold text-gray-900 dark:text-zinc-50 mb-4">
        Antes de começar
      </h2>

      <p className="text-gray-600 dark:text-zinc-400 mb-8">
        Para começar, crie uma conta na Square Cloud. Então você pode <a href="https://squarecloud.app/pt-br/pricing" className="text-blue-600 hover:text-blue-700">selecionar o plano</a> certo para você.
      </p>

      <div className="grid sm:grid-cols-2 gap-6 mb-8">
        <Card title="Cadastre-se" icon="user-plus" href="https://squarecloud.app/pt-br/signup" color="#95979b">
          Se você nunca usou o Square antes, cadastre-se para começar.
        </Card>

        <Card title="Entrar" icon="right-to-bracket" href="https://squarecloud.app/pt-br/signin" color="#95979b">
          Se você já tem uma conta, entre para começar.
        </Card>
      </div>
    </div>

    <h2 className="text-3xl md:text-4xl font-bold text-gray-900 dark:text-zinc-50 mb-12 mt-16">
      Explore a Plataforma
    </h2>

    <div className="grid sm:grid-cols-2 gap-6">
      <Card title="Início Rápido" icon="rocket" href="/pt-br/getting-started/quick-start" color="#10B981">
        Faça seu primeiro deploy em menos de 5 minutos.
      </Card>

      <Card title="Tutoriais Práticos" icon="graduation-cap" href="/pt-br/tutorials/introduction" color="#8B5CF6">
        Aprenda com projetos reais e exemplos passo a passo.
      </Card>

      <Card title="Referência da API" icon="code" href="/pt-br/api-reference/authentication" color="#3B82F6">
        Automatize e integre com nossa API REST completa.
      </Card>

      <Card title="Comunidade no Discord" icon="discord" href="https://go.squarecloud.app/discord" color="#5865F2">
        Junte-se a mais de 80.000 desenvolvedores e tire suas dúvidas.
      </Card>
    </div>
  </div>
</div>