From b5417ef7c6afc3af4abb9db25e2fcf2d8138923b Mon Sep 17 00:00:00 2001
From: Denis Lugowski <denis.lugowski@gmail.com>
Date: Sat, 10 Jan 2026 19:32:49 +0100
Subject: [PATCH] feat(landing): Add impressum, update translations

---
 landing/app/app.vue             |   4 -
 landing/app/pages/impressum.vue | 202 ++++++++++++++++++++++++++++++++
 landing/app/pages/team.vue      |  10 +-
 landing/i18n/locales/de.json    |  11 +-
 landing/i18n/locales/en.json    |   3 +-
 5 files changed, 209 insertions(+), 21 deletions(-)
 create mode 100644 landing/app/pages/impressum.vue

diff --git a/landing/app/app.vue b/landing/app/app.vue
index 1778527..edfb76b 100644
--- a/landing/app/app.vue
+++ b/landing/app/app.vue
@@ -250,10 +250,6 @@ const footerLinks = computed<NavigationMenuItem[]>(() => [
   {
     label: t('footer.privacy'),
     to: '/datenschutz'
-  },
-  {
-    label: t('footer.terms'),
-    to: '/agb'
   }
 ])
 </script>
diff --git a/landing/app/pages/impressum.vue b/landing/app/pages/impressum.vue
new file mode 100644
index 0000000..ecbb330
--- /dev/null
+++ b/landing/app/pages/impressum.vue
@@ -0,0 +1,202 @@
+<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>
diff --git a/landing/app/pages/team.vue b/landing/app/pages/team.vue
index f24ae76..eadd93b 100644
--- a/landing/app/pages/team.vue
+++ b/landing/app/pages/team.vue
@@ -1,7 +1,5 @@
 <template>
-  <div class="team-page">
-    <LandingTeamSection />
-  </div>
+  <LandingTeamSection />
 </template>
 
 <script setup lang="ts">
@@ -52,9 +50,3 @@ useHead({
   ]
 })
 </script>
-
-<style scoped>
-.team-page {
-  padding-top: 5rem; /* Header offset */
-}
-</style>
diff --git a/landing/i18n/locales/de.json b/landing/i18n/locales/de.json
index acb1ec6..2dd4cf7 100644
--- a/landing/i18n/locales/de.json
+++ b/landing/i18n/locales/de.json
@@ -29,14 +29,13 @@
   "footer": {
     "brandDescription": "Digitale Mitbestimmung für IT- und KI-Systeme. Strukturierte Prozesse, risikobasierter Ansatz, revisionssichere Dokumentation.",
     "imprint": "Impressum",
-    "privacy": "Datenschutz",
-    "terms": "AGB"
+    "privacy": "Datenschutz"
   },
   "hero": {
     "badge": "Bald verfügbar",
-    "title1": "Digitale Mitbestimmung bei IT- und KI-Systemen per Web-App",
+    "title1": "Mitbestimmung bei IT- und KI-Systemen per Web-App",
     "title2": "Strukturierter Workflow bis zur Vereinbarung",
-    "description": "Ein durchgängiger risiko-differenzierter Workflow für Betriebsrat und Arbeitgeber: Informationen liefern, Unterlagen bündeln, Rückfragen klären, Abstimmungen steuern und Vereinbarungen finalisieren – zentral dokumentiert",
+    "description": "Ein durchgängiger digitaler risiko-differenzierter Workflow für Betriebsrat und Arbeitgeber in unserer neuen Web-App: Informationen liefern, Unterlagen bündeln, Rückfragen klären, Abstimmungen steuern und Vereinbarungen finalisieren – zentral dokumentiert",
     "cta": {
       "requestDemo": "Demo anfragen",
       "discoverFeatures": "Features entdecken"
@@ -216,8 +215,8 @@
   },
   "additionalFeatures": {
     "badge": "Vertrauen & Sicherheit",
-    "title": "Weitere große {highlight}",
-    "titleHighlight": "Vorteile",
+    "title": "Das spricht noch für unsere {highlight}",
+    "titleHighlight": "Web-App",
     "description": "Alles aus einer Hand, alles in einer Web-App – ohne Drittanbieter, DSGVO-konform mit Serverstandort in Deutschland.",
     "items": [
       {
diff --git a/landing/i18n/locales/en.json b/landing/i18n/locales/en.json
index e5e0cea..bf57f0e 100644
--- a/landing/i18n/locales/en.json
+++ b/landing/i18n/locales/en.json
@@ -29,8 +29,7 @@
   "footer": {
     "brandDescription": "Digital co-determination for IT and AI systems. Structured processes, audit-proof documentation.",
     "imprint": "Imprint",
-    "privacy": "Privacy Policy",
-    "terms": "Terms & Conditions"
+    "privacy": "Privacy Policy"
   },
   "hero": {
     "badge": "Available now",