import type { Metadata } from "next";
import BrushStroke from "@/components/ui/BrushStroke";
import PricingCard from "@/components/ui/PricingCard";
import { getPricingTiers } from "@/lib/data";

export const metadata: Metadata = {
  title: "Mitgliedschaft & Preise",
  description: "Faire Beiträge im JKA-Karateclub Arbon: Anfängerkurs ab CHF 100.—, Jahresmitgliedschaft CHF 200.—.",
};

export default async function PreisePage() {
  const tiers = await getPricingTiers();

  return (
    <div className="mx-auto max-w-content px-6 py-section">
      <h1 className="font-display text-section-title leading-tight text-secondary">Mitgliedschaft &amp; Preise</h1>
      <BrushStroke />
      <p className="max-w-2xl text-base leading-relaxed text-gray-700">
        Faire Beiträge, keine versteckten Kosten. Wer Karate erst einmal ausprobieren möchte, startet am besten mit
        dem Anfängerkurs — die Jahresmitgliedschaft folgt erst, wenn du dabeibleiben möchtest.
      </p>

      <div className="mt-10 grid gap-6 md:grid-cols-2 md:max-w-3xl">
        {tiers.map((tier) => (
          <PricingCard key={tier.id} tier={tier} />
        ))}
      </div>

      <p className="mt-8 max-w-2xl text-sm text-gray-700">
        Bezahlt wird vor Ort — bar, per Twint oder per Banküberweisung. Alle externen Trainings (in oder mit anderen
        Clubs) gehen auf eigene Kosten und sind freiwillig. Karate-Gi, Gurt und Karateausweis kosten für Einsteiger
        einmalig ca. CHF 150.—.
      </p>
    </div>
  );
}