> ## Documentation Index
> Fetch the complete documentation index at: https://strettch-make-section-id-optional.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Strettch Cloud Documentation

> Get started with Strettch Cloud — the African-first cloud platform for affordable compute instances, managed DNS, and developer-friendly infrastructure.

export const HeroCard = ({title, description, href, children}) => {
  return <a className="group cursor-pointer pb-8" href={href}>
      <div className="pointer-events-none group-hover:scale-105 transition-all duration-100">
        {children}
      </div>
      <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">
        {title}
      </h3>
      <span className="mt-1.5">{description}</span>
    </a>;
};

<div className="relative">
  <div className="absolute top-0 left-0 right-0">
    <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/light/docs-hero-bg.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=55d5fe8248548a0702e8afc4185d3371" className="pointer-events-none block dark:hidden" alt="Strettch Cloud hero background" width="2560" height="648" data-path="images/home/light/docs-hero-bg.png" />

    <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/dark/docs-hero-bg.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=d572e610158a7a8813df39590e0231f6" className="pointer-events-none hidden dark:block" alt="Strettch Cloud hero background" width="2560" height="648" data-path="images/home/dark/docs-hero-bg.png" />
  </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">
      Documentation
    </h1>

    <div className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
      Get started with Strettch Cloud, infrastructure built for scale and affordability
    </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 title="Quickstart" description="Deploy your first compute in 2 minutes" href="/getting-started/quickstart">
        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/light/rocket.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=f4f9be6544ad20b6b51834c056a6112b" className="block dark:hidden" alt="Quickstart" width="712" height="484" data-path="images/home/light/rocket.png" />

        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/dark/rocket.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=53bee8882833003fe284218d3b7d92f9" className="hidden dark:block" alt="Quickstart" width="712" height="484" data-path="images/home/dark/rocket.png" />
      </HeroCard>

      <HeroCard title="Compute (VMs)" description="Create, manage, resize, and troubleshoot computes" href="/guides/computes">
        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/light/compute.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=eda369ea84f7a5f4d618872397ec9976" className="block dark:hidden" alt="Compute (VMs)" width="712" height="484" data-path="images/home/light/compute.png" />

        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/dark/compute.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=a12ec60e2793a22d3914e6f408edca40" className="hidden dark:block" alt="Compute (VMs)" width="712" height="484" data-path="images/home/dark/compute.png" />
      </HeroCard>

      <HeroCard title="Domains & DNS" description="Manage domains and DNS records" href="/guides/domains">
        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/light/dns.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=36cf599e345faeb02a239891473a7926" className="block dark:hidden" alt="Domains & DNS" width="712" height="484" data-path="images/home/light/dns.png" />

        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/dark/dns.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=78193142b31af16417ba8f7c67760c82" className="hidden dark:block" alt="Domains & DNS" width="712" height="484" data-path="images/home/dark/dns.png" />
      </HeroCard>

      <HeroCard title="Support" description="Get help and contact our team" href="/support">
        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/light/support.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=e260e22d4321bf7c5348e37330c20616" className="block dark:hidden" alt="Support" width="712" height="484" data-path="images/home/light/support.png" />

        <img src="https://mintcdn.com/strettch-make-section-id-optional/N8Ca_cgncHZgBCa2/images/home/dark/support.png?fit=max&auto=format&n=N8Ca_cgncHZgBCa2&q=85&s=57a4049d968f253ea018b6794f9671e5" className="hidden dark:block" alt="Support" width="712" height="484" data-path="images/home/dark/support.png" />
      </HeroCard>
    </div>
  </div>
</div>