CTA Minimal

import Link from "next/link";
import { ArrowRight } from "lucide-react";

export default function CtaMinimal() {
  return (
    <section className="border-y border-border/60 bg-background">
      <div className="mx-auto w-full max-w-3xl px-6 py-16 text-center sm:py-20">
        <h2 className="text-2xl font-semibold tracking-tight text-balance sm:text-3xl">
          Your first deploy is five minutes away
        </h2>
        <Link
          href="#"
          className="group mt-5 inline-flex items-center gap-2 text-sm font-medium underline-offset-4 hover:underline"
        >
          Start the tutorial
          <ArrowRight className="size-4 transition-transform group-hover:translate-x-0.5 motion-reduce:transition-none" />
        </Link>
      </div>
    </section>
  );
}