mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

frontend fixes
Some checks failed
Build & Deploy KLZ Cables / build-and-deploy (push) Failing after 1m37s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-01-26 20:21:17 +01:00
parent a8f7c5370b
commit cbb7855804
10 changed files with 177 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/home/WhyChooseUs.tsx
View File

@@ -6,12 +6,12 @@ export default function WhyChooseUs() {
const t = useTranslations('Home.whyChooseUs');
return (
<Section className="bg-neutral-light text-white">
<Section className="bg-neutral-light">
<Container>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24">
<div className="lg:col-span-4 order-1 lg:order-2">
<div className="sticky top-32">
<Heading level={2} subtitle={t('whyKlz')}>
<Heading level={2} subtitle={t('whyKlz')} className="text-primary-dark">
{t('title')}
</Heading>
<p className="text-base md:text-lg text-text-secondary leading-relaxed">
@@ -26,7 +26,7 @@ export default function WhyChooseUs() {
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
</svg>
</div>
<span className="font-bold text-white text-base md:text-base">{t(`features.${i}`)}</span>
<span className="font-bold text-primary-dark text-base md:text-base">{t(`features.${i}`)}</span>
</div>
))}
</div>
@@ -38,7 +38,7 @@ export default function WhyChooseUs() {
<div className="w-14 h-14 bg-saturated/10 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-accent transition-colors duration-500">
<span className="text-white font-bold text-lg group-hover:text-primary-dark">0{idx + 1}</span>
</div>
<h3 className="text-xl font-bold mb-4 text-white">{t(`items.${idx}.title`)}</h3>
<h3 className="text-xl font-bold mb-4 text-primary-dark">{t(`items.${idx}.title`)}</h3>
<p className="text-text-secondary text-base md:text-base leading-relaxed">{t(`items.${idx}.description`)}</p>
</div>
))}