<template>
  <div class="min-h-full py-16 bg-gray-50">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
      <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
        Links
      </h1>
      <div class="w-24 h-1 bg-primary-600 mb-8" />

      <p class="text-lg text-gray-600 mb-10">
        Nützliche Verweise rund um Tischtennis, Verbände, Ergebnisse und Partner.
      </p>

      <div class="grid md:grid-cols-2 gap-6">
        <section class="bg-white rounded-xl shadow-lg p-6">
          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
            Ergebnisse & Portale
          </h2>
          <ul class="space-y-3">
            <li>
              <a href="http://www.mytischtennis.de/public/home" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                MyTischtennis.de
              </a>
              <span class="text-gray-600"> (offizielle QTTR-Werte)</span>
            </li>
            <li>
              <a href="http://httv.click-tt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Click-tt Ergebnisse
              </a>
              <span class="text-gray-600"> (offizieller Ergebnisdienst HTTV)</span>
            </li>
            <li>
              <a href="https://www.tischtennis-pur.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Tischtennis Pur - das Tischtennis Portal
              </a>
              <span class="text-gray-600"> (Informationen, Blogs, Fachbeiträge, Tipps)</span>
            </li>
            <li>
              <a href="https://ticker.tt-news.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Liveticker 2. und 3. TT-Bundesliga
              </a>
            </li>
          </ul>
        </section>

        <section class="bg-white rounded-xl shadow-lg p-6">
          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
            Verbände
          </h2>
          <ul class="space-y-3">
            <li>
              <a href="http://www.httv.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Hessischer Tischtennisverband (HTTV)
              </a>
            </li>
            <li>
              <a href="http://www.tischtennis.de/aktuelles/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Deutscher Tischtennisbund (DTTB)
              </a>
            </li>
            <li>
              <a href="http://www.ettu.org/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                European Table Tennis Union (ETTU)
              </a>
            </li>
            <li>
              <a href="https://www.ittf.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                International Table Tennis Federation (ITTF)
              </a>
            </li>
          </ul>
        </section>

        <section class="bg-white rounded-xl shadow-lg p-6">
          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
            Regionale Links
          </h2>
          <ul class="space-y-3">
            <li>
              <a href="http://www.frankfurt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Stadt Frankfurt
              </a>
            </li>
            <li>
              <a href="http://www.harheim.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Vereinsring Harheim
              </a>
            </li>
          </ul>
        </section>

        <section class="bg-white rounded-xl shadow-lg p-6">
          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
            Partner & Vereine
          </h2>
          <ul class="space-y-3">
            <li>
              <a href="http://www.ttcoe.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                TTC OE Bad Homburg
              </a>
            </li>
            <li>
              <a href="https://www.spvgg-steinkirchen.de/menue-abteilungen/abteilungen/tischtennis" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                SpVgg Steinkirchen e.V.
              </a>
            </li>
            <li>
              <a href="https://www.mytischtennis.de/clicktt/ByTTV/24-25/ligen/Bezirksklasse-A-Gruppe-2-IN-PAF/gruppe/466925/tabelle/gesamt/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
                Ergebnisse SpVgg Steinkirchen
              </a>
            </li>
          </ul>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup>
useHead({
  title: 'Links - Harheimer TC',
})
</script>
