<template>
  <div class="min-h-screen pt-32 pb-16">
    <!-- Hero Section -->
    <div class="relative overflow-hidden">
      <div class="absolute inset-0 bg-gradient-to-br from-primary-50/50 via-transparent to-cyan-50/50 dark:from-primary-950/30 dark:to-cyan-950/30" />
      <div class="relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <h1 class="font-heading text-4xl sm:text-5xl font-bold text-gray-900 dark:text-white mb-4">
          Impressum
        </h1>
        <p class="text-lg text-gray-600 dark:text-gray-400">
          Rechtliche Angaben gemäß § 5 DDG
        </p>
      </div>
    </div>

    <!-- Content -->
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="prose prose-gray dark:prose-invert max-w-none">
        <!-- Provider Section -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Anbieter / Diensteanbieter (§ 5 DDG)
          </h2>
          <div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-6 border border-gray-200 dark:border-gray-700">
            <p class="text-gray-700 dark:text-gray-300 mb-0">
              Raphael Lugowski und Denis Lugowski<br />
              <strong class="text-gray-900 dark:text-white">GremiumHub GbR</strong><br />
              Brooksheide 4a<br />
              22549 Hamburg<br />
              Deutschland
            </p>
          </div>
        </section>

        <!-- Authorized Representative -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Vertretungsberechtigt
          </h2>
          <p class="text-gray-700 dark:text-gray-300">
            Raphael Lugowski
          </p>
        </section>

        <!-- Contact -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Kontakt
          </h2>
          <div class="space-y-3">
            <div class="flex items-center gap-3">
              <UIcon name="i-lucide-mail" class="w-5 h-5 text-primary-500" />
              <a
                href="mailto:kontakt@gremiumhub.de"
                class="text-primary-600 dark:text-primary-400 hover:underline"
              >
                kontakt@gremiumhub.de
              </a>
            </div>
            <div class="flex items-center gap-3">
              <UIcon name="i-lucide-phone" class="w-5 h-5 text-primary-500" />
              <a
                href="tel:+4917647028443"
                class="text-primary-600 dark:text-primary-400 hover:underline"
              >
                +49 176 47028443
              </a>
            </div>
          </div>
        </section>

        <!-- Tax Information -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Umsatzsteuer-ID / Steuernummer
          </h2>
          <p class="text-gray-700 dark:text-gray-300">
            USt-IdNr.: noch nicht vorhanden<br />
            Steuernummer: noch nicht vorhanden (Meldung ans Finanzamt erfolgt)
          </p>
        </section>

        <!-- Registry Entry -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Registereintrag
          </h2>
          <p class="text-gray-700 dark:text-gray-300">
            Kein Handelsregistereintrag vorhanden.
          </p>
        </section>

        <!-- Responsible for Content -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Verantwortlich für den Inhalt (§ 18 Abs. 2 MStV)
          </h2>
          <div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-6 border border-gray-200 dark:border-gray-700">
            <p class="text-gray-700 dark:text-gray-300 mb-0">
              Raphael Lugowski<br />
              Brooksheide 4a<br />
              22549 Hamburg
            </p>
          </div>
        </section>

        <!-- Liability for Content -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Haftung für Inhalte
          </h2>
          <p class="text-gray-700 dark:text-gray-300">
            Als Diensteanbieter sind wir für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Wir übernehmen jedoch keine Gewähr für Aktualität, Richtigkeit und Vollständigkeit der bereitgestellten Inhalte.
          </p>
        </section>

        <!-- Liability for Links -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Haftung für Links
          </h2>
          <p class="text-gray-700 dark:text-gray-300">
            Unsere Website enthält ggf. Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Für diese fremden Inhalte übernehmen wir keine Gewähr; verantwortlich ist stets der jeweilige Anbieter oder Betreiber der Seiten.
          </p>
        </section>

        <!-- Copyright -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Urheberrecht
          </h2>
          <p class="text-gray-700 dark:text-gray-300">
            Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet.
          </p>
        </section>

        <!-- Consumer Dispute Resolution -->
        <section class="mb-10">
          <h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
            Verbraucherstreitbeilegung
          </h2>
          <p class="text-gray-700 dark:text-gray-300 mb-4">
            Wir sind nicht verpflichtet und nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
          </p>
          <div class="bg-amber-50 dark:bg-amber-900/20 rounded-xl p-4 border border-amber-200 dark:border-amber-800">
            <div class="flex items-start gap-3">
              <UIcon name="i-lucide-info" class="w-5 h-5 text-amber-600 dark:text-amber-400 mt-0.5 flex-shrink-0" />
              <p class="text-amber-800 dark:text-amber-200 text-sm mb-0">
                Hinweis EU-OS/ODR-Plattform: Die EU-Online-Streitbeilegungsplattform wurde zum 20.07.2025 eingestellt (Verordnung (EU) 2024/3228). Ein Link darauf ist daher nicht mehr erforderlich.
              </p>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// SEO Meta
useSeoMeta({
  title: 'Impressum – GremiumHub',
  description: 'Impressum und rechtliche Informationen der GremiumHub GbR.',
  ogTitle: 'Impressum – GremiumHub',
  ogDescription: 'Impressum und rechtliche Informationen der GremiumHub GbR.',
  ogImage: '/og-image.png',
  ogType: 'website',
  twitterCard: 'summary_large_image',
  robots: 'noindex, nofollow'
})

// Structured data for SEO
useHead({
  htmlAttrs: {
    lang: 'de'
  },
  script: [
    {
      type: 'application/ld+json',
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'WebPage',
        name: 'Impressum – GremiumHub',
        description: 'Impressum und rechtliche Informationen der GremiumHub GbR.',
        publisher: {
          '@type': 'Organization',
          name: 'GremiumHub GbR',
          address: {
            '@type': 'PostalAddress',
            streetAddress: 'Brooksheide 4a',
            addressLocality: 'Hamburg',
            postalCode: '22549',
            addressCountry: 'DE'
          },
          email: 'kontakt@gremiumhub.de',
          telephone: '+4917647028443'
        }
      })
    }
  ]
})
</script>
