44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { Button } from "@/components/Button";
|
|
import { Container } from "@/components/Section";
|
|
|
|
type CTAProps = {
|
|
title: string;
|
|
lead?: string;
|
|
primaryHref?: string;
|
|
primaryLabel?: string;
|
|
secondaryHref?: string;
|
|
secondaryLabel?: string;
|
|
};
|
|
|
|
export function CTA({
|
|
title,
|
|
lead,
|
|
primaryHref = "/termin-buchen",
|
|
primaryLabel = "Termin buchen",
|
|
secondaryHref = "/kontakt",
|
|
secondaryLabel = "Kontakt aufnehmen",
|
|
}: CTAProps) {
|
|
return (
|
|
<section className="border-y border-anouma-cream-light/15 bg-anouma-mauve-dark py-16 text-anouma-cream-light sm:py-20">
|
|
<Container className="relative text-center">
|
|
<h2 className="mx-auto max-w-2xl text-balance font-serif text-4xl font-medium leading-tight sm:text-5xl">
|
|
{title}
|
|
</h2>
|
|
{lead && (
|
|
<p className="mx-auto mt-5 max-w-xl text-lg leading-relaxed text-anouma-cream-light/85">
|
|
{lead}
|
|
</p>
|
|
)}
|
|
<div className="mt-9 flex flex-wrap items-center justify-center gap-4">
|
|
<Button href={primaryHref} variant="invert">
|
|
{primaryLabel}
|
|
</Button>
|
|
<Button href={secondaryHref} variant="invertOutline">
|
|
{secondaryLabel}
|
|
</Button>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|