203 lines
7.8 KiB
Vue
203 lines
7.8 KiB
Vue
<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>
|