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

export default function HeroMinimal() {
  return (
    <section className="mx-auto max-w-2xl px-6 py-28 text-center">
      <h1 className="text-4xl leading-[1.1] font-semibold tracking-tight sm:text-5xl">
        Ship the thing you actually meant to ship
      </h1>

      <p className="mx-auto mt-6 max-w-lg text-base leading-relaxed text-muted">
        Acme takes the deploy, the rollback and the postmortem off your plate
        so the change you wrote this morning is live before lunch.
      </p>

      <div className="mt-9 flex justify-center">
        <Button size="lg">Start free</Button>
      </div>

      <p className="mt-4 font-mono text-xs text-muted">
        No card. No sales call. Cancel by deleting the project.
      </p>
    </section>
  )
}