denis/gremiumhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(landing): Update contact and i18n files

Browse Source
This commit is contained in:
Denis Lugowski
2026-01-16 15:30:29 +01:00
parent 93a85866a5
commit 835bc9ecd1
9 changed files with 168 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
landing/app/app.vue
View File

@@ -122,7 +122,7 @@
icon="i-lucide-mail"
color="neutral"
variant="ghost"
to="mailto:info@gremiumhub.de"
to="/kontakt"
aria-label="E-Mail"
class="hover:text-primary-600 dark:hover:text-primary-400"
/>

2
landing/app/components/landing/AdditionalFeatures.vue
View File

@@ -76,7 +76,7 @@
<!-- Bottom CTA -->
<div class="mt-12 text-center">
<p class="text-gray-500 dark:text-gray-400 mb-4">{{ $t('additionalFeatures.ctaQuestion') }}</p>
<UButton to="#kontakt" variant="outline" class="btn-outline-gradient">
<UButton to="/kontakt" variant="outline" class="btn-outline-gradient">
<UIcon name="i-lucide-message-circle" class="w-4 h-4 mr-2" />
{{ $t('additionalFeatures.ctaButton') }}
</UButton>

2
landing/app/components/landing/ExpertAccess.vue
View File

@@ -47,7 +47,7 @@
style="animation-delay: 200ms"
>
<UButton
to="mailto:info@gremiumhub.de"
to="/kontakt"
size="xl"
class="bg-white text-primary-700 hover:bg-white/90 px-8 py-4 text-lg font-semibold rounded-xl shadow-lg"
>

2
landing/app/components/landing/FrameworkAgreement.vue
View File

@@ -62,7 +62,7 @@
<!-- CTA -->
<div class="mt-8">
<UButton
to="#kontakt"
to="/kontakt"
size="xl"
class="btn-gradient px-8 py-4 text-lg font-semibold rounded-xl shadow-lg shadow-primary-500/25"
>

9
landing/app/components/landing/HeroSection.vue
View File

@@ -65,7 +65,7 @@
<div class="flex flex-wrap justify-center gap-4 animate-fade-in-up" style="animation-delay: 400ms">
<UButton
size="xl"
to="#kontakt"
to="/kontakt"
trailing-icon="i-lucide-arrow-right"
class="btn-gradient px-8 py-4 text-lg font-semibold rounded-xl shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 transition-all"
>
@@ -142,12 +142,7 @@
<!-- Scroll indicator - stable wrapper for click target, animated inner element -->
<div class="absolute bottom-8 left-1/2 -translate-x-1/2 z-20">
<a
href="#betriebsraete"
class="block"
:aria-label="$t('hero.scrollDown')"
@click.prevent="scrollToSection"
>
<a href="#betriebsraete" class="block" :aria-label="$t('hero.scrollDown')" @click.prevent="scrollToSection">
<div
class="animate-bounce flex items-center justify-center w-12 h-12 rounded-full glass text-gray-600 dark:text-gray-300 hover:bg-white/80 dark:hover:bg-gray-800/80 transition-colors"
>

2
landing/app/components/landing/TeamSection.vue
View File

@@ -154,7 +154,7 @@
{{ $t('team.cta.text') }}
</p>
<UButton
to="mailto:info@gremiumhub.de"
to="/kontakt"
size="xl"
class="btn-gradient px-8 py-4 rounded-xl font-semibold shadow-lg shadow-primary-500/25 hover:shadow-primary-500/40 transition-shadow"
>

167
landing/app/pages/datenschutz.vue
View File

