CTA

import { Button } from "@/components/ui/button"

export default function CTA01() {
  return (
    <section className="w-full py-20 md:py-28">
      <div className="mx-auto max-w-6xl px-6">
        <div className="flex flex-col items-center gap-6 rounded-2xl bg-muted/50 px-8 py-16 text-center md:px-16">
          <h2 className="text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
            Ready to get started?
          </h2>
          <p className="max-w-xl text-lg text-muted-foreground">
            Join thousands of teams already using our platform to ship
            better products faster. No credit card required for the free
            trial.
          </p>
          <Button size="lg">Start Your Free Trial</Button>
        </div>
      </div>
    </section>
  )
}

import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"

export default function CTA02() {
  return (
    <section className="w-full py-20 md:py-28">
      <div className="mx-auto max-w-6xl px-6">
        <div className="flex flex-col items-center justify-between gap-8 rounded-2xl border border-border bg-card px-8 py-12 md:flex-row md:px-12">
          <div className="flex max-w-lg flex-col gap-3">
            <h2 className="text-2xl font-bold tracking-tight text-foreground sm:text-3xl">
              Stay in the loop
            </h2>
            <p className="text-muted-foreground">
              Subscribe to our newsletter for product updates, tips, and
              exclusive content delivered straight to your inbox.
            </p>
          </div>
          <form className="flex w-full max-w-sm gap-2">
            <Input
              type="email"
              placeholder="Enter your email"
              className="flex-1"
            />
            <Button type="submit">Subscribe</Button>
          </form>
        </div>
      </div>
    </section>
  )
}