fix(i18n): ensure 100% translation parity on all pages and components

app/[locale]/[slug]/page.tsx

@@ -162,7 +162,7 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
           ...loc,
           featuredImage: ref.frontmatter.featuredImage,
           details: [
-            ref.frontmatter.client || 'Kunde',
+            ref.frontmatter.client || t('client'),
             ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear().toString(),
           ],
         };

app/[locale]/referenzen/page.tsx

@@ -129,14 +129,14 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
                   {/* Technical Meta Data */}
                   <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 pr-16 md:pr-20 relative z-10">
                     <div className="min-w-0">
-                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Kunde</span>
+                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">{t('client')}</span>
                       <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
                         <Briefcase className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
-                        <span className="line-clamp-2">{ref.frontmatter.client}</span>
+                        <span className="line-clamp-2">{ref.frontmatter.client || t('client')}</span>
                       </span>
                     </div>
                     <div className="min-w-0">
-                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Zeitraum</span>
+                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">{t('period')}</span>
                       <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
                         <Calendar className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
                         <span className="line-clamp-2">{ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear()}</span>
@@ -158,8 +158,8 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
         <div className="mt-24 p-8 md:p-12 bg-primary-dark rounded-3xl text-white shadow-2xl relative overflow-hidden group">
           <div className="absolute top-0 right-0 w-64 h-full bg-accent/5 -skew-x-12 translate-x-1/2 transition-transform group-hover:translate-x-1/3" />
           <div className="relative z-10 max-w-2xl">
-            <h3 className="text-2xl md:text-3xl font-bold mb-4">Ihr nächstes Projekt?</h3>
-            <p className="text-lg text-white/70 mb-8">Lassen Sie uns gemeinsam herausragende Infrastruktur bauen.</p>
+            <h3 className="text-2xl md:text-3xl font-bold mb-4">{t('nextProjectTitle')}</h3>
+            <p className="text-lg text-white/70 mb-8">{t('nextProjectDesc')}</p>
             <TrackedLink
               href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
               className={getButtonClasses('accent', 'lg')}

components/blocks/CallToAction.tsx

@@ -3,6 +3,7 @@
 import React from 'react';
 import { Button } from '@/components/ui/Button';
 import { motion } from 'framer-motion';
+import { useTranslations } from 'next-intl';
 
 export interface CallToActionProps {
   title?: string;
@@ -32,14 +33,15 @@ const itemVariants = {
   },
 };
 
