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"