fix: full translation parity, component consistency, and link clickability

components/blocks/InteractiveGermanyMap.tsx

@@ -7,7 +7,7 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
 import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
-import { useLocale } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 
 const allLocations = [...defaultLocations, ...minorLocations];
 
@@ -27,9 +27,9 @@ interface InteractiveGermanyMapProps {
 }
 
 export function InteractiveGermanyMap({
-  badge = 'Einsatzgebiete',
-  title = <>Deutschlandweit<br/>für Sie im Einsatz.</>,
-  description = 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.',
+  badge,
+  title,
+  description,
   stats = [
     { value: '100', suffix: '%', label: 'Überregionale Reichweite' },
     { value: '2', suffix: '+', label: 'Operative Standorte' },
@@ -40,6 +40,13 @@ export function InteractiveGermanyMap({
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
   const router = useRouter();
   const locale = useLocale();
+  const t = useTranslations('InteractiveGermanyMap');
+  const tStandard = useTranslations('StandardPage');
+
+  const finalBadge = badge || tStandard('badge');
+  // the map is mostly used with specific props, so we leave title & description to fallbacks if not provided
+  const finalTitle = title || (locale === 'en' ? <>Nationwide<br/>in operation for you.</> : <>Deutschlandweit<br/>für Sie im Einsatz.</>);
+  const finalDescription = description || (locale === 'en' ? 'From our strategic locations in Guben and Bülstedt, we control and implement complex infrastructure projects nationwide.' : 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.');
 
   const hq = locations.find((l) => l.type === 'hq');
   const branch = locations.find((l) => l.type === 'branch');
@@ -62,21 +69,21 @@ export function InteractiveGermanyMap({
           <div className="xl:col-span-5 text-white z-20">
             <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-wider mb-8">
               <MapPin className="w-4 h-4" />
-              <span>{badge}</span>
+              <span>{finalBadge}</span>
             </div>
             
             {isHero ? (
               <h1 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
-                {title}
+                {finalTitle}
               </h1>
             ) : (
               <h3 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
-                {title}
+                {finalTitle}
               </h3>
             )}
             
             <p className="text-white/60 text-lg mb-12 leading-relaxed">
-              {description}
+              {finalDescription}
             </p>
 
             {/* Industrial Stats Grid */}
@@ -204,9 +211,7 @@ export function InteractiveGermanyMap({
                         <div className="flex items-center gap-2 mb-1">
                           <MapPin className="w-3.5 h-3.5 text-primary" />
                           <span className="text-xs font-bold text-primary uppercase tracking-wider">
-                            {activeLocation.type === 'hq' ? 'Hauptsitz' : 
-                             activeLocation.type === 'branch' ? 'Niederlassung' : 
-                             activeLocation.type === 'minor_node' ? 'Projekt' : 'Referenz'}
+                            {t(`types.${activeLocation.type === 'minor_node' ? 'project' : activeLocation.type}`)}
                           </span>
                         </div>
                         <div className="font-heading font-bold text-lg leading-tight mb-2">
@@ -218,12 +223,7 @@ export function InteractiveGermanyMap({
                           </div>
                         ) : (
                           <div className="text-white/60 text-xs mb-3">
-                            {activeLocation.description === 'wind' ? 'Errichtung Leitungstrassen & Netzanbindung für Windpark-Infrastruktur.' :
-                             activeLocation.description === 'pv' ? 'Bau von Mittelspannungstrassen zur Einspeisung der PV-Anlage.' :
-                             activeLocation.description === 'fiber' ? 'Komplexer FTTx Breitbandausbau inkl. LWL-Montage & Tiefbau.' :
-                             activeLocation.description === 'power' ? '110kV Hochspannungstrasse Erdkabelverlegung.' :
-                             activeLocation.description === 'battery' ? 'Infrastrukturausbau für BESS (Batteriespeicher).' :
-                             'Komplexes Infrastrukturprojekt (Tiefbau & HDD).'}
+                            {t(`descriptions.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}
                           </div>
                         )}
                         
@@ -233,17 +233,11 @@ export function InteractiveGermanyMap({
                               <>
                                 <li className="text-[11px] text-white/80 flex items-start gap-2 font-medium">
                                   <CheckCircle2 className="w-3 h-3 text-primary shrink-0 mt-0.5" />
-                                  <span>{
-                                    activeLocation.description === 'wind' ? 'Netzanbindung Windpark' :
-                                    activeLocation.description === 'pv' ? 'Einspeisung PV-Anlage' :
-                                    activeLocation.description === 'fiber' ? 'FTTx Infrastruktur' :
-                                    activeLocation.description === 'power' ? '110kV Trasse' :
-                                    activeLocation.description === 'battery' ? 'BESS Anschluss' : 'Infrastrukturprojekt'
-                                  }</span>
+                                  <span>{t(`features.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}</span>
                                 </li>
                                 <li className="text-[11px] text-white/80 flex items-start gap-2 font-medium">
                                   <CheckCircle2 className="w-3 h-3 text-primary shrink-0 mt-0.5" />
-                                  <span>Tiefbau & Spülbohrung (HDD)</span>
+                                  <span>{t('features.method')}</span>
                                 </li>
                               </>
                             ) : (
@@ -259,7 +253,7 @@ export function InteractiveGermanyMap({
 
                         {activeLocation.href && (
                           <div className="inline-flex items-center text-xs font-bold text-primary">
-                            {locale === 'en' ? 'Learn more' : 'Zum Projekt'}
+                            {t('learnMore')}
                             <ArrowUpRight className="w-3.5 h-3.5 ml-1" />
                           </div>
                         )}