-export const CallToAction: React.FC<CallToActionProps> = ({
-  title = 'Bereit für Ihr Projekt?',
-  description = 'Wir suchen stets nach neuen Herausforderungen und starken Partnern. Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.',
-  ctaLabel = 'Jetzt Kontakt aufnehmen',
-  ctaHref = '/de/kontakt',
-  theme = 'light'
-}) => {
+export const CallToAction: React.FC<CallToActionProps> = (props) => {
+  const { theme = 'light' } = props;
   const isDark = theme === 'dark';
+  const t = useTranslations('CallToAction');
+  
+  const title = props.title || t('title');
+  const description = props.description || t('description');
+  const ctaLabel = props.ctaLabel || t('ctaLabel');
+  const ctaHref = props.ctaHref || t('ctaHref');
   
   return (
     <div className={`py-24 text-center ${isDark ? 'bg-primary-dark text-white' : 'bg-neutral-50 border-t border-neutral-100'}`}>

components/blocks/CertificatesBlock.tsx

@@ -147,7 +147,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
             return (
               <motion.a
                 key={index}
-                href={cert.pdfUrl}
+                href={encodeURI(cert.pdfUrl)}
                 target="_blank"
                 rel="noopener noreferrer"
                 variants={itemVariants}

components/blocks/JobListingBlock.tsx

@@ -5,6 +5,7 @@ import Link from 'next/link';
 import { Button } from '@/components/ui/Button';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
 import { motion } from 'framer-motion';
+import { useTranslations } from 'next-intl';
 
 export interface JobListingBlockProps {
   title?: string;
@@ -45,20 +46,23 @@ const itemVariants = {
 };
 
 export const JobListingBlock = (props: JobListingBlockProps) => {
+  const t = useTranslations('JobListingBlock');
+  
   const { 
-    title, 
     showJobs = true,
     showFairs,
-    fairsTitle = 'Nächste Messetermine',
+    fairsTitle = t('fairsTitle'),
     fairs = [
       { name: 'Intersolar München', date: 'Termin folgt', type: 'Energie-Messe', location: 'Messe München' },
       { name: 'Windenergietage Linstow', date: 'Termin folgt', type: 'Fachkongress', location: 'Linstow' },
       { name: 'Kabelwerkstatt Wiesbaden', date: 'Termin folgt', type: 'Fachmesse', location: 'Wiesbaden' }
     ],
-    emptyStateMessage = 'Aktuell sind alle Positionen besetzt. Senden Sie uns gerne eine Initiativbewerbung!',
-    emptyStateLinkText = 'Jetzt Kontakt aufnehmen',
+    emptyStateMessage = t('emptyStateMessage'),
+    emptyStateLinkText = t('emptyStateLinkText'),
     emptyStateLinkHref = '/kontakt'
   } = props;
+  
+  const title = props.title || t('title');
 
   // Since Payload is removed, we use an empty array or static data
   const jobs: any[] = [];
@@ -118,7 +122,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                             <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
                           </div>
                           <div>
-                            <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Datum</p>
+                            <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('date')}</p>
                             <p className="text-white/90 font-medium">{messe.date}</p>
                           </div>
                         </div>
@@ -129,7 +133,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                               <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                             </div>
                             <div>
-                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Location</p>
+                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('location')}</p>
                               <p className="text-white/90 font-medium">{messe.location}</p>
                             </div>
                           </div>
@@ -141,7 +145,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                               <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                             </div>
                             <div>
-                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Stand</p>
+                              <p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('booth')}</p>
                               <p className="text-primary-light font-bold text-sm">{messe.booth}</p>
                             </div>
                           </div>
@@ -180,7 +184,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
               transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }}
               className="font-heading font-extrabold text-4xl text-neutral-dark mb-8"
             >
-              {title || 'Aktuelle Stellenangebote'}
+              {title}
             </motion.h2>
             
             {jobs.length > 0 ? (
@@ -206,7 +210,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
                         <p className="text-text-secondary mt-1">{job.location}</p>
                       </div>
                       <div className="flex items-center text-primary font-bold group-hover:translate-x-2 transition-transform">
-                        Details ansehen
+                        {t('viewDetails')}
                         <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 ml-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                       </div>
                     </Link>

components/layout/Footer.tsx

@@ -104,12 +104,12 @@ export function Footer({ companyInfo }: FooterProps) {
             </h4>
             <ul className="space-y-2 md:space-y-4 relative z-10 flex-grow">
               {[
-                { label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/kompetenzen` },
-                { label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/ueber-uns` },
+                { label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/${locale === 'de' ? 'kompetenzen' : 'competencies'}` },
+                { label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
                 { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
                 { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
-                { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/karriere` },
-                { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/messen` },
+                { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
+                { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/${locale === 'de' ? 'messen' : 'trade-fairs'}` },
                 { label: locale === 'de' ? 'Kontakt' : 'Contact', href: `/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}` },
               ].map((link) => (
                 <li key={link.href}>
@@ -131,8 +131,8 @@ export function Footer({ companyInfo }: FooterProps) {
             </h4>
             <ul className="space-y-2 md:space-y-4 relative z-10 flex-grow">
               {[
-                { label: locale === 'de' ? 'Impressum' : 'Imprint', href: `/${locale}/impressum` },
-                { label: locale === 'de' ? 'Datenschutz' : 'Privacy Policy', href: `/${locale}/datenschutz` },
+                { label: locale === 'de' ? 'Impressum' : 'Imprint', href: `/${locale}/${locale === 'de' ? 'impressum' : 'imprint'}` },
+                { label: locale === 'de' ? 'Datenschutz' : 'Privacy Policy', href: `/${locale}/${locale === 'de' ? 'datenschutz' : 'privacy-policy'}` },
                 { label: locale === 'de' ? 'AGB' : 'Terms', href: `/${locale}/${locale === 'de' ? 'agb' : 'terms'}` },
               ].map((link) => (
                 <li key={link.href}>

content/de/messen.mdx

@@ -19,8 +19,8 @@ layout: "fullBleed"
     showFairs={true} 
     showJobs={false} 
     fairs={[
-      { name: 'Intersolar München', date: '2024 / 2025', type: 'Messe', location: 'München' },
-      { name: 'Windenergietage Linstow', date: '2024 / 2025', type: 'Fachkongress', location: 'Linstow' },
+      { name: 'Intersolar München', date: '2024 / 2025', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' },
+      { name: 'Windenergietage Linstow', date: '2024 / 2025', type: 'Fachkongress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
       { name: 'Kabel-Workshop Wiesbaden', date: '2024 / 2025', type: 'Fachmesse', location: 'Wiesbaden' }
     ]}
   />

content/en/messen.mdx

@@ -19,8 +19,8 @@ layout: "fullBleed"
     showFairs={true} 
     showJobs={false} 
     fairs={[
-      { name: 'Intersolar Munich', date: '2024 / 2025', type: 'Fair', location: 'Munich' },
-      { name: 'Wind Energy Days Linstow', date: '2024 / 2025', type: 'Specialist Congress', location: 'Linstow' },
+      { name: 'Intersolar Munich', date: '2024 / 2025', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' },
+      { name: 'Wind Energy Days Linstow', date: '2024 / 2025', type: 'Specialist Congress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
       { name: 'Cable Workshop Wiesbaden', date: '2024 / 2025', type: 'Trade Fair', location: 'Wiesbaden' }
     ]}
   />

messages/de.json

@@ -157,7 +157,26 @@
     "overview": "Übersicht",
     "needHelp": "Brauchen Sie Unterstützung?",
     "supportTeamAvailable": "Unser Expertenteam steht Ihnen für alle Fragen rund um Ihr Infrastrukturprojekt zur Verfügung.",
-    "contactUs": "Kontaktieren Sie uns"
+    "contactUs": "Kontaktieren Sie uns",
+    "nextProjectTitle": "Ihr nächstes Projekt?",
+    "nextProjectDesc": "Lassen Sie uns gemeinsam herausragende Infrastruktur bauen.",
+    "client": "Kunde",
+    "period": "Zeitraum"
+  },
+  "CallToAction": {
+    "title": "Bereit für Ihr Projekt?",
+    "description": "Wir suchen stets nach neuen Herausforderungen und starken Partnern. Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.",
+    "ctaLabel": "Jetzt Kontakt aufnehmen"
+  },
+  "JobListingBlock": {
+    "fairsTitle": "Nächste Messetermine",
+    "emptyStateMessage": "Aktuell sind alle Positionen besetzt. Senden Sie uns gerne eine Initiativbewerbung!",
+    "emptyStateLinkText": "Jetzt Kontakt aufnehmen",
+    "date": "Datum",
+    "location": "Location",
+    "booth": "Stand",
+    "viewDetails": "Details ansehen",
+    "title": "Aktuelle Stellenangebote"
   },
   "Error": {
     "title": "Hoppla!",

messages/en.json

@@ -157,7 +157,26 @@
     "overview": "Overview",
     "needHelp": "Need support?",
     "supportTeamAvailable": "Our team of experts is available to answer all your questions regarding your infrastructure project.",
-    "contactUs": "Contact Us"
+    "contactUs": "Contact Us",
+    "nextProjectTitle": "Your next project?",
+    "nextProjectDesc": "Let's build outstanding infrastructure together.",
+    "client": "Client",
+    "period": "Period"
+  },
+  "CallToAction": {
+    "title": "Ready for your project?",
+    "description": "We are always looking for new challenges and strong partners. Contact us for a non-binding consultation about your project.",
+    "ctaLabel": "Contact us now"
+  },
+  "JobListingBlock": {
+    "fairsTitle": "Upcoming Trade Fairs",
+    "emptyStateMessage": "All positions are currently filled. Feel free to send us an unsolicited application!",
+    "emptyStateLinkText": "Contact us now",
+    "date": "Date",
+    "location": "Location",
+    "booth": "Booth",
+    "viewDetails": "View details",
+    "title": "Current Job Openings"
   },
   "Error": {
     "title": "Oops!",

scratch/test-slugs.ts

@@ -0,0 +1,6 @@
+import { mapSlugToFileSlug } from '../lib/slugs';
+async function test() {
+  const result = await mapSlugToFileSlug('imprint', 'en');
+  console.log("imprint maps to:", result);
+}
+test();