import type { Metadata } from "next";
import Link from "next/link";
import DiceRoller from "@/components/tools/dice-roller";
import SubpageLayout from "@/components/subpage-layout";

const SITE_URL = "https://entscheidomat.com";
const PAGE_URL = `${SITE_URL}/wuerfel-online`;
const PAGE_TITLE = "Würfel online – virtuellen 6-seitigen Würfel werfen";
const PAGE_DESCRIPTION =
  "Würfel online direkt im Browser: mit klassischen Augen oder eigenen Texten auf sechs Seiten würfeln. Kostenlos, ohne Anmeldung und sofort nutzbar.";
const UPDATED = "23. Juli 2026";

export const metadata: Metadata = {
  title: PAGE_TITLE,
  description: PAGE_DESCRIPTION,
  alternates: { canonical: "/wuerfel-online" },
  openGraph: { type: "website", locale: "de_DE", siteName: "Entscheidomat", title: PAGE_TITLE, description: PAGE_DESCRIPTION, url: PAGE_URL, images: ["/opengraph-image"] },
  twitter: { card: "summary_large_image", title: PAGE_TITLE, description: PAGE_DESCRIPTION, images: ["/twitter-image"] },
};

const FAQS = [
  {
    q: "Wie entsteht das Ergebnis beim Online-Würfel?",
    a: "Bei jedem Wurf erzeugt das Tool im Browser einen neuen Zufallswert und zeigt eine Würfelseite an. Der Online-Würfel ist für Spiele und spielerische Alltagsentscheidungen gedacht, nicht für verbindliche oder sicherheitskritische Zwecke.",
  },
  {
    q: "Kann ich eigene Texte statt Zahlen verwenden?",
    a: "Ja, im Modus „Eigene Texte“ kannst du bis zu 18 Zeichen pro Würfelseite eintragen – z. B. für Aufgaben oder Optionen.",
  },
  {
    q: "Werden meine eigenen Würfeltexte gespeichert?",
    a: "Ja, lokal im Browser (localStorage). Sie werden nicht an einen Server übertragen und bleiben beim nächsten Besuch erhalten.",
  },
  {
    q: "Kann ich mehrere Würfel gleichzeitig werfen?",
    a: "Aktuell simuliert das Tool einen Würfel pro Wurf. Für mehrere Würfe einfach mehrfach hintereinander würfeln.",
  },
  {
    q: "Funktioniert der Würfel auch auf dem Smartphone?",
    a: "Ja, das Tool ist vollständig responsiv und funktioniert auf Smartphone, Tablet und Desktop.",
  },
  {
    q: "Wie wahrscheinlich ist jede Seite beim Online-Würfel?",
    a: "Bei einem klassischen sechsseitigen Würfel hat jede Zahl von 1 bis 6 bei jedem einzelnen Wurf die gleiche Chance von einem Sechstel. Ein Wurf beeinflusst den nächsten nicht.",
  },
  {
    q: "Wann nutze ich einen Würfel statt Glücksrad oder Ja-Nein-Generator?",
    a: "Der Würfel passt für bis zu sechs gleichwertige Optionen, für Brettspiele oder für eigene Aufgaben auf sechs Seiten. Bei zwei Optionen ist der Ja-Nein-Generator schneller; bei mehr als sechs Optionen bietet das Glücksrad mehr Platz und Übersicht.",
  },
];

const jsonLd = {
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "BreadcrumbList",
      itemListElement: [
        { "@type": "ListItem", position: 1, name: "Entscheidomat", item: SITE_URL },
        { "@type": "ListItem", position: 2, name: "Würfel Online", item: PAGE_URL },
      ],
    },
    {
      "@type": "WebApplication",
      name: "Würfel Online",
      url: PAGE_URL,
      description: PAGE_DESCRIPTION,
      applicationCategory: "UtilitiesApplication",
      operatingSystem: "Any (Web-Browser)",
      isPartOf: { "@id": `${SITE_URL}/#website` },
      offers: { "@type": "Offer", price: "0", priceCurrency: "EUR" },
    },
    {
      "@type": "FAQPage",
      mainEntity: FAQS.map((f) => ({
        "@type": "Question",
        name: f.q,
        acceptedAnswer: { "@type": "Answer", text: f.a },
      })),
    },
  ],
};

