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

wip
Some checks failed
Build & Deploy / deploy (push) Failing after 19s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-01-17 16:33:19 +01:00
parent d4e4142381
commit d8184caa9d
17 changed files with 287 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/Footer.tsx
View File

@@ -5,6 +5,7 @@ import { Container, Heading } from './ui';
export default function Footer() {
const t = useTranslations('Footer');
const navT = useTranslations('Navigation');
const locale = useLocale();
const currentYear = new Date().getFullYear();
@@ -19,7 +20,7 @@ export default function Footer() {
<Link href={`/${locale}`} className="inline-block group">
<Image
src="/logo-white.svg"
alt="KLZ Cables"
alt={t('products')}
width={150}
height={40}
className="h-10 w-auto transition-transform duration-500 group-hover:scale-110"
@@ -27,7 +28,7 @@ export default function Footer() {
/>
</Link>
<p className="text-white/60 text-lg leading-relaxed max-w-sm">
Leading the way in cable infrastructure and sustainable energy solutions. Quality, innovation, and reliability since 1998.
{t('tagline')}
</p>
<div className="flex gap-4">
<a href="https://www.linkedin.com/company/klz-vertriebs-gmbh/" target="_blank" rel="noopener noreferrer" className="w-12 h-12 rounded-full bg-white/5 flex items-center justify-center hover:bg-accent hover:text-primary-dark transition-all duration-300 border border-white/10">
@@ -50,12 +51,12 @@ export default function Footer() {
</div>
<div className="lg:col-span-2">
<h4 className="text-accent font-bold uppercase tracking-widest text-sm mb-8">Company</h4>
<h4 className="text-accent font-bold uppercase tracking-widest text-sm mb-8">{t('company')}</h4>
<ul className="space-y-4 text-white/70">
<li><Link href={`/${locale}/team`} className="hover:text-white transition-colors">Our Team</Link></li>
<li><Link href={`/${locale}/products`} className="hover:text-white transition-colors">Products</Link></li>
<li><Link href={`/${locale}/blog`} className="hover:text-white transition-colors">Blog</Link></li>
<li><Link href={`/${locale}/contact`} className="hover:text-white transition-colors">Contact</Link></li>
<li><Link href={`/${locale}/team`} className="hover:text-white transition-colors">{navT('team')}</Link></li>
<li><Link href={`/${locale}/products`} className="hover:text-white transition-colors">{navT('products')}</Link></li>
<li><Link href={`/${locale}/blog`} className="hover:text-white transition-colors">{navT('blog')}</Link></li>
<li><Link href={`/${locale}/contact`} className="hover:text-white transition-colors">{navT('contact')}</Link></li>
</ul>
</div>
@@ -72,7 +73,7 @@ export default function Footer() {
<p className="text-white/80 font-bold group-hover:text-accent transition-colors leading-snug mb-2">
{post}
</p>
<span className="text-xs text-white/40 uppercase tracking-widest">Read Article &rarr;</span>
<span className="text-xs text-white/40 uppercase tracking-widest">{t('readArticle')} &rarr;</span>
</Link>
</li>
))}
@@ -81,7 +82,7 @@ export default function Footer() {
</div>
<div className="pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-8 text-white/40 text-sm font-medium">
<p>Copyright © {currentYear} KLZ Vertriebs GmbH. All rights reserved.</p>
<p>{t('copyright', { year: currentYear })}</p>
<div className="flex gap-8">
<Link href="/en" className="hover:text-white transition-colors">English</Link>
<Link href="/de" className="hover:text-white transition-colors">Deutsch</Link>