54 lines
2.4 KiB
TypeScript
54 lines
2.4 KiB
TypeScript
export function About() {
|
|
return (
|
|
<section className="py-20 md:py-28 border-t border-ink/10">
|
|
<div className="container">
|
|
{/* Stats row */}
|
|
<div className="grid grid-cols-3 gap-4 md:gap-0 md:divide-x divide-ink/10 border border-ink/10 rounded-sm mb-16 md:mb-20">
|
|
{[
|
|
{ value: "2", label: "Ferienwohnungen" },
|
|
{ value: "400 km", label: "Radwege ringsum" },
|
|
{ value: "90 min", label: "ab Berlin" },
|
|
].map((s) => (
|
|
<div key={s.label} className="px-4 py-5 md:px-10 md:py-7 text-center">
|
|
<div className="font-display text-2xl md:text-4xl leading-none text-moss-700 mb-1">{s.value}</div>
|
|
<div className="text-[10px] md:text-xs text-ink/50 uppercase tracking-[0.12em] md:tracking-[0.15em]">{s.label}</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
{/* Editorial text block */}
|
|
<div className="grid md:grid-cols-12 gap-10 md:gap-16">
|
|
<div className="md:col-span-4">
|
|
<div className="eyebrow mb-4">Über uns</div>
|
|
<h2 className="font-display text-display-md">
|
|
Zwei Häuser,<br />
|
|
<span className="italic text-moss-600">eine Haltung.</span>
|
|
</h2>
|
|
</div>
|
|
|
|
<div className="md:col-span-7 md:col-start-6 space-y-6 text-ink/80 leading-relaxed">
|
|
<p className="text-lg">
|
|
Wir vermieten keine Hotelzimmer und führen keine Rezeption. Was wir anbieten,
|
|
sind zwei Wohnungen, die wir selbst bewohnen würden — und manchmal tun.
|
|
</p>
|
|
<p>
|
|
Kahnblick liegt am Hafen von Lübbenau, Erlenhof steht unter den alten Bäumen
|
|
in Burg. Beide sind verschieden, beide sind still. Beide sind gedacht für
|
|
Menschen, die lieber einen Tag länger bleiben als einen schneller weiter.
|
|
</p>
|
|
<figure className="pt-6 border-t border-ink/10 mt-10">
|
|
<blockquote className="font-display text-2xl md:text-3xl leading-tight italic text-moss-700">
|
|
„Wir glauben, dass ein gutes Frühstück länger dauern darf als eine
|
|
Vorstandssitzung."
|
|
</blockquote>
|
|
<figcaption className="mt-4 text-sm text-ink/55">
|
|
— Familie Musterfrau, Gastgeber
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|