import { cookies, headers } from 'next/headers'
import { getDictionary, getInitialLocale } from '@/lib/i18n'
export default async function ServicesPage() {
  const cookieStore = cookies()
  const hdrs = headers()
  const locale = getInitialLocale(cookieStore, hdrs)
  const dict = await getDictionary(locale)
  return (
    <section className="section">
      <div className="container">
        <h1 className="h1">Leistungen</h1>
        <div className="grid grid--2 mt-4">
          <article className="card">
            <h3 className="h3">1. Close-Up &amp; Tischzauberei (Walking Act)</h3>
            <p>
              „Perfekt für Hochzeiten, Firmen‑ und Familienfeiern. Michael bewegt sich von Tisch zu Tisch und verzaubert die Gäste hautnah mit Gabeln, die sich verbiegen, Gegenständen, die verschwinden oder erscheinen, und spektakulären Pickpocket‑Tricks.“
            </p>
          </article>
          <article className="card">
            <h3 className="h3">2. Bühnenshow (interaktiv &amp; humorvoll)</h3>
            <p>
              „Eine energiegeladene, interaktive Show, bei der Gäste aktiver Teil der Magie werden. Mit Auszeichnungen, z. B. „punkthöchste Darbietung“ bei der Aufnahmeprüfung im Magischen Zirkel Deutschlands.“
            </p>
          </article>
          <article className="card">
            <h3 className="h3">3. Taschendieb‑Darbietung (Pickpocketing)</h3>
            <p>
              „Spontane Besitzübertragung mit Stil – Handy, Portemonnaie oder Armbanduhr werden mit Witz und Präzision ‘gestohlen’ und danach … natürlich zurückgegeben. Kann auch als Lerneffekt gegen echte Taschendiebe genutzt werden.“
            </p>
          </article>
          <article className="card">
            <h3 className="h3">4. Gabelbieger (Signature Act)</h3>
            <p>
              „Steinhartes Metall wird in Sekundenschnelle verformt – unnachahmlich, selbst im Vergleich mit Uri Geller. Ein bleibendes Souvenir für Gäste und der magische Höhepunkt jeder Veranstaltung.“
            </p>
          </article>
        </div>
      </div>
    </section>
  )
}