diff --git a/app/[locale]/referenzen/page.tsx b/app/[locale]/referenzen/page.tsx
index 55011f47a..544380b3b 100644
--- a/app/[locale]/referenzen/page.tsx
+++ b/app/[locale]/referenzen/page.tsx
@@ -8,6 +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 { HeroSection } from '@/components/blocks/HeroSection';
 import { defaultLocations, minorLocations } from '@/lib/map-data';
 
 interface PageProps {
@@ -72,7 +73,16 @@ 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">
-      {/* Map Hero Section */}
+      {/* Hero Section */}
+      <HeroSection
+        badge="Referenzen"
+        title="Erfolgreich umgesetzte Projekte."
+        subtitle="Vom Breitbandausbau bis zur komplexen 110kV-Trasse: Ein Auszug unserer bundesweiten Projekte, bei denen wir Infrastruktur für die Zukunft geschaffen haben."
+        alignment="center"
+        backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
+      />
+
+      {/* Map Section */}
       <InteractiveGermanyMap
         isHero={true}
         badge={locale === 'en' ? 'Our References' : 'Unsere Referenzen'}
diff --git a/components/blocks/InteractiveGermanyMap.tsx b/components/blocks/InteractiveGermanyMap.tsx
index 2f7f837d0..e0132a6c1 100644
--- a/components/blocks/InteractiveGermanyMap.tsx
+++ b/components/blocks/InteractiveGermanyMap.tsx
@@ -71,7 +71,7 @@ export function InteractiveGermanyMap({
     <div key={isHero ? `hero-map-${pathname}` : undefined} className={isHero ? "relative w-full" : "relative w-full max-w-7xl mx-auto py-16 md:py-24 px-4 sm:px-6 mt-16 md:mt-20"}>
       <div className={`bg-[#050B14] ${isHero ? 'pt-32 pb-16 md:pt-40 md:pb-24' : 'rounded-[2.5rem] md:rounded-[3.5rem] shadow-2xl border border-white/5'} overflow-visible relative group/map`}>
         {/* Animated Border Glow */}
-        {!isHero && <AnimatedGlossyBorder opacity={0.7} className="z-30" />}
+        <AnimatedGlossyBorder opacity={0.7} className="z-30" />
         
         {/* Background Effects */}
         <div className={`absolute inset-0 bg-gradient-to-br from-[#050B14] via-[#0A1322] to-[#050B14] ${!isHero && 'rounded-[2.5rem] md:rounded-[3.5rem]'} overflow-hidden`} />