const STEPS = [
  "Wähle zwischen „Zahlen 1–6“ oder „Eigene Texte“.",
  "Bei eigenen Texten: trage bis zu 18 Zeichen pro Seite ein.",
  "Tippe auf „Würfeln!“ – der Würfel dreht sich in 3D und landet auf einer Seite.",
  "Das Ergebnis erscheint direkt darunter.",
];

const EXAMPLES = [
  "„Welche Aufgabe mache ich zuerst?“ (6 Aufgaben als eigene Texte)",
  "Ersatzwürfel für Brett- und Gesellschaftsspiele",
  "Zufallsentscheidung zwischen 6 gleichwertigen Optionen",
];

const VORTEILE = (
  <p>
    Praktisch als Ersatz für einen echten Würfel, jederzeit griffbereit im Browser.
    Für mehr als 6 Optionen eignet sich eher das{" "}
    <Link href="/gluecksrad" className="text-[#c97d60] font-medium hover:underline underline-offset-2">
      Glücksrad
    </Link>{" "}
    oder die Listen-Auswahl.
  </p>
);

const ADDITIONAL_CONTENT = (
  <article className="space-y-4 text-base leading-relaxed text-ink-soft">
    <h2 className="font-display text-2xl sm:text-3xl font-semibold text-ink">
      Online würfeln: Zufallszahl, Spielhilfe oder sechs Optionen wählen
    </h2>
    <p>
      Ein Online-Würfel simuliert einen klassischen sechsseitigen Würfel direkt im
      Browser. Bei jedem Wurf erzeugt das Tool einen neuen browserbasierten Zufallswert und
      wählt damit eine Zahl von 1 bis 6 aus. Das macht den virtuellen
      Würfel zu einem praktischen Ersatz, wenn kein echter Würfel zur Hand ist – etwa
      bei Brettspielen, unterwegs oder beim spontanen Entscheiden in einer Gruppe.
    </p>
    <p>
      Besonders flexibel wird der Würfel mit eigenen Texten. Statt Zahlen kannst du
      sechs Aufgaben, Aktivitäten oder Namen eintragen und eine Option auslosen:
      „kochen“, „aufräumen“, „spazieren“, „spielen“, „lesen“ oder „Pause“. Für eine
      gleich behandelte Auswahl sollte jeder Eintrag nur auf einer Seite stehen. Sind die Optionen
      unterschiedlich wichtig oder sollen manche öfter vorkommen, bildet ein einfacher
      Würfel diese Gewichtung nicht ab. Dann solltest du die Auswahl vorher bewusst
      festlegen statt ein zufälliges Ergebnis als objektiv zu behandeln.
    </p>
    <p>
      Der Würfel eignet sich am besten für bis zu sechs gleichwertige Möglichkeiten.
      Für genau zwei Antworten liefern der Ja-Nein-Generator oder ein Münzwurf ein
      klareres Ergebnis. Für sieben bis zwölf Optionen ist ein Glücksrad besser
      lesbar, und für lange Namenslisten hilft die Namen-Auslosung. Wie bei allen
      Zufallstools gilt: Für Spiele und kleine Alltagsfragen ist der Würfel ideal;
      Entscheidungen mit gesundheitlichen, rechtlichen oder finanziellen Folgen
      solltest du nicht an einen Zufallswert delegieren.
    </p>
  </article>
);

export default function WuerfelOnlinePage() {
  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(jsonLd).replace(/</g, "\\u003c"),
        }}
      />
      <SubpageLayout
        toolSlug="wuerfel-online"
        toolName="Würfel Online"
        h1Title="Würfel online werfen – dein virtueller 6-seitiger Würfel"
        introText="Der virtuelle Würfel simuliert einen echten 6-seitigen Würfel direkt im Browser. Wähle zwischen klassischen Würfelaugen oder eigenen Texten auf den sechs Seiten und würfle mit einem Klick – kostenlos und ohne Anmeldung."
        steps={STEPS}
        examples={EXAMPLES}
        vorteileText={VORTEILE}
        additionalContent={ADDITIONAL_CONTENT}
        faqs={FAQS}
        updatedDate={UPDATED}
      >
        <DiceRoller />
      </SubpageLayout>
    </>
  );
}
