39 lines
983 B
TypeScript
39 lines
983 B
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { motion } from "framer-motion";
|
|
|
|
type LegalContentCardProps = {
|
|
title: string;
|
|
content: string;
|
|
backHref?: string;
|
|
backLabel?: string;
|
|
};
|
|
|
|
export function LegalContentCard({
|
|
title,
|
|
content,
|
|
backHref = "/buchen",
|
|
backLabel = "Zurück zur Buchung"
|
|
}: LegalContentCardProps) {
|
|
return (
|
|
<motion.article
|
|
className="rounded-2xl border border-slate-200 bg-white p-6 lg:p-8 space-y-5"
|
|
initial={{ opacity: 0, y: 16 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.22, ease: [0.22, 1, 0.36, 1] }}
|
|
>
|
|
<h1 className="text-2xl font-bold text-slate-900">{title}</h1>
|
|
<div className="whitespace-pre-wrap text-sm text-slate-700 leading-relaxed">
|
|
{content}
|
|
</div>
|
|
<Link
|
|
href={backHref}
|
|
className="inline-flex text-sm font-medium text-indigo-600 hover:text-indigo-700"
|
|
>
|
|
{backLabel}
|
|
</Link>
|
|
</motion.article>
|
|
);
|
|
}
|