24 lines
820 B
TypeScript
24 lines
820 B
TypeScript
import Link from "next/link";
|
|
import type { CTABlockValue } from "@/types/wagtail";
|
|
|
|
export default function CTA({ value }: { value: CTABlockValue }) {
|
|
return (
|
|
<section className="py-32">
|
|
<div className="mx-auto max-w-6xl px-6">
|
|
<div className="rounded-[40px] bg-gradient-to-r from-blue-600 to-cyan-500 p-20 text-center text-white">
|
|
<h2 className="mb-6 text-4xl font-bold">{value.heading}</h2>
|
|
{value.description && (
|
|
<p className="mb-10 text-xl text-blue-100">{value.description}</p>
|
|
)}
|
|
<Link
|
|
href={value.button.link}
|
|
className="inline-block rounded-2xl bg-white px-10 py-4 text-lg font-semibold text-primary"
|
|
>
|
|
{value.button.text}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|