feat(landing): New translations, add extra benefit kicker
This commit is contained in:
@@ -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']
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user