import { ButtonLink, Container } from "@/src/components/site";

export const FinalCta: React.FC = () => (
  <section className="py-16 md:py-24">
    <Container>
      <h2 className="!mb-4 !mt-0 !text-3xl !leading-tight md:!text-4xl">
        Tell me what you are building
      </h2>
      <p className="!mb-8 max-w-xl text-base text-muted md:text-lg">
        A 20 minute call is enough to see whether a capacity block fits.
      </p>
      <div className="flex flex-col gap-3 sm:flex-row">
        <ButtonLink href="/book">Book a 20 min call</ButtonLink>
        <ButtonLink href="/notes" variant="secondary">
          Read the notes
        </ButtonLink>
      </div>
    </Container>
  </section>
);