index.mdx

title	Strettch Cloud Documentation
sidebarTitle	Introduction
description	Get started with Strettch Cloud — the African-first cloud platform for affordable compute instances, managed DNS, and developer-friendly infrastructure.
mode	custom

export const HeroCard = ({ title, description, href, children }) => { return (

{children}

{title}

{description} ); };

Documentation

<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="/images/home/light/rocket.png" className="block dark:hidden" alt="Quickstart" />
    <img src="/images/home/dark/rocket.png" className="hidden dark:block" alt="Quickstart" />
  </HeroCard>

  <HeroCard
    title="Compute (VMs)"
    description="Create, manage, resize, and troubleshoot computes"
    href="/guides/computes"
  >
    <img src="/images/home/light/compute.png" className="block dark:hidden" alt="Compute (VMs)" />
    <img src="/images/home/dark/compute.png" className="hidden dark:block" alt="Compute (VMs)" />
  </HeroCard>

  <HeroCard
    title="Domains & DNS"
    description="Manage domains and DNS records"
    href="/guides/domains"
  >
    <img src="/images/home/light/dns.png" className="block dark:hidden" alt="Domains & DNS" />
    <img src="/images/home/dark/dns.png" className="hidden dark:block" alt="Domains & DNS" />
  </HeroCard>

  <HeroCard
    title="Support"
    description="Get help and contact our team"
    href="/support"
  >
    <img src="/images/home/light/support.png" className="block dark:hidden" alt="Support" />
    <img src="/images/home/dark/support.png" className="hidden dark:block" alt="Support" />
  </HeroCard>
</div>