feat: overhaul competence pages, unify brand colors, and polish site integrity

- Rewrote all 5 competence pages (Kabeltiefbau, Bohrtechnik, Glasfaser, Planung, Vermessung) with factual data from references
- Unified brand colors: replaced toxic neon green with brand-aligned teal (#10a379)
- Fixed ReferencesSlider injection in dynamic MDX pages
- Enhanced Footer with icon parity, improved branding placement, and unified hover effects
- Refined Header with 3D micro-animations and improved dropdown visibility
- Fixed localized tracking API (rewrites for /stats/api/send)
- Resolved ReferenceErrors in InteractiveGermanyMap and Header state management
- Cleaned reference titles and truncated metadata in lists

app/[locale]/page.tsx

@@ -18,19 +18,20 @@ import JsonLd from '@/components/JsonLd';
 
 import { Button } from '@/components/ui/Button';
 import { Heading } from '@/components/ui/Heading';
+import { getAllReferences } from '@/lib/references';
 
-const mdxComponents = {
+const mdxComponents = (references: any[]) => ({
   HomeHero,
   HomeSubCompanyTiles,
   HomeCompetenceBentoGrid,
-  HomeReferencesSlider,
+  HomeReferencesSlider: (props: any) => <HomeReferencesSlider {...props} references={props.references || references} />,
   FaqBlock,
   CertificatesBlock,
   HeroSection,
   JsonLd,
   Button,
   Heading,
-};
+});
 
 export async function generateMetadata(props: any): Promise<Metadata> {
   const { locale } = await props.params;
@@ -54,6 +55,16 @@ export default async function Home(props: any) {
   setRequestLocale(locale);
 
   const mdx = await getMdxContent(locale, 'home');
+  const allReferences = await getAllReferences(locale);
+  
+  // Transform ReferenceData to the format expected by ReferencesSlider
+  const sliderReferences = allReferences.map(ref => ({
+    id: ref.slug,
+    title: ref.frontmatter.title,
+    slug: ref.slug,
+    category: ref.frontmatter.location, // Using location as category if not specified
+    image: ref.frontmatter.featuredImage
+  })).slice(0, 6);
 
   if (!mdx) {
     notFound();
@@ -61,7 +72,7 @@ export default async function Home(props: any) {
 
   return (
     <main>
-      <MDXRemote source={mdx.content} components={mdxComponents} />
+      <MDXRemote source={mdx.content} components={mdxComponents(sliderReferences)} />
     </main>
   );
 }