36 lines
1.6 KiB
TypeScript
36 lines
1.6 KiB
TypeScript
|
import Link from "next/link";
|
||
|
|
import { ArrowRight } from "lucide-react";
|
||
|
|
|
||
|
|
import { Reveal } from "@/components/marketing/reveal";
|
||
|
|
|
||
|
|
export function CtaSection() {
|
||
|
|
return (
|
||
|
|
<section className="border-b border-border bg-[hsl(var(--hero))] py-20 text-[hsl(var(--hero-foreground))] sm:py-28">
|
||
|
|
<div className="mx-auto max-w-6xl px-4 sm:px-6">
|
||
|
|
<Reveal className="mx-auto max-w-3xl text-center">
|
||
|
|
<p className="font-mono-brand text-[11px] uppercase tracking-[0.25em] text-[hsl(var(--hero-muted))]">---</p>
|
||
|
|
<h2 className="mt-6 font-display text-5xl font-extrabold tracking-[0.12em] sm:text-7xl">SBMTR</h2>
|
||
|
|
<p className="mx-auto mt-6 max-w-lg font-marketing text-lg text-[hsl(var(--hero-muted))]">
|
||
|
|
Subagents. Frontmatter. One workspace. Open Monday morning in Submatter — not a demo shell.
|
||
|
|
</p>
|
||
|
|
<div className="mt-10 flex flex-wrap items-center justify-center gap-6">
|
||
|
|
<Link
|
||
|
|
href="/sign-up"
|
||
|
|
className="group inline-flex items-center gap-2 border-b-2 border-[hsl(var(--matter))] pb-1 font-marketing text-sm font-medium transition-colors hover:text-[hsl(var(--matter))]"
|
||
|
|
>
|
||
|
|
Start free
|
||
|
|
<ArrowRight className="size-4 transition-transform group-hover:translate-x-0.5" aria-hidden />
|
||
|
|
</Link>
|
||
|
|
<Link
|
||
|
|
href="/landing/pricing"
|
||
|
|
className="font-marketing text-sm text-[hsl(var(--hero-muted))] transition-colors hover:text-[hsl(var(--hero-foreground))]"
|
||
|
|
>
|
||
|
|
View pricing
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
</Reveal>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
}
|