Initial commit: spreewaldzeit + Dockerfile for Coolify (Next.js + Prisma/SQLite)

components/home/About.tsx

@@ -0,0 +1,53 @@
+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>
+  );
+}