Pricing Simple

import Link from "next/link";

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

export default function PricingSimple() {
  return (
    <section className="bg-background">
      <div className="mx-auto w-full max-w-2xl px-6 py-20 text-center sm:py-24">
        <h2 className="text-2xl font-semibold tracking-tight text-balance sm:text-3xl">
          Simple, honest pricing
        </h2>
        <p className="mt-2 text-muted-foreground">
          Everything included. Cancel anytime.
        </p>
        <div className="mt-8 flex items-baseline justify-center gap-2">
          <span className="text-6xl font-semibold tracking-tight tabular-nums">
            $12
          </span>
          <span className="font-mono text-sm text-muted-foreground">
            / month
          </span>
        </div>
        <Button size="lg" className="mt-8" render={<Link href="#" />}>
          Start your free trial
        </Button>
        <p className="mt-4 text-sm text-muted-foreground">
          14 days free. No credit card required.
        </p>
      </div>
    </section>
  );
}