feat(landing): Add impressum, update translations
This commit is contained in:
@@ -250,10 +250,6 @@ const footerLinks = computed<NavigationMenuItem[]>(() => [
|
||||
{
|
||||
label: t('footer.privacy'),
|
||||
to: '/datenschutz'
|
||||
},
|
||||
{
|
||||
label: t('footer.terms'),
|
||||
to: '/agb'
|
||||
}
|
||||
])
|
||||
</script>
|
||||
|
||||
202
landing/app/pages/impressum.vue
Normal file
202
landing/app/pages/impressum.vue
Normal file
@@ -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>
|
||||
@@ -1,7 +1,5 @@
|
||||
<template>
|
||||
<div class="team-page">
|
||||
<LandingTeamSection />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -52,9 +50,3 @@ useHead({
|
||||
]
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.team-page {
|
||||
padding-top: 5rem; /* Header offset */
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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": [
|
||||
{
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user