fix: interactive map visuals and docker dev setup

- Removed confusing SVG lines from map

- Restored distinct clickable markers for major references

- Fixed corepack failing to install pnpm v11 in Docker by explicitly forcing v10

- Added direct port mapping 3001:3001 to bypass proxy issues

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

@@ -26,8 +26,12 @@ import { FaqBlock } from '@/components/blocks/FaqBlock';
 import { CertificatesBlock } from '@/components/blocks/CertificatesBlock';
 import { HeroSection } from '@/components/blocks/HeroSection';
 import { TeamGrid } from '@/components/blocks/TeamGrid';
+import { DeepDrillAnimation } from '@/components/blocks/DeepDrillAnimation';
+import { DataGridPulse } from '@/components/blocks/DataGridPulse';
+import { GrowthChart } from '@/components/blocks/GrowthChart';
 import JsonLd from '@/components/JsonLd';
 import { Button } from '@/components/ui/Button';
+import { AnimatedCounter } from '@/components/ui';
 
 
 const mdxComponents = {
@@ -47,6 +51,10 @@ const mdxComponents = {
   TeamGrid,
   JsonLd,
   Button,
+  AnimatedCounter,
+  GrowthChart,
+  DeepDrillAnimation,
+  DataGridPulse,
   // Standard HTML element mapping for consistent E-TIB typography
   h1: (props: any) => <Heading level={1} size="2" className="hidden" {...props} />, // Hidden because Hero handles H1
   h2: (props: any) => <Heading level={2} size="3" className="mt-16 mb-6 border-b border-neutral-100 pb-4" {...props} />,

app/[locale]/page.tsx

@@ -18,6 +18,9 @@ import JsonLd from '@/components/JsonLd';
 
 import { Button } from '@/components/ui/Button';
 import { Heading } from '@/components/ui/Heading';
+import { AnimatedCounter } from '@/components/ui';
+import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
+import { ScaleOfImpact } from '@/components/blocks/ScaleOfImpact';
 import { getAllReferences } from '@/lib/references';
 
 const mdxComponents = (references: any[]) => ({
@@ -31,6 +34,9 @@ const mdxComponents = (references: any[]) => ({
   JsonLd,
   Button,
   Heading,
+  AnimatedCounter,
+  InteractiveGermanyMap,
+  ScaleOfImpact,
 });
 
 export async function generateMetadata(props: any): Promise<Metadata> {

app/[locale]/referenzen/page.tsx

@@ -8,7 +8,7 @@ import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { SITE_URL } from '@/lib/schema';
 import Image from 'next/image';
 import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
-import { defaultLocations } from '@/lib/map-data';
+import { defaultLocations, minorLocations } from '@/lib/map-data';
 
 interface PageProps {
   params: Promise<{
@@ -52,8 +52,8 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
 
   const references = await getAllReferences(locale);
   
-  // Enrich the static map locations with dynamic project data (images, details)
-  const enrichedLocations = defaultLocations.map(loc => {
+  const allLocations = [...defaultLocations, ...minorLocations];
+  const enrichedLocations = allLocations.map(loc => {
     if (loc.type === 'project') {
       const ref = references.find(r => r.slug === loc.id);
       if (ref) {
@@ -71,9 +71,10 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
   });
 
   return (
-    <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24 pt-24 md:pt-32">
+    <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24">
       {/* Map Hero Section */}
       <InteractiveGermanyMap
+        isHero={true}
         badge="Unsere Referenzen"
         title={<>Erfolgreich umgesetzte<br/>Projekte.</>}
         description="Vom Breitbandausbau bis zur komplexen 110kV-Trasse: Ein Auszug unserer bundesweiten Projekte, bei denen wir Infrastruktur für die Zukunft geschaffen haben. Entdecken Sie unsere Standorte."