import type { Metadata } from "next";
import Image from "next/image";
import BrushStroke from "@/components/ui/BrushStroke";
import { ChevronDownIcon } from "@/components/ui/icons";
import { siteConfig } from "@/lib/site-config";

export const metadata: Metadata = {
  title: "Karate für Kinder ab 8 Jahren",
  description:
    "Karate für Kinder ab 8 Jahren über den Partnerverein Karate Kai Aadorf: Konzentration, Respekt und Selbstsicherheit.",
};

// Reale Lerninhalte aus karate-aadorf.ch/kinder-karate (Partnerverein).
const learnPoints = [
  {
    title: "Konzentration",
    text: "Kinder lernen, sich besser zu konzentrieren — eine Fähigkeit, die weit über die Matte hinaus wirkt.",
  },
  {
    title: "Körperhaltung & Beweglichkeit",
    text: "Eine gesunde Körperhaltung und Beweglichkeit werden von klein auf trainiert.",
  },
  {
    title: "Respektvoller Umgang",
    text: "Verantwortungsbewusste Jugendliche, die sich und anderen mit Respekt begegnen — statt kleiner Schläger.",
  },
  {
    title: "Selbstsicherheit",
    text: "Siegen und vor allem Verlieren lernen, ohne grosse Emotionen — sich im Griff haben.",
  },
];

const faq = [
  {
    q: "Ab welchem Alter kann mein Kind mit Karate beginnen?",
    a: "Im Partnerverein Karate Kai Aadorf starten Kinder ab 8 Jahren. In diesem Alter haben sie die Ausdauer und Geduld, sich ernsthaft mit den Techniken zu beschäftigen, ohne dass der Spass an der Bewegung zu kurz kommt.",
  },
  {
    q: "Wo und wann findet Kinder-Karate statt?",
    a: "Kinder-Karate findet über Karate Kai Aadorf statt: Dienstag in der Löhracker Turnhalle (Schützenstrasse 42, Aadorf) und Donnerstag in der Turnhalle Schulstrasse, Aadorf. Details und aktuelle Zeiten unter karate-aadorf.ch.",
  },
  {
    q: "Was braucht mein Kind für das erste Training?",
    a: "Für den Anfang reichen bequeme Sportkleidung und etwas zu trinken. Ein Karateanzug wird erst nötig, wenn dein Kind regelmässig dabeibleiben möchte.",
  },
  {
    q: "Ist Karate für Kinder aggressiv?",
    a: "Im Gegenteil: Ziel ist nicht, kleine Schläger heranzubilden, sondern verantwortungsbewusste Jugendliche, die sich und anderen mit Respekt begegnen und sich nur dann bewusst wehren, wenn es wirklich nötig ist.",
  },
];

export default function KinderKaratePage() {
  return (
    <div className="mx-auto max-w-content px-6 py-section">
      <h1 className="font-display text-section-title leading-tight text-secondary">Karate für Kinder</h1>
      <p className="mt-2 font-accent text-xl italic text-gray-700">
        Bewegung, Konzentration und Selbstsicherheit — ab 8 Jahren, über {siteConfig.partnerClub.name}.
      </p>
      <BrushStroke />

      <p className="max-w-2xl text-base leading-relaxed text-gray-700">
        Kinder haben meist noch nicht die Ausdauer und Geduld, sich intensiv mit dem Erlernen der Techniken zu
        beschäftigen — für sie steht der Drang nach Bewegung und Spass im Vordergrund. Dennoch sollten auch Kinder
        mit einer gewissen Ernsthaftigkeit an Karate herangeführt werden: Es ist schliesslich nicht einfach ein
        weiterer Sport, sondern eine Kampfkunst. Wir verbinden die Freude an Bewegung mit Karate als
        Selbstverteidigung.
      </p>

      <div className="mt-8 max-w-2xl overflow-hidden rounded-lg">
        <Image
          src="/images/club/aadorf-banner.jpg"
          alt="Karate Kai Aadorf — Kampfsport für jedes Alter"
          width={1024}
          height={240}
          className="h-auto w-full object-cover"
        />
      </div>

      <div className="mt-10 grid gap-6 sm:grid-cols-2">
        {learnPoints.map((p) => (
          <div key={p.title} className="rounded-lg border border-gray-200 bg-white p-6">
            <h3 className="font-display text-xl text-primary">{p.title}</h3>
            <p className="mt-2 text-sm leading-relaxed text-gray-700">{p.text}</p>
          </div>
        ))}
      </div>

      <div className="mt-10 max-w-2xl rounded-lg border border-accent/30 bg-accent/10 p-6 text-sm leading-relaxed text-secondary">
        {siteConfig.partnerClub.note} Kontakt und aktuelle Trainingszeiten findest du direkt bei{" "}
        <a href={siteConfig.partnerClub.url} target="_blank" rel="noopener noreferrer" className="underline hover:text-primary">
          karate-aadorf.ch
        </a>
        .
      </div>

      <h2 className="mt-16 font-display text-2xl text-secondary">Häufige Fragen von Eltern</h2>
      <div className="mt-4 max-w-2xl divide-y divide-gray-200 border-y border-gray-200">
        {faq.map((item) => (
          <details key={item.q} className="group py-4">
            <summary className="flex cursor-pointer list-none items-center justify-between gap-4 font-medium text-secondary">
              {item.q}
              <ChevronDownIcon className="h-5 w-5 shrink-0 text-primary transition-transform duration-fast group-open:rotate-180" />
            </summary>
            <p className="mt-3 text-sm leading-relaxed text-gray-700">{item.a}</p>
          </details>
        ))}
      </div>
    </div>
  );
}