Initialisieren

components/direct-answer.tsx

@@ -0,0 +1,21 @@
+export default function DirectAnswer() {
+  return (
+    <section className="relative py-4 sm:py-8">
+      <div className="mx-auto w-full max-w-3xl px-5 sm:px-8">
+        <div className="rounded-3xl border border-line bg-surface/80 p-7 text-center shadow-soft sm:p-9">
+          <h2 className="font-display text-xl font-semibold tracking-tight text-ink">
+            Was ist Entscheidomat?
+          </h2>
+          <p className="mt-3 text-base leading-relaxed text-ink-soft">
+            Entscheidomat ist ein kostenloser Zufallsgenerator und eine
+            digitale Entscheidungshilfe. Du kannst online eine Münze werfen,
+            ein Glücksrad drehen, würfeln, eine Zufallszahl erzeugen, den
+            Magic 8-Ball fragen, eine eigene Liste auslosen oder den
+            Ja-Nein-Generator befragen – ganz ohne Anmeldung und direkt im
+            Browser.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}