<template>
  <div class="min-h-full py-16 bg-gray-50">
    <div class="max-w-7xl 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">
        Vorstand
      </h1>
      <div class="w-24 h-1 bg-primary-600 mb-8" />
      
      <div class="prose prose-lg max-w-none">
        <p class="text-xl text-gray-600 mb-8">
          Unser engagiertes Vorstandsteam leitet den Harheimer TC mit Herz und Sachverstand.
        </p>

        <div class="grid md:grid-cols-2 gap-8 not-prose">
          <div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
            <h3 class="text-xl font-display font-bold text-gray-900 mb-2">Vorsitzender</h3>
            <h4 class="text-lg font-semibold text-primary-600 mb-3">Roger Dichmann</h4>
            <div class="space-y-1 text-gray-600">
              <p>Reginastr. 46</p>
              <p>60437 Frankfurt</p>
              <p>Tel. 06101-9953015</p>
            </div>
          </div>

          <div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
            <h3 class="text-xl font-display font-bold text-gray-900 mb-2">Stellvertreter des Vorsitzenden</h3>
            <h4 class="text-lg font-semibold text-primary-600 mb-3">Jürgen Kratz</h4>
            <div class="space-y-1 text-gray-600">
              <p>Bürgerstr. 68</p>
              <p>60437 Frankfurt</p>
              <p>Tel. 06101-43221</p>
            </div>
          </div>

          <div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
            <h3 class="text-xl font-display font-bold text-gray-900 mb-2">Kassenwart</h3>
            <h4 class="text-lg font-semibold text-primary-600 mb-3">Olaf Nüßlein</h4>
            <div class="space-y-1 text-gray-600">
              <p>Am Eschbachtal 52</p>
              <p>60437 Frankfurt</p>
              <p>Tel. 06101-47469</p>
            </div>
          </div>

          <div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
            <h3 class="text-xl font-display font-bold text-gray-900 mb-2">Schriftführer</h3>
            <h4 class="text-lg font-semibold text-primary-600 mb-3">Jürgen Dichmann</h4>
            <div class="space-y-1 text-gray-600">
              <p>In der Fuchskaut 4</p>
              <p>60437 Frankfurt</p>
              <p>Tel. 06101-4992227</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

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

