feat(landing): New translations, add extra benefit kicker

This commit is contained in:
2026-01-17 08:28:45 +01:00
parent 00b49a5cb2
commit 78b340bbc6
4 changed files with 39 additions and 13 deletions

View File

@@ -97,6 +97,33 @@
</div>
</div>
<!-- Extra Benefit Kicker - Highlighted summary -->
<div
class="mt-4 animate-fade-in-up"
:style="{ animationDelay: '700ms' }"
role="complementary"
:aria-label="$t('worksCouncil.extraBenefitKicker')"
>
<div
class="relative overflow-hidden rounded-2xl bg-gradient-to-r from-primary-500 via-cyan-500 to-accent-500 p-[2px]"
>
<div
class="rounded-[14px] bg-white dark:bg-gray-900 px-6 py-5 sm:px-8 sm:py-6"
>
<div class="flex items-center gap-4 sm:gap-5">
<div
class="shrink-0 w-12 h-12 sm:w-14 sm:h-14 rounded-2xl bg-gradient-to-br from-primary-500 via-cyan-500 to-accent-500 flex items-center justify-center shadow-lg shadow-primary-500/25"
>
<UIcon name="i-lucide-sparkles" class="w-6 h-6 sm:w-7 sm:h-7 text-white" />
</div>
<p class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white leading-relaxed">
{{ $t('worksCouncil.extraBenefitKicker') }}
</p>
</div>
</div>
</div>
</div>
<!-- Highlights section -->
<div class="mt-12">
<div class="section-divider mb-8" />
@@ -145,12 +172,11 @@ const painPointIcons = [
const benefitIcons = [
'i-lucide-layout-list',
'i-lucide-route',
'i-lucide-file-check',
'i-lucide-scan-eye',
'i-lucide-git-compare',
'i-lucide-clock',
'i-lucide-git-compare',
'i-lucide-scan-eye',
'i-lucide-shield-check',
'i-lucide-heart-handshake'
'i-lucide-file-check'
]
const highlightIcons = ['i-lucide-zap', 'i-lucide-handshake', 'i-lucide-shield']

View File

@@ -140,7 +140,7 @@
<!-- LinkedIn link -->
<a
href="https://www.linkedin.com/in/denis-lugowski/"
href="https://www.linkedin.com/in/denis-lugowski-39914a17a/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 text-gray-500 hover:text-primary-600 dark:text-gray-400 dark:hover:text-primary-400 transition-colors mb-6"

View File

@@ -101,9 +101,9 @@
"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"
"Betriebs-/Dienstvereinbarungen auf belastbarer Grundlage schneller, konsistenter, leicht aktualisierbar"
],
"extraBenefitKicker": "Spürbare Entlastung: mehr Zeit für andere Mitbestimmungsthemen und kontinuierlichen Arbeitnehmerschutz",
"highlightsTitle": "Hierbei unterstützt unsere {highlight}",
"highlightsTitleHighlight": "Web-App",
"highlights": [
@@ -291,7 +291,7 @@
"submit": "Anmelden",
"submitted": "E-Mail gesendet!",
"success": "Bitte bestätigen Sie Ihr Abonnement über den Link in der E-Mail, die wir Ihnen soeben gesendet haben.",
"privacyNote": "Mit der Anmeldung stimmen Sie unserer {link} zu. Wir versenden keinen Spam.",
"privacyNote": "Hiermit willige ich darin ein, dass die GremiumHub GbR mich regelmäßig (max. 2 mal monatlich) über die Entwicklung der Web-App informiert. Ja, ich habe die {link} zur Kenntnis genommen. Mit der elektronischen Verarbeitung meiner Daten in dem in der Datenschutzerklärung angegebenenen Umfang bin ich einverstanden. Diese Einwilligung ist jederzeit für die Zukunft widerruflich.",
"privacyLink": "Datenschutzerklärung",
"validation": {
"required": "Bitte geben Sie eine E-Mail-Adresse ein",
@@ -399,7 +399,7 @@
},
"denis": {
"name": "Denis Lugowski",
"role": "Full-Stack Developer",
"role": "Senior Full-Stack Developer",
"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"

View File

@@ -101,9 +101,9 @@
"Comparability across many systems through standardization and uniform templates",
"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"
"Operating/service agreements on a solid basis faster, more consistent, easily updatable"
],
"extraBenefitKicker": "Noticeable relief: more time for other co-determination topics and continuous employee protection",
"highlightsTitle": "This is how our {highlight} supports you",
"highlightsTitleHighlight": "Web App",
"highlights": [
@@ -291,7 +291,7 @@
"submit": "Subscribe",
"submitted": "Email sent!",
"success": "Please confirm your subscription via the link in the email we just sent you.",
"privacyNote": "By subscribing, you agree to our {link}. We don't send spam.",
"privacyNote": "I hereby consent to GremiumHub GbR informing me regularly (max. 2 times per month) about the development of the web app. Yes, I have taken note of the {link}. I agree to the electronic processing of my data to the extent specified in the privacy policy. This consent can be revoked at any time for the future.",
"privacyLink": "Privacy Policy",
"validation": {
"required": "Please enter an email address",
@@ -399,7 +399,7 @@
},
"denis": {
"name": "Denis Lugowski",
"role": "Full-Stack Developer",
"role": "Senior Full-Stack Developer",
"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"