<template>
  <section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="bg-gray-50 rounded-xl shadow-sm p-8 md:p-10 border border-gray-200">
        <h2 class="text-2xl md:text-3xl font-display font-bold text-gray-900 mb-3">
          Nützliche Links
        </h2>
        <p class="text-gray-600 mb-6 max-w-3xl">
          Direkter Zugang zu Verbänden, Ergebnisdiensten und weiteren hilfreichen Portalen.
        </p>
        <NuxtLink
          to="/links"
          class="inline-flex items-center px-6 py-3 rounded-lg border border-primary-600 text-primary-700 hover:bg-primary-50 font-semibold transition-colors"
        >
          Links öffnen
        </NuxtLink>
      </div>
    </div>
  </section>
</template>