---
import CTASection from '@/components/ui/marketing/CTA/CTA.astro';
import Button from '@/components/ui/form/Button/Button.astro';
import Icon from '@/components/ui/primitives/Icon/Icon.astro';
import Logo from '@/components/ui/marketing/Logo/Logo.astro';
import NpmCopyButton from '@/components/ui/marketing/NpmCopyButton/NpmCopyButton.astro';
---

<CTASection id="cta" variant="default" size="xl" maxWidth="lg">
  <Logo slot="logo" size="2xl" class="mx-auto" />

  <h2 slot="heading">
    Stop configuring. <span class="text-brand-500">Start building.</span>
  </h2>

  <p slot="description">
    Join the developers building faster, better websites with Astro Rocket. Open source and free forever.
  </p>

  <Fragment slot="actions">
    <NpmCopyButton command="npm create astro@latest" />
    <Button variant="outline" size="lg" href="https://github.com/hansmartens68/Astro-Rocket#readme" target="_blank">
      <Icon name="book" size="md" />
      View docs
    </Button>
  </Fragment>
</CTASection>