<template>
  <section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="bg-white rounded-xl shadow-lg p-8 md:p-10 border border-gray-100">
        <h2 class="text-2xl md:text-3xl font-display font-bold text-gray-900 mb-3">
          Vereinsmeisterschaften
        </h2>
        <p class="text-gray-600 mb-6 max-w-3xl">
          Ergebnisse, Historie und Einblicke in die Vereinsmeisterschaften.
        </p>
        <NuxtLink
          to="/vereinsmeisterschaften"
          class="inline-flex items-center px-6 py-3 rounded-lg bg-primary-600 hover:bg-primary-700 text-white font-semibold transition-colors"
        >
          Ergebnisse ansehen
        </NuxtLink>
      </div>
    </div>
  </section>
</template>