import type { Metadata } from "next";
import Link from "next/link";
import CoinFlip from "@/components/tools/coin-flip";
import SubpageLayout from "@/components/subpage-layout";

const SITE_URL = "https://entscheidomat.com";
const PAGE_URL = `${SITE_URL}/muenze-werfen`;
const PAGE_TITLE = "Münze werfen online – Kopf oder Zahl entscheiden";
const PAGE_DESCRIPTION =
  "Münze online werfen: Die Online-Münze simuliert Kopf oder Zahl mit 3D-Animation und frei beschriftbaren Seiten. Kostenlos und ohne Anmeldung.";
const UPDATED = "23. Juli 2026";

export const metadata: Metadata = {
  title: PAGE_TITLE,
  description: PAGE_DESCRIPTION,
  alternates: { canonical: "/muenze-werfen" },
  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-Münzwurf?",
    a: "Bei jedem Wurf erzeugt das Tool im Browser einen neuen Zufallswert und zeigt eine der beiden Seiten an. Der Münzwurf ist für spielerische Alltagsentscheidungen gedacht, nicht für verbindliche oder sicherheitskritische Zwecke.",
  },
  {
    q: "Kann ich die Seiten der Münze umbenennen?",
    a: "Ja, du kannst beliebige Texte statt „Kopf“ und „Zahl“ verwenden, z. B. „Ja“/„Nein“ oder „Ich“/„Du“ (bis 14 Zeichen pro Seite).",
  },
  {
    q: "Wird mein Wurfverlauf gespeichert?",
    a: "Der Verlauf der letzten 10 Würfe wird nur während der aktuellen Sitzung angezeigt. Deine Beschriftungen selbst bleiben dauerhaft lokal im Browser gespeichert.",
  },
  {
    q: "Funktioniert der Münzwurf auch ohne Ton?",
    a: "Ja, Sound ist optional und über den Lautsprecher-Button in der Navigation jederzeit abschaltbar.",
  },
  {
    q: "Ersetzt der Münzwurf eine wichtige Entscheidung?",
    a: "Nein. Er ist für spielerische Alltagsentscheidungen gedacht – nicht für wichtige persönliche, finanzielle oder rechtliche Entscheidungen.",
  },
];

const jsonLd = {
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "BreadcrumbList",
      itemListElement: [
        { "@type": "ListItem", position: 1, name: "Entscheidomat", item: SITE_URL },
        { "@type": "ListItem", position: 2, name: "Münze werfen", item: PAGE_URL },
      ],
    },
    {
      "@type": "WebApplication",
      name: "Münze werfen",
      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 = [
  "Passe optional die Beschriftung von Vorder- und Rückseite an (bis 14 Zeichen).",
  "Tippe auf die Münze oder den Button „Münze werfen“.",
  "Die Münze dreht sich in 3D und landet zufällig auf einer Seite.",
  "Das Ergebnis erscheint direkt darunter, der Verlauf zeigt die letzten 10 Würfe.",
];

const EXAMPLES = [
  "„Wer beginnt das Spiel?“",
  "„Kino oder Couch?“",
  "Klassisches Kopf-oder-Zahl bei Alltagsentscheidungen",
];

const VORTEILE = (
  <p>
    Schnell und unkompliziert für binäre Entscheidungen, die freie Beschriftung macht
    die Münze vielseitig einsetzbar. Für Entscheidungen mit mehr als zwei Optionen eignet sich eher das{" "}
    <Link href="/gluecksrad" className="text-[#c97d60] font-medium hover:underline underline-offset-2">
      Glücksrad
    </Link>{" "}
    oder der{" "}
    <Link href="/wuerfel-online" className="text-[#c97d60] font-medium hover:underline underline-offset-2">
      Würfel
    </Link>
    .
  </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">
      Münze online werfen oder Ja-Nein-Generator?
    </h2>
    <p>
      Beide Tools helfen bei einer Entscheidung zwischen zwei gleichwertigen Optionen. Wenn
      du klassisch Kopf oder Zahl wählen oder die beiden Seiten selbst beschriften möchtest,
      passt die Online-Münze. Für eine formulierte Frage mit einer direkten Antwort eignet
      sich der <Link href="/ja-nein-generator" className="text-[#c97d60] font-medium hover:underline underline-offset-2">Ja-Nein-Generator</Link> besser.
    </p>
    <h2 className="font-display text-2xl sm:text-3xl font-semibold text-ink">
      Für welche Entscheidungen eignet sich ein Münzwurf?
    </h2>
    <p>
      Einen Münzwurf kannst du nutzen, um eine kleine Pattsituation aufzulösen: Wer beginnt,
      Kino oder Couch, bestellen oder kochen. Bei mehr als zwei Optionen ist ein
      <Link href="/gluecksrad" className="text-[#c97d60] font-medium hover:underline underline-offset-2"> Glücksrad</Link> übersichtlicher. Für wichtige persönliche, finanzielle, rechtliche oder gesundheitliche Entscheidungen sollte Zufall keine Grundlage sein.
    </p>
  </article>
);

export default function MuenzeWerfenPage() {
  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(jsonLd).replace(/</g, "\\u003c"),
        }}
      />
      <SubpageLayout
        toolSlug="muenze-werfen"
        toolName="Münze werfen"
        h1Title="Münze werfen online – Kopf oder Zahl entscheiden"
        introText="Wirf eine Münze online und entscheide zwischen Kopf oder Zahl. Beschrifte beide Seiten frei, starte den Münzwurf per Klick und erhalte sofort ein zufälliges Ergebnis – kostenlos und ohne Anmeldung."
        steps={STEPS}
        examples={EXAMPLES}
        vorteileText={VORTEILE}
        additionalContent={ADDITIONAL_CONTENT}
        faqs={FAQS}
        updatedDate={UPDATED}
      >
        <CoinFlip />
      </SubpageLayout>
    </>
  );
}