@@ -2,17 +2,15 @@
<div class="min-h-screen pt-32 pb-16">
<!-- Hero Section -->
<div class="relative overflow-hidden">
<div class="absolute inset-0 bg-linear-to-br from-primary-50/50 via-transparent to-cyan-50/50 dark:from-primary-950/30 dark:to-cyan-950/30" />
<div
class="absolute inset-0 bg-linear-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">
Datenschutzerklärung
</h1>
<p class="text-lg text-gray-600 dark:text-gray-400">
Datenschutzerklärung (DSGVO) für gremiumhub.de
</p>
<p class="text-sm text-gray-500 dark:text-gray-500 mt-2">
Stand: 10.01.2026
</p>
<p class="text-lg text-gray-600 dark:text-gray-400">Datenschutzerklärung (DSGVO) für gremiumhub.de</p>
<p class="text-sm text-gray-500 dark:text-gray-500 mt-2">Stand: 10.01.2026</p>
</div>
</div>
@@ -21,18 +19,17 @@
<div class="prose prose-gray dark:prose-invert max-w-none">
<!-- 1. Verantwortlicher -->
<section class="mb-10">
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
1. Verantwortlicher
</h2>
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">1. Verantwortlicher</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Verantwortlicher im Sinne der Datenschutz-Grundverordnung (DSGVO) ist:
</p>
<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">
<strong class="text-gray-900 dark:text-white">Raphael Lugowski und Denis Lugowski – GremiumHub GbR</strong><br />
<strong class="text-gray-900 dark:text-white">Raphael Lugowski und Denis Lugowski – GremiumHub GbR</strong
><br />
Brooksheide 4a, 22549 Hamburg, Deutschland<br />
E-Mail: <a href="mailto:kontakt@gremiumhub.de" class="text-primary-600 dark:text-primary-400 hover:underline">kontakt@gremiumhub.de</a><br />
Telefon: <a href="tel:+4917647028443" class="text-primary-600 dark:text-primary-400 hover:underline">+49 176 47028443</a>
E-Mail: kontakt@gremiumhub.de<br />
Telefon: +49 176 47028443
</p>
</div>
</section>
@@ -43,14 +40,19 @@
2. Allgemeine Hinweise zur Datenverarbeitung
</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Wir verarbeiten personenbezogene Daten nur, soweit dies zur Bereitstellung einer funktionsfähigen Website, unserer Inhalte sowie zur Bearbeitung von Anfragen bzw. zur Durchführung des Newsletter-Versands erforderlich ist.
Wir verarbeiten personenbezogene Daten nur, soweit dies zur Bereitstellung einer funktionsfähigen Website,
unserer Inhalte sowie zur Bearbeitung von Anfragen bzw. zur Durchführung des Newsletter-Versands
erforderlich ist.
</p>
<p class="text-gray-700 dark:text-gray-300 mb-2">
<strong class="text-gray-900 dark:text-white">Rechtsgrundlagen</strong> (je nach Verarbeitung):
</p>
<ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-2">
<li>Art. 6 Abs. 1 lit. <strong>b</strong> DSGVO (Vertrag / vorvertragliche Maßnahmen)</li>
<li>Art. 6 Abs. 1 lit. <strong>f</strong> DSGVO (berechtigtes Interesse, z. B. technische Bereitstellung, IT-Sicherheit)</li>
<li>
Art. 6 Abs. 1 lit. <strong>f</strong> DSGVO (berechtigtes Interesse, z. B. technische Bereitstellung,
IT-Sicherheit)
</li>
<li>Art. 6 Abs. 1 lit. <strong>a</strong> DSGVO (Einwilligung, z. B. Newsletter)</li>
</ul>
</section>
@@ -61,7 +63,10 @@
3. Hosting (netcup) &amp; Server-Logfiles
</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Unsere Website wird bei <strong class="text-gray-900 dark:text-white">netcup</strong> gehostet. Der Hosting-Anbieter verarbeitet personenbezogene Daten in unserem Auftrag als <strong class="text-gray-900 dark:text-white">Auftragsverarbeiter</strong>. Wir haben mit netcup einen Vertrag zur Auftragsverarbeitung (Art. 28 DSGVO) abgeschlossen.
Unsere Website wird bei <strong class="text-gray-900 dark:text-white">netcup</strong> gehostet. Der
Hosting-Anbieter verarbeitet personenbezogene Daten in unserem Auftrag als
<strong class="text-gray-900 dark:text-white">Auftragsverarbeiter</strong>. Wir haben mit netcup einen
Vertrag zur Auftragsverarbeitung (Art. 28 DSGVO) abgeschlossen.
</p>
<div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-6 border border-gray-200 dark:border-gray-700 mb-6">
<p class="text-gray-700 dark:text-gray-300 mb-0">
@@ -70,11 +75,11 @@
</p>
</div>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
3.1 Server-Logfiles
</h3>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">3.1 Server-Logfiles</h3>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Beim Aufruf unserer Website werden durch den Hosting-Anbieter in unserem Auftrag sogenannte <strong class="text-gray-900 dark:text-white">Server-Logfiles</strong> verarbeitet. Diese Daten fallen technisch bedingt an und können z. B. enthalten:
Beim Aufruf unserer Website werden durch den Hosting-Anbieter in unserem Auftrag sogenannte
<strong class="text-gray-900 dark:text-white">Server-Logfiles</strong> verarbeitet. Diese Daten fallen
technisch bedingt an und können z. B. enthalten:
</p>
<ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1 mb-4">
<li>IP-Adresse</li>
@@ -84,13 +89,17 @@
<li>User-Agent (Browser/Betriebssystem)</li>
</ul>
<p class="text-gray-700 dark:text-gray-300 mb-2">
<strong class="text-gray-900 dark:text-white">Zweck:</strong> Auslieferung der Website, Stabilität, Sicherheit (z. B. Missbrauchs-/Angriffserkennung).
<strong class="text-gray-900 dark:text-white">Zweck:</strong> Auslieferung der Website, Stabilität,
Sicherheit (z. B. Missbrauchs-/Angriffserkennung).
</p>
<p class="text-gray-700 dark:text-gray-300 mb-2">
<strong class="text-gray-900 dark:text-white">Rechtsgrundlage:</strong> Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an sicherem, stabilem Betrieb).
<strong class="text-gray-900 dark:text-white">Rechtsgrundlage:</strong> Art. 6 Abs. 1 lit. f DSGVO
(berechtigtes Interesse an sicherem, stabilem Betrieb).
</p>
<p class="text-gray-700 dark:text-gray-300">
<strong class="text-gray-900 dark:text-white">Speicherdauer:</strong> Server-Logfiles werden in der Regel nur so lange gespeichert, wie dies zur Sicherstellung des Betriebs und der Sicherheit erforderlich ist (bei netcup typischerweise bis maximal 14 Tage, abhängig von Produkt/Setup).
<strong class="text-gray-900 dark:text-white">Speicherdauer:</strong> Server-Logfiles werden in der Regel
nur so lange gespeichert, wie dies zur Sicherstellung des Betriebs und der Sicherheit erforderlich ist (bei
netcup typischerweise bis maximal 14 Tage, abhängig von Produkt/Setup).
</p>
</section>
@@ -100,7 +109,8 @@
4. Kontaktaufnahme (E-Mail, Kontaktformular)
</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Wenn Sie uns per E-Mail oder über ein Kontaktformular kontaktieren, verarbeiten wir die von Ihnen übermittelten Daten (z. B. Name, E-Mail-Adresse, Nachrichteninhalt) zur Bearbeitung Ihrer Anfrage.
Wenn Sie uns per E-Mail oder über ein Kontaktformular kontaktieren, verarbeiten wir die von Ihnen
übermittelten Daten (z. B. Name, E-Mail-Adresse, Nachrichteninhalt) zur Bearbeitung Ihrer Anfrage.
</p>
<p class="text-gray-700 dark:text-gray-300 mb-2">
<strong class="text-gray-900 dark:text-white">Zweck:</strong> Bearbeitung und Beantwortung Ihrer Anfrage.
@@ -109,11 +119,15 @@
<strong class="text-gray-900 dark:text-white">Rechtsgrundlage:</strong>
</p>
<ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1 mb-4">
<li>Art. 6 Abs. 1 lit. b DSGVO (wenn Ihre Anfrage auf einen Vertrag / vorvertragliche Maßnahmen abzielt), sonst</li>
<li>
Art. 6 Abs. 1 lit. b DSGVO (wenn Ihre Anfrage auf einen Vertrag / vorvertragliche Maßnahmen abzielt),
sonst
</li>
<li>Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an Kommunikation).</li>
</ul>
<p class="text-gray-700 dark:text-gray-300">
<strong class="text-gray-900 dark:text-white">Speicherdauer:</strong> so lange erforderlich zur Bearbeitung; anschließend Löschung nach Löschkonzept bzw. gesetzlichen Aufbewahrungspflichten.
<strong class="text-gray-900 dark:text-white">Speicherdauer:</strong> so lange erforderlich zur Bearbeitung;
anschließend Löschung nach Löschkonzept bzw. gesetzlichen Aufbewahrungspflichten.
</p>
</section>
@@ -123,10 +137,21 @@
5. Newsletter (Versand über Brevo) – inkl. Statistik
</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Auf unserer Website können Sie sich zu unserem Newsletter anmelden, um Updates zur Entwicklung der Web-App zu erhalten.
Auf unserer Website können Sie sich zu unserem Newsletter anmelden, um Updates zur Entwicklung der Web-App
zu erhalten.
</p>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Für die technische Umsetzung des Newsletters (Versand und Verwaltung) greifen wir auf die Lösungen des Anbieters Sendinblue GmbH (<strong class="text-gray-900 dark:text-white">Brevo</strong>) zurück. Brevo stellt die Einhaltung der EU-DSGVO bei der Verarbeitung von personenbezogenen Daten sicher. Näheres, insbesondere zum Verarbeitungszweck, entnehmen Sie bitte den folgenden Ziffern sowie auch der <a href="https://www.brevo.com/de/legal/privacypolicy/" target="_blank" rel="noopener noreferrer" class="text-primary-600 dark:text-primary-400 hover:underline">Datenschutzerklärung der Sendinblue GmbH</a>.
Für die technische Umsetzung des Newsletters (Versand und Verwaltung) greifen wir auf die Lösungen des
Anbieters Sendinblue GmbH (<strong class="text-gray-900 dark:text-white">Brevo</strong>) zurück. Brevo
stellt die Einhaltung der EU-DSGVO bei der Verarbeitung von personenbezogenen Daten sicher. Näheres,
insbesondere zum Verarbeitungszweck, entnehmen Sie bitte den folgenden Ziffern sowie auch der
<a
href="https://www.brevo.com/de/legal/privacypolicy/"
target="_blank"
rel="noopener noreferrer"
class="text-primary-600 dark:text-primary-400 hover:underline"
>Datenschutzerklärung der Sendinblue GmbH</a
>.
</p>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
@@ -139,7 +164,8 @@
</p>
</div>
<p class="text-gray-700 dark:text-gray-300 mb-6">
Brevo verarbeitet die Daten in unserem Auftrag als Auftragsverarbeiter. Wir haben mit Brevo eine Vereinbarung zur Auftragsverarbeitung nach Art. 28 DSGVO abgeschlossen (Data Processing Agreement, DPA).
Brevo verarbeitet die Daten in unserem Auftrag als Auftragsverarbeiter. Wir haben mit Brevo eine
Vereinbarung zur Auftragsverarbeitung nach Art. 28 DSGVO abgeschlossen (Data Processing Agreement, DPA).
</p>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
@@ -148,42 +174,61 @@
<ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-3 mb-6">
<li>
<strong class="text-gray-900 dark:text-white">Pflichtangabe:</strong> E-Mail-Adresse<br />
<span class="text-gray-600 dark:text-gray-400 text-sm ml-5">Zweck: Die Angabe der E-Mail-Adresse ist erforderlich, damit die Ausgaben des Newsletters den jeweiligen Empfängern auch zugehen.</span>
<span class="text-gray-600 dark:text-gray-400 text-sm ml-5"
>Zweck: Die Angabe der E-Mail-Adresse ist erforderlich, damit die Ausgaben des Newsletters den
jeweiligen Empfängern auch zugehen.</span
>
</li>
<li>
<strong class="text-gray-900 dark:text-white">Freiwillige Angabe:</strong> Name (optional)<br />
<span class="text-gray-600 dark:text-gray-400 text-sm ml-5">Zweck: Die Angabe des Vornamens und Nachnamens ist rein freiwillig, damit wir den Abonnenten im Sinne einer persönlicheren Kommunikation namentlich ansprechen können.</span>
<span class="text-gray-600 dark:text-gray-400 text-sm ml-5"
>Zweck: Die Angabe des Vornamens und Nachnamens ist rein freiwillig, damit wir den Abonnenten im Sinne
einer persönlicheren Kommunikation namentlich ansprechen können.</span
>
</li>
<li>
<strong class="text-gray-900 dark:text-white">Nachweisdaten</strong> im Rahmen des Double-Opt-In (z. B. Zeitpunkt der Anmeldung und Bestätigung; IP-Adresse), um die Einwilligung zu dokumentieren.
<strong class="text-gray-900 dark:text-white">Nachweisdaten</strong> im Rahmen des Double-Opt-In (z. B.
Zeitpunkt der Anmeldung und Bestätigung; IP-Adresse), um die Einwilligung zu dokumentieren.
</li>
</ul>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
5.3 Double-Opt-In
</h3>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">5.3 Double-Opt-In</h3>
<p class="text-gray-700 dark:text-gray-300 mb-6">
Nach der Anmeldung erhalten Sie eine E-Mail, in der Sie die Anmeldung bestätigen. Erst danach werden Sie in den Verteiler aufgenommen.
Nach der Anmeldung erhalten Sie eine E-Mail, in der Sie die Anmeldung bestätigen. Erst danach werden Sie in
den Verteiler aufgenommen.
</p>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
5.4 Statistik/Tracking im Newsletter (Öffnungen &amp; Klicks)
</h3>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Wir werten Newsletter-Kampagnen statistisch aus (z. B. Öffnungs- und Klickraten), um Inhalte zu optimieren. Diesbezüglich gilt Folgendes:
Wir werten Newsletter-Kampagnen statistisch aus (z. B. Öffnungs- und Klickraten), um Inhalte zu optimieren.
Diesbezüglich gilt Folgendes:
</p>
<p class="text-gray-700 dark:text-gray-300 mb-6">
Die Zahl der E-Mail-Öffnungen sowie der Klicks wird IP-bezogen durch unseren Anbieter Sendinblue GmbH (Brevo) nachverfolgt, damit wir beurteilen können, ob die versandten Newsletter von den eingetragenen Personen geöffnet bzw. weitergehende Inhalte angeklickt werden. Sollten wir feststellen, dass unsere Newsletter von Personen mehrfach nicht (mehr) geöffnet werden, ist es uns bzw. unserem Anbieter Sendinblue GmbH (Brevo) nur über die IP möglich, dies zu erkennen, sodass wir die entsprechenden Personen gemäß dem Grundsatz der Speicherbegrenzung aus dem Newsletter entfernen und ihre Daten löschen können. Weiterhin ist die Erfassung der IP notwendig, um feststellen zu können, ob die in dem Newsletter veröffentlichten Inhalte für unsere Abonnenten inhaltlich auch wirklich interessant sind und von ihnen eingesehen werden. Anhand der Öffnungsrate oder auch Klickrate, sofern weitere Inhalte in den Newslettern platziert werden, können wir die für unsere Abonnenten interessanten Themen bestimmen und unser Angebot entsprechend fortlaufend anpassen und verbessern.
Die Zahl der E-Mail-Öffnungen sowie der Klicks wird IP-bezogen durch unseren Anbieter Sendinblue GmbH
(Brevo) nachverfolgt, damit wir beurteilen können, ob die versandten Newsletter von den eingetragenen
Personen geöffnet bzw. weitergehende Inhalte angeklickt werden. Sollten wir feststellen, dass unsere
Newsletter von Personen mehrfach nicht (mehr) geöffnet werden, ist es uns bzw. unserem Anbieter Sendinblue
GmbH (Brevo) nur über die IP möglich, dies zu erkennen, sodass wir die entsprechenden Personen gemäß dem
Grundsatz der Speicherbegrenzung aus dem Newsletter entfernen und ihre Daten löschen können. Weiterhin ist
die Erfassung der IP notwendig, um feststellen zu können, ob die in dem Newsletter veröffentlichten Inhalte
für unsere Abonnenten inhaltlich auch wirklich interessant sind und von ihnen eingesehen werden. Anhand der
Öffnungsrate oder auch Klickrate, sofern weitere Inhalte in den Newslettern platziert werden, können wir die
für unsere Abonnenten interessanten Themen bestimmen und unser Angebot entsprechend fortlaufend anpassen und
verbessern.
</p>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
5.5 Rechtsgrundlage, Widerruf
</h3>
<p class="text-gray-700 dark:text-gray-300 mb-2">
<strong class="text-gray-900 dark:text-white">Rechtsgrundlage:</strong> Art. 6 Abs. 1 lit. a, 7 DSGVO (Einwilligung).
<strong class="text-gray-900 dark:text-white">Rechtsgrundlage:</strong> Art. 6 Abs. 1 lit. a, 7 DSGVO
(Einwilligung).
</p>
<p class="text-gray-700 dark:text-gray-300 mb-6">
<strong class="text-gray-900 dark:text-white">Widerruf:</strong> Sie können Ihre Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen, z. B. über den Abmeldelink in jedem Newsletter.
<strong class="text-gray-900 dark:text-white">Widerruf:</strong> Sie können Ihre Einwilligung jederzeit mit
Wirkung für die Zukunft widerrufen, z. B. über den Abmeldelink in jedem Newsletter.
</p>
<h3 class="font-heading text-xl font-semibold text-gray-900 dark:text-white mb-3">
@@ -197,27 +242,30 @@
5.7 Unterauftragsverarbeiter &amp; mögliche Drittlandübermittlungen
</h3>
<p class="text-gray-700 dark:text-gray-300">
Brevo setzt Unterauftragsverarbeiter ein. Je nach eingesetzten Funktionen/Unterauftragsverarbeitern können Datenverarbeitungen auch außerhalb des EWR stattfinden. In solchen Fällen werden geeignete Garantien eingesetzt (z. B. EU-Standardvertragsklauseln und ggf. ergänzende Maßnahmen; für bestimmte US-Anbieter ggf. zusätzlich EU-US Data Privacy Framework, soweit anwendbar).
Brevo setzt Unterauftragsverarbeiter ein. Je nach eingesetzten Funktionen/Unterauftragsverarbeitern können
Datenverarbeitungen auch außerhalb des EWR stattfinden. In solchen Fällen werden geeignete Garantien
eingesetzt (z. B. EU-Standardvertragsklauseln und ggf. ergänzende Maßnahmen; für bestimmte US-Anbieter ggf.
zusätzlich EU-US Data Privacy Framework, soweit anwendbar).
</p>
</section>
<!-- 6. Cookies -->
<section class="mb-10">
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
6. Cookies
</h2>
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">6. Cookies</h2>
<p class="text-gray-700 dark:text-gray-300">
Wir verwenden <strong class="text-gray-900 dark:text-white">nur technisch notwendige Cookies</strong>, die für Betrieb und Sicherheit der Website erforderlich sind. Analyse- oder Marketing-Cookies setzen wir nicht ein.
Wir verwenden <strong class="text-gray-900 dark:text-white">nur technisch notwendige Cookies</strong>, die
für Betrieb und Sicherheit der Website erforderlich sind. Analyse- oder Marketing-Cookies setzen wir nicht
ein.
</p>
</section>
<!-- 7. Download der Web-App -->
<section class="mb-10">
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
7. Download der Web-App
</h2>
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">7. Download der Web-App</h2>
<p class="text-gray-700 dark:text-gray-300">
Die Web-App wird nicht direkt über die Website betrieben, sondern gesondert heruntergeladen und installiert. Beim Herunterladen können – wie beim normalen Seitenaufruf – technische Zugriffsdaten (Server-Logfiles) anfallen (siehe Abschnitt „Hosting &amp; Server-Logfiles").
Die Web-App wird nicht direkt über die Website betrieben, sondern gesondert heruntergeladen und installiert.
Beim Herunterladen können – wie beim normalen Seitenaufruf – technische Zugriffsdaten (Server-Logfiles)
anfallen (siehe Abschnitt „Hosting &amp; Server-Logfiles").
</p>
</section>
@@ -231,18 +279,16 @@
</p>
<ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-2">
<li><strong class="text-gray-900 dark:text-white">netcup</strong> (Hosting als Auftragsverarbeiter)</li>
<li><strong class="text-gray-900 dark:text-white">Brevo</strong> (Newsletter-Versand als Auftragsverarbeiter)</li>
<li>
<strong class="text-gray-900 dark:text-white">Brevo</strong> (Newsletter-Versand als Auftragsverarbeiter)
</li>
</ul>
</section>
<!-- 9. Ihre Rechte -->
<section class="mb-10">
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">
9. Ihre Rechte
</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Sie haben das Recht auf:
</p>
<h2 class="font-heading text-2xl font-bold text-gray-900 dark:text-white mb-4">9. Ihre Rechte</h2>
<p class="text-gray-700 dark:text-gray-300 mb-4">Sie haben das Recht auf:</p>
<ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-2">
<li>Auskunft (Art. 15 DSGVO)</li>
<li>Berichtigung (Art. 16 DSGVO)</li>
@@ -260,7 +306,8 @@
10. Beschwerderecht bei der Aufsichtsbehörde
</h2>
<p class="text-gray-700 dark:text-gray-300">
Sie haben das Recht, sich bei einer Datenschutz-Aufsichtsbehörde zu beschweren (z. B. in dem Bundesland Ihres Aufenthalts oder unseres Unternehmenssitzes).
Sie haben das Recht, sich bei einer Datenschutz-Aufsichtsbehörde zu beschweren (z. B. in dem Bundesland
Ihres Aufenthalts oder unseres Unternehmenssitzes).
</p>
</section>
@@ -287,9 +334,11 @@
// SEO Meta
useSeoMeta({
title: 'Datenschutzerklärung – GremiumHub',
description: 'Datenschutzerklärung (DSGVO) für gremiumhub.de – Informationen zur Verarbeitung Ihrer personenbezogenen Daten.',
description:
'Datenschutzerklärung (DSGVO) für gremiumhub.de – Informationen zur Verarbeitung Ihrer personenbezogenen Daten.',
ogTitle: 'Datenschutzerklärung – GremiumHub',
ogDescription: 'Datenschutzerklärung (DSGVO) für gremiumhub.de – Informationen zur Verarbeitung Ihrer personenbezogenen Daten.',
ogDescription:
'Datenschutzerklärung (DSGVO) für gremiumhub.de – Informationen zur Verarbeitung Ihrer personenbezogenen Daten.',
ogImage: '/og-image.png',
ogType: 'website',
twitterCard: 'summary_large_image',

12
landing/i18n/locales/de.json
View File

@@ -91,17 +91,17 @@
"Ad-hoc-Systemeinführungen unter Zeitdruck (\"Hauruck\" statt geführter Prozess)",
"Überforderung durch hohe Zahl an IT- und KI-Systemen und dessen Komplexität",
"Blackbox-Problem bei Funktionen, Auswertungen, Schnittstellen und Änderungen",
"Verhandlungen ins Blause hinein - ohne belastbare Datenbasis",
"Verhandlungen ins Blaue hinein - ohne belastbare Datenbasis",
"Heute erst geregelt und abgeschlossen, morgen schon wieder veraltet"
],
"benefits": [
"Strukturierte, vollständige Informationsgrundlage (einheitlich je System/Verarbeitung)",
"Klarer Mitbestimmungsprozess mit bewährten Schritten, Zuständigkeiten und Risikoklassifizierung",
"Betriebs-/Dienstvereinbarungen auf belastbarer Grundlage – schneller, konsistenter, leicht aktualisierbar",
"Transparenz über Systemfähigkeiten – inkl. möglicher Leistungs-/Verhaltenskontrolle",
"Vergleichbarkeit über viele Systeme hinweg durch Standardisierung und einheitliche Templates",
"Erhebliche Zeitersparnis gegenüber konventionellem Verfahren bei IT-/KI-Systemen",
"Vergleichbarkeit über viele Systeme hinweg durch Standardisierung und einheitliche Templates",
"Transparenz über Systemfähigkeiten – inkl. möglicher Leistungs-/Verhaltenskontrolle",
"Schutzmaßnahmen konsequent dokumentiert und pro jeweilige Auswertung/Verarbeitung nachvollziehbar",
"Betriebs-/Dienstvereinbarungen auf belastbarer Grundlage – schneller, konsistenter, leicht aktualisierbar",
"Spürbare Entlastung: mehr Zeit für andere Mitbestimmungsthemen und kontinuierlichen Arbeitnehmerschutz"
],
"highlightsTitle": "Hierbei unterstützt unsere {highlight}",
@@ -170,7 +170,7 @@
},
"features": {
"badge": "Features",
"title": "Features, die Mitbestimmung äußerst {highlight} ",
"title": "Features, die Mitbestimmung äußerst ",
"titleHighlight": "effizient",
"titleSuffix": " machen",
"description": "Eine strukturierte risikobasierte Eingabelogik, klare Prozesse und revisionssichere Dokumentation – damit IT-/KI-Systeme schneller bewertet, abgestimmt und sauber vereinbart werden können.",
@@ -400,7 +400,7 @@
"denis": {
"name": "Denis Lugowski",
"role": "Full-Stack Developer",
"description": "Denis ist Informatiker (M.Sc.) und Full-Stack-Entwickler mit Expertise in Frontend- und Backend-Entwicklung. Er verfügt über Erfahrung mit Kubernetes, Container-Orchestrierung und Monitoring. Sein akademischer Hintergrund umfasst die Entwicklung von Congestion Control im Linux-Kernel sowie die Implementierung des QUIC-Transportprotokolls im Omnet++ Simulationsframework.",
"description": "Denis ist Informatiker (M.Sc.) und Full-Stack-Entwickler mit langjähriger Erfahrung in Frontend- und Backend-Entwicklung. Er arbeitet im Enterprise-Umfeld, wo höchste Anforderungen an Sicherheit, Datenschutz, Skalierbarkeit und Zuverlässigkeit gestellt werden.",
"imageAlt": "Profilbild von Denis Lugowski",
"linkedinLabel": "LinkedIn-Profil von Denis Lugowski öffnen"
}

94
landing/i18n/locales/en.json
View File

@@ -1,7 +1,7 @@
{
"meta": {
"title": "GremiumHub - Digital Co-determination for IT and AI Systems",
"description": "Structure instead of chaos: All relevant information in one place, clear process steps and traceable documentation for IT co-determination.",
"title": "Digital Co-determination for IT and AI Systems - Web App with Structured Workflow to Agreement",
"description": "A comprehensive risk-differentiated workflow for works councils and employers: Provide information, bundle documents, clarify questions, manage approvals and finalize agreements – centrally documented.",
"ogDescription": "Structured IT co-determination with clear processes and audit-proof documentation."
},
"common": {
@@ -16,8 +16,8 @@
"allRightsReserved": "All rights reserved",
"hostedInGermany": "Hosted in Germany",
"gdprCompliant": "GDPR compliant",
"price": "Price",
"onRequest": "On request"
"price": "Flat rate for web app subscribers",
"onRequest": "Get a quote now"
},
"nav": {
"forWorksCouncils": "For Works Councils",
@@ -27,42 +27,42 @@
"contact": "Contact"
},
"footer": {
"brandDescription": "Digital co-determination for IT and AI systems. Structured processes, audit-proof documentation.",
"brandDescription": "Digital co-determination for IT and AI systems. Structured processes, risk-based approach, audit-proof documentation.",
"imprint": "Imprint",
"privacy": "Privacy Policy"
},
"hero": {
"badge": "Available now",
"title1": "Digital Co-determination",
"title2": "for IT and AI Systems",
"description": "Structure instead of chaos: All relevant information in one place, clear process steps and traceable documentation – making co-determination faster, more robust and continuously updatable.",
"badge": "Coming soon",
"title1": "Co-determination for IT and AI Systems via Web App",
"title2": "Structured Workflow to Agreement",
"description": "A comprehensive digital risk-differentiated workflow for works councils and employers in our new web app: Provide information, bundle documents, clarify questions, manage approvals and finalize agreements – centrally documented",
"cta": {
"requestDemo": "Request demo",
"discoverFeatures": "Discover features"
},
"cards": {
"riskAssessment": "Risk Assessment",
"pointsOpen": "3 points open",
"privacyImpact": "Privacy impact assessment",
"performanceCheck": "Check performance monitoring",
"pointsOpen": "2 points open",
"privacyImpact": "AI Usage",
"performanceCheck": "Reports and Evaluations",
"accessDefined": "Access rights defined",
"operatingAgreement": "Operating Agreement",
"inProgress": "In Progress",
"progress": "Progress",
"sectionsCompleted": "8 sections",
"sectionsCompleted": "5 sections",
"completed": "completed",
"commentsNew": "4 comments",
"new": "new",
"continueEditing": "Continue editing",
"completedTitle": "Completed",
"lastWeek": "Last week",
"bvCreated": "Agreement created!",
"lastWeek": "Last quarter",
"bvCreated": "Operating agreement created!",
"readyForSignature": "Ready for signature"
},
"scrollDown": "Scroll down"
},
"stats": {
"timeSaved": "Time saved in process",
"timeSaved": "Time savings",
"auditProof": "Audit-proof documented",
"availability": "Availability",
"mediaBreaks": "Media breaks",
@@ -78,10 +78,10 @@
"badge": "For Works Councils",
"title": "Benefits for {highlight}",
"titleHighlight": "Works Councils",
"description": "Away from information hunting and black-box systems – towards transparency and robust agreements.",
"description": "IT co-determination is intransparent, extensive, lengthy, complicated and overall cumbersome? Our web app offers the solution for all these problems.",
"tabs": {
"awayFrom": "Away from",
"towards": "Towards"
"awayFrom": "Typical Problems of IT Co-determination",
"towards": "Our Web App Offers the Solution"
},
"awayFromSubtitle": "Typical challenges from works council perspective",
"towardsSubtitle": "With GremiumHub",
@@ -96,16 +96,16 @@
],
"benefits": [
"Structured, complete information basis (uniform per system/processing)",
"Clear co-determination process with proven steps and responsibilities",
"Operating/service agreements on a solid basis – faster, more consistent, easily updatable",
"Transparency about system capabilities – including potential performance/behavior monitoring",
"Clear co-determination process with proven steps, responsibilities and risk classification",
"Significant time savings compared to conventional procedures for IT/AI systems",
"Comparability across many systems through standardization and uniform templates",
"Significant time savings compared to conventional procedures",
"Transparency about system capabilities – including potential performance/behavior monitoring",
"Protective measures consistently documented and traceable per evaluation/processing",
"Operating/service agreements on a solid basis – faster, more consistent, easily updatable",
"Noticeable relief: more time for other co-determination topics and continuous employee protection"
],
"highlightsTitle": "How it helps in {highlight}",
"highlightsTitleHighlight": "daily work",
"highlightsTitle": "This is how our {highlight} supports you",
"highlightsTitleHighlight": "Web App",
"highlights": [
{
"title": "Review faster",
@@ -127,11 +127,11 @@
"titleHighlight": "Companies",
"description": "Faster to agreed IT and AI system implementation with predictable timelines.",
"awayFrom": {
"title": "Away from",
"subtitle": "Typical challenges"
"title": "Problems with IT/AI System Implementation",
"subtitle": "Typical challenges from employer perspective"
},
"towards": {
"title": "Towards",
"title": "Our Web App Offers the Solution",
"subtitle": "With GremiumHub"
},
"painPoints": [
@@ -139,12 +139,12 @@
"Delays, project stops and last-minute changes shortly before go-live",
"High coordination effort (email/Excel/Word) and version chaos",
"Complexity and friction due to inconsistent processes and different expectations",
"Unclear scope of changes for updates/module extensions",
"Unclear processes for updates, feature extensions, new modules etc.",
"Loss of valuable time and limited resources",
"Avoidable costs (arbitration, external consulting, escalations)"
"Avoidable significant costs (arbitration board, external consulting, escalations)"
],
"benefits": [
"Plannable, faster procedures through standardization & clear process steps",
"Plannable, faster procedures through standardization and clear process steps",
"Better collaboration with works councils through transparency and traceable documentation",
"Risk-based approach: fast-track for standard/low-risk systems, focus on high-risk",
"Higher probability of agreement because the negotiation basis is structured",
@@ -248,38 +248,38 @@
"ctaButton": "Contact us"
},
"frameworkAgreement": {
"badge": "Optionally available",
"badge": "Regulatory Framework for the Web App",
"title": "Framework Operating Agreement {highlight}",
"titleHighlight": "IT/AI",
"description": "For getting started, we provide on request an optional framework operating/service agreement for IT and AI systems. It is tailored to the structure of the tool and contains field-tested regulation building blocks.",
"titleHighlight": "IT and AI Systems",
"description": "To get started, our partner law firm drafts on request a framework operating/service agreement for IT and AI systems. It is tailored to the structure of the tool as well as your company and contains field-tested regulation building blocks.",
"bulletPoints": [
"Template for a framework operating agreement for IT and AI systems",
"Tailored to the tool logic and documentation structure",
"Contains field-tested regulation building blocks as a starting point for system-specific agreements"
"Well-founded template for a framework operating/service agreement for IT and AI systems",
"Tailored to the web app logic and documentation structure",
"Contains field-tested regulation building blocks as a starting point for web app-based agreements"
],
"document": {
"title": "Framework Agreement IT/AI",
"subtitle": "Operating Agreement Template",
"title": "Framework Agreement IT and AI Systems",
"subtitle": "Basic Regulation for the Web App",
"tableOfContents": "Table of Contents",
"sections": [
{
"title": "Scope",
"description": "Definition of affected systems"
"description": "Material scope for IT and AI systems"
},
{
"title": "Co-determination Process",
"description": "Process steps and responsibilities"
"description": "Regulatory system and responsibilities"
},
{
"title": "Data Protection & Control",
"description": "Protective measures and evaluations"
"title": "Performance and Behavior Monitoring",
"description": "Protective measures and permissibility"
},
{
"title": "Change Management",
"description": "Updates and extensions"
}
],
"regulationBlocks": "12 regulation blocks",
"regulationBlocks": "14 regulation blocks",
"fieldTested": "Field-tested"
}
},
@@ -314,8 +314,8 @@
},
"expertAccess": {
"badge": "Expert Network",
"title": "External Expertise – Directly from the Process",
"description": "When parties cannot resolve certain questions, external expertise can optionally be requested directly in the system. Requests, follow-ups and results remain traceably documented.",
"title": "External Expertise – Cooperation with Specialist Law Firm for Works Councils",
"description": "When the parties cannot resolve certain questions, external expertise can optionally be requested directly in the system. We have a cooperation with Betriebsrat Kanzlei and Wagner IT Systems GmbH, who provide consulting at attractive rates. Requests, follow-up questions and results remain traceably documented.",
"cta": {
"contact": "Contact us",
"learnMore": "Learn more"
@@ -400,7 +400,7 @@
"denis": {
"name": "Denis Lugowski",
"role": "Full-Stack Developer",
"description": "Denis is a computer scientist (M.Sc.) and full-stack developer with expertise in frontend and backend development. He has experience with Kubernetes, container orchestration, and monitoring. His academic background includes developing congestion control in the Linux kernel and implementing the QUIC transport protocol in the Omnet++ simulation framework.",
"description": "Denis is a computer scientist (M.Sc.) and full-stack developer with many years of experience in frontend and backend development. He works in an enterprise environment where the highest standards for security, data protection, scalability and reliability are required.",
"imageAlt": "Profile picture of Denis Lugowski",
"linkedinLabel": "Open Denis Lugowski's LinkedIn profile"
}