import type { Metadata } from "next";
import TrainingTable from "@/components/ui/TrainingTable";
import BrushStroke from "@/components/ui/BrushStroke";
import { getTrainingSessions } from "@/lib/data";
import { siteConfig } from "@/lib/site-config";

export const metadata: Metadata = {
  title: "Trainingszeiten & Gruppen",
  description:
    "Trainingszeiten des JKA-Karateclub Arbon: Montag, Mittwoch und Freitag, 19:00–20:30 Uhr, für Jugendliche und Erwachsene.",
};

export default async function TrainingszeitenPage() {
  const sessions = await getTrainingSessions();

  return (
    <div className="mx-auto max-w-content px-6 py-section">
      <h1 className="font-display text-section-title leading-tight text-secondary">Trainingszeiten &amp; Gruppen</h1>
      <BrushStroke />
      <p className="max-w-2xl text-base leading-relaxed text-gray-700">
        Wir trainieren dreimal wöchentlich in {siteConfig.address.building} in Arbon — für Jugendliche und
        Erwachsene. Neueinsteiger sind mit dem Anfängerkurs jederzeit willkommen.
      </p>

      <div className="mt-10 max-w-2xl">
        <TrainingTable sessions={sessions} />
      </div>

      <div className="mt-6 max-w-2xl rounded-lg border border-accent/30 bg-accent/10 p-5 text-sm text-secondary">
        Nicht sicher, ob Karate das Richtige für dich ist? Schreib uns kurz oder komm einfach zu einem Training
        vorbei — {siteConfig.sensei.name} ordnet dich vor Ort passend ein.
      </div>

      <p className="mt-6 text-sm text-gray-700">
        Kinder-Karate (ab 8 Jahren) findet über {siteConfig.partnerClub.name} in Aadorf statt, Dienstag und
        Donnerstag — siehe{" "}
        <a href={siteConfig.partnerClub.url} target="_blank" rel="noopener noreferrer" className="underline hover:text-primary">
          karate-aadorf.ch
        </a>
        .
      </p>
    </div>
  );
}