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

wip

Browse Source
This commit is contained in:
Marc Mintel
2026-01-17 02:15:11 +01:00
parent c8f61257c9
commit 7c5b91749b
56 changed files with 818 additions and 731 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/Footer.tsx
View File

@@ -1,9 +1,10 @@
import Link from 'next/link';
import Image from 'next/image';
import { useTranslations } from 'next-intl';
import { useTranslations, useLocale } from 'next-intl';
export default function Footer() {
const t = useTranslations('Footer');
const locale = useLocale();
const currentYear = new Date().getFullYear();
return (
@@ -13,15 +14,15 @@ export default function Footer() {
{/* Column 1: Legal & Languages */}
<div className="space-y-8">
<div>
<h4 className="text-lg font-bold mb-4">Legal</h4>
<h4 className="text-lg font-bold mb-4">{t('legal')}</h4>
<ul className="space-y-2 text-sm text-text-secondary">
<li><Link href="/legal-notice" className="hover:text-primary">Legal Notice</Link></li>
<li><Link href="/privacy-policy" className="hover:text-primary">Privacy Policy</Link></li>
<li><Link href="/terms" className="hover:text-primary">Terms</Link></li>
<li><Link href={`/${locale}/${t('legalNoticeSlug')}`} className="hover:text-primary">{t('legalNotice')}</Link></li>
<li><Link href={`/${locale}/${t('privacyPolicySlug')}`} className="hover:text-primary">{t('privacyPolicy')}</Link></li>
<li><Link href={`/${locale}/${t('termsSlug')}`} className="hover:text-primary">{t('terms')}</Link></li>
</ul>
</div>
<div>
<h4 className="text-lg font-bold mb-4">Languages</h4>
<h4 className="text-lg font-bold mb-4">{t('languages')}</h4>
<ul className="space-y-2 text-sm text-text-secondary">
<li><Link href="/en" className="hover:text-primary">English</Link></li>
<li><Link href="/de" className="hover:text-primary">Deutsch</Link></li>
@@ -47,7 +48,7 @@ export default function Footer() {
{/* Column 2: Archives */}
<div>
<h4 className="text-lg font-bold mb-4">Archives</h4>
<h4 className="text-lg font-bold mb-4">{t('archives')}</h4>
<ul className="space-y-2 text-sm text-text-secondary">
<li><Link href="#" className="hover:text-primary">November 2025</Link></li>
<li><Link href="#" className="hover:text-primary">September 2025</Link></li>
@@ -59,7 +60,7 @@ export default function Footer() {
{/* Column 3: Categories */}
<div>
<h4 className="text-lg font-bold mb-4">Categories</h4>
<h4 className="text-lg font-bold mb-4">{t('categories')}</h4>
<ul className="space-y-2 text-sm text-text-secondary">
<li><Link href="#" className="hover:text-primary">Cable Logistics</Link></li>
<li><Link href="#" className="hover:text-primary">Cable Technology</Link></li>
@@ -70,7 +71,7 @@ export default function Footer() {
{/* Column 4: Recent Posts */}
<div className="lg:col-span-2">
<h4 className="text-lg font-bold mb-4">Recent Posts</h4>
<h4 className="text-lg font-bold mb-4">{t('recentPosts')}</h4>
<ul className="space-y-4 text-sm text-text-secondary">
<li>
<Link href="#" className="hover:text-primary block font-medium">Focus on wind farm construction: three typical cable challenges</Link>