export const CTA = () => (
  <section className='container mx-auto px-4 py-24'>
    <div className='mx-auto max-w-4xl'>
      <div className='border-border/40 from-muted/50 to-muted/30 rounded-2xl border bg-linear-to-br p-8 text-center md:p-12'>
        <h2 className='mb-4 text-3xl font-bold tracking-tight sm:text-4xl'>
          Ready to Build Something Amazing?
        </h2>
        <p className='text-muted-foreground mb-8 text-lg'>
          Clone the repository and start building your next project with
          everything pre-configured.
        </p>

        <div className='mt-12'>
          <p className='text-muted-foreground mb-3 text-sm font-medium'>
            Quick Start
          </p>
          <div className='border-border/40 bg-background mx-auto max-w-2xl rounded-lg border p-4'>
            <code className='text-sm'>
              git clone https://git.gbrown.org/gib/convex-monorepo.git
              <br />
              cd convex-monorepo
              <br />
              bun i
            </code>
          </div>
        </div>
      </div>
    </div>
  </section>
);
