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>
  );
}
