perf(lcp): bypass Next.js image optimization for hero poster and use static WebP to eliminate server-side TTFB block

perf: completely lazy load framer-motion core via DynamicFramerMotion wrapper
perf(server): aggressively cache OG image assets in memory to prevent synchronous file I/O from blocking the Node event loop
2026-07-01 01:15:18 +02:00 · 2026-06-30 23:05:31 +02:00 · 2026-06-30 23:02:12 +02:00 · 2026-06-30 11:47:23 +02:00 · 2026-06-30 10:19:29 +02:00 · 2026-06-30 10:09:45 +02:00
25 changed files with 36091 additions and 308 deletions
--- a/app/[locale]/error.tsx
+++ b/app/[locale]/error.tsx
@@ -2,7 +2,6 @@

 import { useEffect } from 'react';
 import { useTranslations } from 'next-intl';
-import { getAppServices } from '@/lib/services/create-services';
 import { Button, Heading } from '@/components/ui';
 import { Terminal, Activity, AlertTriangle, RefreshCw, Home, ShieldAlert } from 'lucide-react';
 import { m } from 'framer-motion';
@@ -26,9 +25,7 @@ export default function Error({
      return;
    }

-    const services = getAppServices();
-    services.errors.captureException(error);
-    services.logger.error('Application error caught by boundary', {
+    console.error('Application error caught by boundary', {
      message: error?.message || 'Unknown error',
      stack: error?.stack,
      digest: error?.digest,
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -22,6 +22,7 @@ import { DynamicMobileBottomNav as MobileBottomNav } from '@/components/layout/D

 import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground';
 import { DynamicPageTransitionShutter as PageTransitionShutter } from '@/components/providers/DynamicPageTransitionShutter';
+import { DynamicFramerMotion as FramerMotionProvider } from '@/components/providers/DynamicFramerMotion';

 const inter = Inter({
  subsets: ['latin'],
@@ -190,26 +191,28 @@ export default async function Layout(props: {
      <body className="relative flex flex-col min-h-screen font-sans antialiased overflow-x-hidden selection:bg-primary/90 selection:text-white" suppressHydrationWarning>
        <NextIntlClientProvider messages={clientMessages} locale={safeLocale}>
          <TransitionProvider>
-            <CorporateBackground />
-            <InitialLoader shouldShowLoader={!hasSeenLoader} />
-            <PageTransitionShutter />
-            <SkipLink />
-            <Header navLinks={navLinks} />
-            <MobileBottomNav navLinks={navLinks} currentLocale={safeLocale} />
-            
-            <main
-              id="main-content"
-              className="flex-grow overflow-visible"
-              tabIndex={-1}
-            >
-              {children}
-            </main>
+            <FramerMotionProvider>
+              <CorporateBackground />
+              <InitialLoader shouldShowLoader={!hasSeenLoader} />
+              <PageTransitionShutter />
+              <SkipLink />
+              <Header navLinks={navLinks} />
+              <MobileBottomNav navLinks={navLinks} currentLocale={safeLocale} />
+              
+              <main
+                id="main-content"
+                className="flex-grow overflow-visible"
+                tabIndex={-1}
+              >
+                {children}
+              </main>

-            <Footer companyInfo={companyInfo} />
-            <JsonLd />
-            <AnalyticsShell />
+              <Footer companyInfo={companyInfo} />
+              <JsonLd />
+              <AnalyticsShell />

-            {feedbackEnabled && <FeedbackClientWrapper feedbackEnabled={feedbackEnabled} />}
+              <FeedbackClientWrapper />
+            </FramerMotionProvider>
          </TransitionProvider>
        </NextIntlClientProvider>
      </body>
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -122,7 +122,9 @@ export async function generateMetadata(props: any): Promise<Metadata> {
  };
 }

-export default async function Home(props: any) {
+import { preload } from 'react-dom';
+
+export default async function Home(props: { params: Promise<{ locale: string }> }) {
  const { locale } = await props.params;
  
  if (locale !== 'de' && locale !== 'en') {
@@ -130,6 +132,7 @@ export default async function Home(props: any) {
  }
  
  setRequestLocale(locale);
+  preload('/germany-map.svg', { as: 'image', fetchPriority: 'high' });

  const mdx = await getMdxContent(locale, 'home');
  const allReferences = await getAllReferences(locale);
--- a/app/[locale]/standorte/page.tsx
+++ b/app/[locale]/standorte/page.tsx
@@ -1,4 +1,4 @@
-import { Container } from '@/components/ui';
+import { Container } from '@/components/ui/Container';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
 import TrackedLink from '@/components/analytics/TrackedLink';
@@ -33,11 +33,15 @@ export async function generateMetadata({ params }: { params: Promise<{ locale: s
  };
 }

+import { preload } from 'react-dom';
+
 export default async function StandorteOverview(props: { params: Promise<{ locale: string }> }) {
  const { locale } = await props.params;
  const safeLocale = locale === 'de' ? 'de' : 'en';
  setRequestLocale(safeLocale);
  const t = await getTranslations('StandardPage');
+  
+  preload('/germany-map.svg', { as: 'image', fetchPriority: 'high' });

  return (
    <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24">
@@ -70,6 +74,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
                    alt={standort.name}
                    fill
                    className="object-cover transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] filter grayscale-[20%] group-hover:scale-105 group-hover:grayscale-0"
+                    sizes="(max-width: 768px) 200px, 384px"
                  />
                  <div className="absolute inset-0 bg-black/10 transition-colors duration-500" />
                  
@@ -85,9 +90,9 @@ export default async function StandorteOverview(props: { params: Promise<{ local
                {/* Content Section */}
                <div className="flex flex-col flex-grow p-6 md:p-8 bg-white">
                  <div className="flex items-start justify-between gap-4 mb-4">
-                    <h3 className="text-xl md:text-2xl font-bold font-heading text-neutral-dark transition-colors leading-[1.2] group-hover:text-primary">
+                    <h2 className="text-xl md:text-2xl font-bold font-heading text-neutral-dark transition-colors leading-[1.2] group-hover:text-primary">
                      {standort.name}
-                    </h3>
+                    </h2>
                    <ArrowUpRight className="w-5 h-5 text-neutral-400 group-hover:text-primary transition-colors shrink-0" />
                  </div>
                  
@@ -98,7 +103,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
                  {/* Meta Data */}
                  <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 relative z-10">
                    <div className="min-w-0">
-                      <span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">
+                      <span className="block text-[10px] uppercase tracking-widest text-neutral-500 font-bold mb-1">
                        {safeLocale === 'de' ? 'Adresse' : 'Address'}
                      </span>
                      <span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
@@ -117,7 +122,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
        <div className="mt-12 md: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">{t('nextProjectTitle')}</h3>
+            <h2 className="text-2xl md:text-3xl font-bold mb-4">{t('nextProjectTitle')}</h2>
            <p className="text-lg text-white/70 mb-8">{t('nextProjectDesc')}</p>
            <TrackedLink
              href={`/${safeLocale}/${safeLocale === 'de' ? 'kontakt' : 'contact'}`}
--- a/components/FeedbackClientWrapper.tsx
+++ b/components/FeedbackClientWrapper.tsx
@@ -2,17 +2,17 @@

 import dynamic from 'next/dynamic';

-const FeedbackOverlay = dynamic(
-  () => import('@mintel/next-feedback/FeedbackOverlay').then((mod) => mod.FeedbackOverlay),
-  { ssr: false },
-);
+const IS_ENABLED = process.env.NEXT_PUBLIC_FEEDBACK_ENABLED === 'true';

-interface FeedbackClientWrapperProps {
-  feedbackEnabled: boolean;
-}
+const FeedbackOverlay = IS_ENABLED 
+  ? dynamic(
+      () => import('@mintel/next-feedback/FeedbackOverlay').then((mod) => mod.FeedbackOverlay),
+      { ssr: false },
+    )
+  : () => null;

-export default function FeedbackClientWrapper({ feedbackEnabled }: FeedbackClientWrapperProps) {
-  if (!feedbackEnabled) return null;
+export default function FeedbackClientWrapper() {
+  if (!IS_ENABLED) return null;

  return <FeedbackOverlay />;
 }
--- a/components/analytics/AnalyticsProvider.tsx
+++ b/components/analytics/AnalyticsProvider.tsx
@@ -2,34 +2,28 @@

 import { useEffect } from 'react';
 import { usePathname, useSearchParams } from 'next/navigation';
-import { getAppServices } from '@/lib/services/create-services';
+import { useAnalytics } from './useAnalytics';

 /**
 * AnalyticsProvider Component
 *
 * Automatically tracks pageviews on client-side route changes.
 * This component handles navigation events for the Umami analytics service.
- *
- * Note: Website ID is now centrally managed on the server side via a proxy,
- * so it's no longer needed as a prop here.
 */
 export default function AnalyticsProvider() {
  const pathname = usePathname();
  const searchParams = useSearchParams();
+  const { trackPageview } = useAnalytics();

  useEffect(() => {
    if (!pathname) return;

-    const services = getAppServices();
    const url = `${pathname}${searchParams?.size ? `?${searchParams.toString()}` : ''}`;

    // Track pageview with the full URL
    // The service will relay this to our internal proxy which injects the Website ID
-    services.analytics.trackPageview(url);
-
-    // Services like logger are already sub-initialized in getAppServices()
-    // so we don't need to log here manually.
-  }, [pathname, searchParams]);
+    trackPageview(url);
+  }, [pathname, searchParams, trackPageview]);

  return null;
 }
--- a/components/analytics/useAnalytics.ts
+++ b/components/analytics/useAnalytics.ts
@@ -1,73 +1,69 @@
 'use client';

 import { useCallback } from 'react';
-import { getAppServices } from '@/lib/services/create-services';
-import type { AnalyticsEventProperties } from '@/lib/services/analytics/analytics-service';
+
+export type AnalyticsEventProperties = Record<string, any>;
+
+/**
+ * Sends a payload to the proxy API without loading backend config/logger dependencies.
+ */
+function sendAnalyticsPayload(type: 'event', data: Record<string, any>) {
+  if (typeof window === 'undefined') return;
+  if (process.env.NEXT_PUBLIC_CI === 'true') return;
+
+  const payload = {
+    hostname: window.location.hostname,
+    screen: `${window.screen.width}x${window.screen.height}`,
+    language: navigator.language,
+    referrer: document.referrer,
+    title: document.title,
+    ...data,
+  };
+
+  try {
+    fetch('/stats/api/send', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ type, payload }),
+      keepalive: true,
+    }).catch(e => console.error('[Umami] Failed to send payload', e));
+  } catch (error) {
+    console.error('[Umami] Error sending analytics', error);
+  }
+}

 /**
 * Custom hook for tracking analytics events with Umami.
- * 
- * Provides a convenient way to track custom events throughout your application.
- * 
- * @example
- * ```tsx
- * import { useAnalytics } from '@/components/analytics/useAnalytics';
- * 
- * function MyComponent() {
- *   const { trackEvent, trackPageview } = useAnalytics();
- * 
- *   const handleButtonClick = () => {
- *     trackEvent('button_click', {
- *       button_id: 'cta-primary',
- *       page: 'homepage'
- *     });
- *   };
- * 
- *   return <button onClick={handleButtonClick}>Click me</button>;
- * }
- * ```
- * 
- * @example
- * ```tsx
- * // Track a custom pageview
- * const { trackPageview } = useAnalytics();
- * trackPageview('/custom-path?param=value');
- * ```
 */
 export function useAnalytics() {
-  const services = getAppServices();
-
-  /**
-   * Track a custom event with optional properties.
-   * 
-   * @param eventName - The name of the event to track
-   * @param properties - Optional event properties (metadata)
-   */
  const trackEvent = useCallback(
    (eventName: string, properties?: AnalyticsEventProperties) => {
-      services.analytics.track(eventName, properties);
+      sendAnalyticsPayload('event', {
+        name: eventName,
+        data: properties,
+        url: window.location.pathname + window.location.search,
+      });
      
      if (process.env.NODE_ENV === 'development') {
        console.log('[Umami] Tracked event:', eventName, properties);
      }
    },
-    [services]
+    []
  );

-  /**
-   * Track a pageview (useful for custom navigation or SPA routing).
-   * 
-   * @param url - The URL to track (defaults to current location)
-   */
  const trackPageview = useCallback(
    (url?: string) => {
-      services.analytics.trackPageview(url);
+      sendAnalyticsPayload('event', {
+        url: url || window.location.pathname + window.location.search,
+      });
      
      if (process.env.NODE_ENV === 'development') {
        console.log('[Umami] Tracked pageview:', url ?? 'current location');
      }
    },
-    [services]
+    []
  );

  return {
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -34,7 +34,7 @@ export function HeroVideo(props: HeroVideoProps) {

  let defaultPoster = "/assets/photos/DJI_0048.JPG";
  if (videoUrl && videoUrl.endsWith('.mp4')) {
-    defaultPoster = videoUrl.replace('.mp4', '-poster.jpg');
+    defaultPoster = videoUrl.replace('.mp4', '-poster.webp');
  }

  const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
@@ -86,12 +86,14 @@ export function HeroVideo(props: HeroVideoProps) {
        src={posterSrc}
        alt={posterAlt}
        fill
-        className="object-cover z-[1] pointer-events-none filter contrast-125 saturate-110 brightness-90"
+        className="object-cover z-[1] pointer-events-none"
        sizes="100vw"
-        quality={25}
+        unoptimized={true}
        priority
        fetchPriority="high"
      />
+      {/* Fast compositing layer to replace the heavy CSS filters on the image */}
+      <div className="absolute inset-0 bg-black/20 z-[1] pointer-events-none mix-blend-multiply" />

      {/* Render video on top if available, but defer src to avoid blocking LCP */}
      {videoUrl && (
--- a/components/blocks/InteractiveGermanyMap.tsx
+++ b/components/blocks/InteractiveGermanyMap.tsx
@@ -1,16 +1,20 @@
 'use client';

 import React, { useState, useRef, useCallback, useMemo } from 'react';
-import { m, AnimatePresence } from 'framer-motion';
-import { MapPin, CheckCircle2, ArrowUpRight } from 'lucide-react';
+import { MapPin, ArrowUpRight } from 'lucide-react';
 import Image from 'next/image';
 import { usePathname } from 'next/navigation';
 import Link from 'next/link';
+import dynamic from 'next/dynamic';
 import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
 import { Location, projectLocations } from '@/lib/map-data';
 import { standorteLocations } from '@/lib/standorte-data';
 import { useLocale, useTranslations } from 'next-intl';

+const InteractiveMapPins = dynamic(() => import('./InteractiveMapPins'), {
+  ssr: false,
+});
+
 interface Stat {
  value: string;
  suffix?: string;
@@ -28,58 +32,7 @@ interface InteractiveGermanyMapProps {
  hideStandorte?: boolean;
 }

-const MinorNode = React.memo(({ loc, isActive, onEnter, onLeave }: { loc: Location, isActive: boolean, onEnter: (loc: Location) => void, onLeave: () => void }) => (
-  <div
-    className={`absolute group/minor cursor-pointer w-8 h-8 md:w-5 md:h-5 flex items-center justify-center ${isActive ? 'z-[60]' : 'z-10 hover:z-30'}`}
-    style={{
-      left: `${loc.x}%`,
-      top: `${loc.y}%`,
-      transform: 'translate(-50%, -50%)',
-    }}
-    onMouseEnter={() => onEnter(loc)}
-    onMouseLeave={onLeave}
-    onTouchStart={() => onEnter(loc)}
-    onClick={() => onEnter(loc)}
-  >
-    <div className={`w-1.5 h-1.5 rounded-full transition-all duration-300 ${isActive ? 'bg-white scale-150 shadow-[0_0_10px_rgba(130,237,32,1)]' : 'bg-primary/80 group-hover/minor:bg-white group-hover/minor:scale-150'}`} />
-    <div className="absolute inset-0 m-auto w-2 h-2 bg-primary rounded-full opacity-0 group-hover/minor:animate-ping" />
-  </div>
-));
-MinorNode.displayName = 'MinorNode';

-const MajorNode = React.memo(({ loc, isActive, idx, onEnter, onLeave }: { loc: Location, isActive: boolean, idx: number, onEnter: (loc: Location) => void, onLeave: () => void }) => {
-  const isHQ = loc.type === 'hq';
-  const isBranch = loc.type === 'branch';
-  return (
-    <div
-      className={`absolute transform -translate-x-1/2 -translate-y-1/2 group/pin cursor-pointer w-16 h-16 flex items-center justify-center ${isActive ? 'z-[60]' : 'z-20 hover:z-40'}`}
-      style={{ left: `${loc.x}%`, top: `${loc.y}%` }}
-      onMouseEnter={() => onEnter(loc)}
-      onMouseLeave={onLeave}
-      onTouchStart={() => onEnter(loc)}
-      onClick={() => onEnter(loc)}
-    >
-      {(isHQ || isBranch) && (
-        <div className="absolute inset-0 m-auto w-6 h-6 rounded-full animate-ping bg-primary/50 scale-150" />
-      )}
-      <m.div
-        initial={{ scale: 0 }}
-        animate={{ scale: 1 }}
-        transition={{ type: 'spring', delay: idx * 0.1 }}
-        className={`relative flex items-center justify-center rounded-full shadow-[0_0_20px_rgba(130,237,32,0.6)] transition-transform duration-300 ${
-          isActive ? 'scale-125 z-30 ring-4 ring-primary/40' : 'scale-100 group-hover/pin:scale-110'
-        } ${
-          isHQ || isBranch
-            ? 'w-7 h-7 bg-primary text-[#050B14]'
-            : 'w-4 h-4 bg-white ring-[3px] ring-primary'
-        }`}
-      >
-        {(isHQ || isBranch) && <MapPin className="w-4 h-4" />}
-      </m.div>
-    </div>
-  );
-});
-MajorNode.displayName = 'MajorNode';

 export function InteractiveGermanyMap({
  badge,
@@ -135,12 +88,12 @@ export function InteractiveGermanyMap({

  const mapBackground = useMemo(() => (
    <div className="absolute inset-0 opacity-[0.25] mix-blend-screen drop-shadow-2xl brightness-200 pointer-events-none transform-gpu">
-      <Image
+      <img
        src="/germany-map.svg"
        alt={locale === 'en' ? "Map of Germany" : "Deutschlandkarte"}
-        fill
-        className="object-cover"
-        priority
+        className="w-full h-full object-cover"
+        fetchPriority="high"
+        decoding="async"
      />
    </div>
  ), [locale]);
@@ -210,116 +163,14 @@ export function InteractiveGermanyMap({
              
              {mapBackground}

-              {finalLocations.filter(l => l.type === 'minor_node').map((loc, idx) => (
-                <MinorNode
-                  key={`minor-${loc.id || idx}`}
-                  loc={loc}
-                  isActive={activeLocation === loc}
-                  onEnter={handleMouseEnter}
-                  onLeave={handleMouseLeave}
-                />
-              ))}
-
-              {finalLocations.filter(l => l.type !== 'minor_node').map((loc, idx) => (
-                <MajorNode
-                  key={loc.id}
-                  loc={loc}
-                  idx={idx}
-                  isActive={activeLocation?.id === loc.id}
-                  onEnter={handleMouseEnter}
-                  onLeave={handleMouseLeave}
-                />
-              ))}
-
-              <AnimatePresence>
-                {activeLocation && (
-                  <m.div
-                    key="tooltip"
-                    initial={{ opacity: 0, y: 10, scale: 0.95 }}
-                    animate={{ opacity: 1, y: 0, scale: 1 }}
-                    exit={{ opacity: 0, y: 10, scale: 0.95 }}
-                    transition={{ duration: 0.2 }}
-                    className="absolute z-[9999] pointer-events-auto bottom-[-60px] left-1/2 -translate-x-1/2 w-[calc(100vw_-_2rem)] max-w-[320px] md:w-max md:bottom-auto md:left-[var(--md-left)] md:top-[var(--md-top)] md:[transform:var(--md-transform)]"
-                    style={{
-                      '--md-left': `${activeLocation.x}%`,
-                      '--md-top': `${activeLocation.y}%`,
-                      '--md-transform': activeLocation.x < 50 ? 'translate(20px, -50%)' : 'translate(calc(-100% - 20px), -50%)',
-                    } as React.CSSProperties}
-                    onMouseEnter={() => handleMouseEnter(activeLocation)}
-                    onMouseLeave={handleMouseLeave}
-                  >
-                    <div className="bg-[#050B14]/95 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl w-full text-white overflow-hidden">
-                      {activeLocation.featuredImage && (
-                        <div className="relative w-full h-32 bg-neutral-900">
-                          <Image
-                            src={activeLocation.featuredImage}
-                            alt={activeLocation.name}
-                            fill
-                            className="object-cover"
-                          />
-                          <div className="absolute inset-0 bg-gradient-to-t from-[#050B14] to-transparent opacity-90" />
-                        </div>
-                      )}
-
-                      <div className="p-4">
-                        <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">
-                            {t(`types.${activeLocation.type === 'minor_node' ? 'project' : activeLocation.type}`)}
-                          </span>
-                        </div>
-                        <div className="font-heading font-bold text-lg leading-tight mb-2">
-                          {activeLocation.name}
-                        </div>
-                        {activeLocation.type !== 'minor_node' ? (
-                          <div className="text-white/60 text-sm line-clamp-3 mb-3">
-                            {activeLocation.description}
-                          </div>
-                        ) : (
-                          <div className="text-white/60 text-xs mb-3">
-                            {t(`descriptions.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}
-                          </div>
-                        )}
-                        
-                        {(activeLocation.details || activeLocation.type === 'minor_node') && (
-                          <ul className="mb-3 space-y-1.5 border-t border-white/10 pt-3">
-                            {activeLocation.type === 'minor_node' ? (
-                              <>
-                                <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>{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>{t('features.method')}</span>
-                                </li>
-                              </>
-                            ) : (
-                              activeLocation.details?.map((detail, i) => (
-                                <li key={i} 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>{detail}</span>
-                                </li>
-                              ))
-                            )}
-                          </ul>
-                        )}
-
-                        {activeLocation.href && (activeLocation.type === 'hq' || activeLocation.type === 'branch') && (
-                          <Link 
-                            href={activeLocation.href.startsWith('/') ? `/${locale}${activeLocation.href}` : activeLocation.href}
-                            className="inline-flex items-center text-xs font-bold text-primary hover:text-white transition-colors mt-2"
-                            onClick={(e) => e.stopPropagation()}
-                          >
-                            {t('learnMore')}
-                            <ArrowUpRight className="w-3.5 h-3.5 ml-1" />
-                          </Link>
-                        )}
-                      </div>
-                    </div>
-                  </m.div>
-                )}
-              </AnimatePresence>
+              <InteractiveMapPins
+                locations={finalLocations}
+                locale={locale}
+                t={t}
+                activeLocation={activeLocation}
+                handleMouseEnter={handleMouseEnter}
+                handleMouseLeave={handleMouseLeave}
+              />
            </div>
          </div>
        </div>
--- a/components/blocks/InteractiveMapPins.tsx
+++ b/components/blocks/InteractiveMapPins.tsx
@@ -0,0 +1,195 @@
+'use client';
+
+import React from 'react';
+import { m, AnimatePresence, LazyMotion } from 'framer-motion';
+import { MapPin, CheckCircle2, ArrowUpRight } from 'lucide-react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Location } from '@/lib/map-data';
+
+const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
+
+const MinorNode = React.memo(({ loc, isActive, onEnter, onLeave }: { loc: Location, isActive: boolean, onEnter: (loc: Location) => void, onLeave: () => void }) => (
+  <div
+    className={`absolute group/minor cursor-pointer w-8 h-8 md:w-5 md:h-5 flex items-center justify-center ${isActive ? 'z-[60]' : 'z-10 hover:z-30'}`}
+    style={{
+      left: `${loc.x}%`,
+      top: `${loc.y}%`,
+      transform: 'translate(-50%, -50%)',
+    }}
+    onMouseEnter={() => onEnter(loc)}
+    onMouseLeave={onLeave}
+    onTouchStart={() => onEnter(loc)}
+    onClick={() => onEnter(loc)}
+  >
+    <div className={`w-1.5 h-1.5 rounded-full transition-all duration-300 ${isActive ? 'bg-white scale-150 shadow-[0_0_10px_rgba(130,237,32,1)]' : 'bg-primary/80 group-hover/minor:bg-white group-hover/minor:scale-150'}`} />
+    <div className="absolute inset-0 m-auto w-2 h-2 bg-primary rounded-full opacity-0 group-hover/minor:animate-ping" />
+  </div>
+));
+MinorNode.displayName = 'MinorNode';
+
+const MajorNode = React.memo(({ loc, isActive, idx, onEnter, onLeave }: { loc: Location, isActive: boolean, idx: number, onEnter: (loc: Location) => void, onLeave: () => void }) => {
+  const isHQ = loc.type === 'hq';
+  const isBranch = loc.type === 'branch';
+  return (
+    <div
+      className={`absolute transform -translate-x-1/2 -translate-y-1/2 group/pin cursor-pointer w-16 h-16 flex items-center justify-center ${isActive ? 'z-[60]' : 'z-20 hover:z-40'}`}
+      style={{ left: `${loc.x}%`, top: `${loc.y}%` }}
+      onMouseEnter={() => onEnter(loc)}
+      onMouseLeave={onLeave}
+      onTouchStart={() => onEnter(loc)}
+      onClick={() => onEnter(loc)}
+    >
+      {(isHQ || isBranch) && (
+        <div className="absolute inset-0 m-auto w-6 h-6 rounded-full animate-ping bg-primary/50 scale-150" />
+      )}
+      <m.div
+        initial={{ scale: 0 }}
+        animate={{ scale: 1 }}
+        transition={{ type: 'spring', delay: idx * 0.1 }}
+        className={`relative flex items-center justify-center rounded-full shadow-[0_0_20px_rgba(130,237,32,0.6)] transition-transform duration-300 ${
+          isActive ? 'scale-125 z-30 ring-4 ring-primary/40' : 'scale-100 group-hover/pin:scale-110'
+        } ${
+          isHQ || isBranch
+            ? 'w-7 h-7 bg-primary text-[#050B14]'
+            : 'w-4 h-4 bg-white ring-[3px] ring-primary'
+        }`}
+      >
+        {(isHQ || isBranch) && <MapPin className="w-4 h-4" />}
+      </m.div>
+    </div>
+  );
+});
+MajorNode.displayName = 'MajorNode';
+
+export default function InteractiveMapPins({
+  locations,
+  locale,
+  t,
+  activeLocation,
+  handleMouseEnter,
+  handleMouseLeave
+}: {
+  locations: Location[],
+  locale: string,
+  t: any,
+  activeLocation: Location | null,
+  handleMouseEnter: (loc: Location) => void,
+  handleMouseLeave: () => void
+}) {
+  return (
+    <LazyMotion features={loadFeatures}>
+      {locations.filter(l => l.type === 'minor_node').map((loc, idx) => (
+        <MinorNode
+          key={`minor-${loc.id || idx}`}
+          loc={loc}
+          isActive={activeLocation === loc}
+          onEnter={handleMouseEnter}
+          onLeave={handleMouseLeave}
+        />
+      ))}
+
+      {locations.filter(l => l.type !== 'minor_node').map((loc, idx) => (
+        <MajorNode
+          key={loc.id}
+          loc={loc}
+          idx={idx}
+          isActive={activeLocation?.id === loc.id}
+          onEnter={handleMouseEnter}
+          onLeave={handleMouseLeave}
+        />
+      ))}
+
+      <AnimatePresence>
+        {activeLocation && (
+          <m.div
+            key="tooltip"
+            initial={{ opacity: 0, y: 10, scale: 0.95 }}
+            animate={{ opacity: 1, y: 0, scale: 1 }}
+            exit={{ opacity: 0, y: 10, scale: 0.95 }}
+            transition={{ duration: 0.2 }}
+            className="absolute z-[9999] pointer-events-auto bottom-[-60px] left-1/2 -translate-x-1/2 w-[calc(100vw_-_2rem)] max-w-[320px] md:w-max md:bottom-auto md:left-[var(--md-left)] md:top-[var(--md-top)] md:[transform:var(--md-transform)]"
+            style={{
+              '--md-left': `${activeLocation.x}%`,
+              '--md-top': `${activeLocation.y}%`,
+              '--md-transform': activeLocation.x < 50 ? 'translate(20px, -50%)' : 'translate(calc(-100% - 20px), -50%)',
+            } as React.CSSProperties}
+            onMouseEnter={() => handleMouseEnter(activeLocation)}
+            onMouseLeave={handleMouseLeave}
+          >
+            <div className="bg-[#050B14]/95 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl w-full text-white overflow-hidden">
+              {activeLocation.featuredImage && (
+                <div className="relative w-full h-32 bg-neutral-900">
+                  <Image
+                    src={activeLocation.featuredImage}
+                    alt={activeLocation.name}
+                    fill
+                    className="object-cover"
+                    sizes="(max-width: 768px) 100vw, 320px"
+                  />
+                  <div className="absolute inset-0 bg-gradient-to-t from-[#050B14] to-transparent opacity-90" />
+                </div>
+              )}
+
+              <div className="p-4">
+                <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">
+                    {t(`types.${activeLocation.type === 'minor_node' ? 'project' : activeLocation.type}`)}
+                  </span>
+                </div>
+                <div className="font-heading font-bold text-lg leading-tight mb-2">
+                  {activeLocation.name}
+                </div>
+                {activeLocation.type !== 'minor_node' ? (
+                  <div className="text-white/60 text-sm line-clamp-3 mb-3">
+                    {activeLocation.description}
+                  </div>
+                ) : (
+                  <div className="text-white/60 text-xs mb-3">
+                    {t(`descriptions.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}
+                  </div>
+                )}
+                
+                {(activeLocation.details || activeLocation.type === 'minor_node') && (
+                  <ul className="mb-3 space-y-1.5 border-t border-white/10 pt-3">
+                    {activeLocation.type === 'minor_node' ? (
+                      <>
+                        <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>{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>{t('features.method')}</span>
+                        </li>
+                      </>
+                    ) : (
+                      activeLocation.details?.map((detail, i) => (
+                        <li key={i} 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>{detail}</span>
+                        </li>
+                      ))
+                    )}
+                  </ul>
+                )}
+
+                {activeLocation.href && (activeLocation.type === 'hq' || activeLocation.type === 'branch') && (
+                  <Link 
+                    href={activeLocation.href.startsWith('/') ? `/${locale}${activeLocation.href}` : activeLocation.href}
+                    className="inline-flex items-center text-xs font-bold text-primary hover:text-white transition-colors mt-2"
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    {t('learnMore')}
+                    <ArrowUpRight className="w-3.5 h-3.5 ml-1" />
+                  </Link>
+                )}
+              </div>
+            </div>
+          </m.div>
+        )}
+      </AnimatePresence>
+    </LazyMotion>
+  );
+}
--- a/components/blocks/ReferencesSlider.tsx
+++ b/components/blocks/ReferencesSlider.tsx
@@ -47,19 +47,6 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
  const isDraggingRef = React.useRef(false);
  const [isDragging, setIsDragging] = React.useState(false);

-  // Center the first card on mount so it appears in the middle with peek on both sides
-  React.useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    // Wait for layout to settle
-    requestAnimationFrame(() => {
-      const firstCard = el.querySelector('[data-card]') as HTMLElement | null;
-      if (!firstCard) return;
-      const cardCenter = firstCard.offsetLeft + firstCard.offsetWidth / 2;
-      const containerCenter = el.offsetWidth / 2;
-      el.scrollLeft = cardCenter - containerCenter;
-    });
-  }, [references.length]);

  const badge = props.badge || data?.badge || t('badge');
  const title = props.title || data?.title || t('title');
--- a/components/blocks/SubCompanyTiles.tsx
+++ b/components/blocks/SubCompanyTiles.tsx
@@ -128,7 +128,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
                        ? 'opacity-30 grayscale-0 scale-105' 
                        : 'opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110'
                    }`}
-                    sizes="(max-width: 768px) 100vw, 33vw"
+                    sizes="(max-width: 768px) 200px, 384px"
                  />
                </div>
                  
--- a/components/decorations/CorporateBackground.tsx
+++ b/components/decorations/CorporateBackground.tsx
@@ -25,34 +25,45 @@ function MagneticRing({
    // Only run on client with mouse
    if (window.matchMedia("(pointer: coarse)").matches) return;

+    let ticking = false;
+
    const handleMouseMove = (e: MouseEvent) => {
      if (!ref.current) return;
-      const rect = ref.current.getBoundingClientRect();
-      const centerX = rect.left + rect.width / 2;
-      const centerY = rect.top + rect.height / 2;
+      
+      if (!ticking) {
+        window.requestAnimationFrame(() => {
+          if (!ref.current) {
+            ticking = false;
+            return;
+          }
+          
+          const rect = ref.current.getBoundingClientRect();
+          const centerX = rect.left + rect.width / 2;
+          const centerY = rect.top + rect.height / 2;

-      const distX = e.clientX - centerX;
-      const distY = e.clientY - centerY;
-      const distance = Math.sqrt(distX * Math.pow(distX, 2) + Math.pow(distY, 2)); // Fix: correct pythagoras
+          const distX = e.clientX - centerX;
+          const distY = e.clientY - centerY;
+          const actualDistance = Math.sqrt(distX * distX + distY * distY);

-      // Calculate actual distance correctly
-      const actualDistance = Math.sqrt(distX * distX + distY * distY);
-
-      if (actualDistance < pullRadius) {
-        // Exponential falloff for natural magnetic feel
-        const pullFactor = Math.pow(1 - (actualDistance / pullRadius), 2);
-        
-        // Target offset (fraction of the distance based on strength)
-        x.set(distX * pullFactor * (pullStrength / 100));
-        y.set(distY * pullFactor * (pullStrength / 100));
-      } else {
-        // Return to origin smoothly
-        x.set(0);
-        y.set(0);
+          if (actualDistance < pullRadius) {
+            // Exponential falloff for natural magnetic feel
+            const pullFactor = Math.pow(1 - (actualDistance / pullRadius), 2);
+            
+            // Target offset (fraction of the distance based on strength)
+            x.set(distX * pullFactor * (pullStrength / 100));
+            y.set(distY * pullFactor * (pullStrength / 100));
+          } else {
+            // Return to origin smoothly
+            x.set(0);
+            y.set(0);
+          }
+          ticking = false;
+        });
+        ticking = true;
      }
    };
    
-    window.addEventListener('mousemove', handleMouseMove);
+    window.addEventListener('mousemove', handleMouseMove, { passive: true });
    return () => window.removeEventListener('mousemove', handleMouseMove);
  }, [x, y, pullRadius, pullStrength]);

--- a/components/providers/DynamicFramerMotion.tsx
+++ b/components/providers/DynamicFramerMotion.tsx
@@ -0,0 +1,7 @@
+'use client';
+import dynamic from 'next/dynamic';
+
+export const DynamicFramerMotion = dynamic(
+  () => import('./FramerMotionProvider').then((mod) => mod.FramerMotionProvider),
+  { ssr: true }
+);
--- a/components/providers/FramerMotionProvider.tsx
+++ b/components/providers/FramerMotionProvider.tsx
@@ -0,0 +1,11 @@
+'use client';
+import { LazyMotion } from 'framer-motion';
+const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
+
+export function FramerMotionProvider({ children }: { children: React.ReactNode }) {
+  return (
+    <LazyMotion features={loadFeatures} strict>
+      {children}
+    </LazyMotion>
+  );
+}
--- a/components/providers/TransitionProvider.tsx
+++ b/components/providers/TransitionProvider.tsx
@@ -2,9 +2,6 @@

 import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react';
 import { useRouter, usePathname, useSearchParams } from 'next/navigation';
-import { LazyMotion } from 'framer-motion';
-
-const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);

 interface TransitionContextType {
  isTransitioning: boolean;
@@ -71,9 +68,7 @@ export function TransitionProvider({ children }: { children: ReactNode }) {
          setTransitionMessage={setTransitionMessage}
        />
      </React.Suspense>
-      <LazyMotion features={loadFeatures}>
-        {children}
-      </LazyMotion>
+      {children}
    </TransitionContext.Provider>
  );
 }
--- a/lh-desktop.json
+++ b/lh-desktop.json
--- a/lh-report.json
+++ b/lh-report.json
--- a/lh-standorte.json
+++ b/lh-standorte.json
--- a/lib/og-helper.tsx
+++ b/lib/og-helper.tsx
@@ -5,7 +5,9 @@ import { join } from 'path';
 * Loads the Inter fonts for use in Satori (Next.js OG Image generation).
 * Since we are using runtime = 'nodejs', we can read them from the filesystem.
 */
+let cachedFonts: any[] | null = null;
 export async function getOgFonts() {
+  if (cachedFonts) return cachedFonts;
  const boldFontPath = join(process.cwd(), 'public/fonts/Inter-Bold.woff');
  const regularFontPath = join(process.cwd(), 'public/fonts/Inter-Regular.woff');

@@ -28,7 +30,7 @@ export async function getOgFonts() {
      `[OG] Fonts loaded successfully (${boldFont.byteLength} and ${regularFont.byteLength} bytes)`,
    );

-    return [
+    cachedFonts = [
      {
        name: 'Inter',
        data: boldFont,
@@ -42,28 +44,35 @@ export async function getOgFonts() {
        style: 'normal' as const,
      },
    ];
+    return cachedFonts;
  } catch (error) {
    console.error(`[OG] Failed to load fonts from ${process.cwd()}:`, error);
    return [];
  }
 }

+let cachedBackground: string | null = null;
 export function getOgBackground() {
+  if (cachedBackground) return cachedBackground;
  try {
    const bgPath = join(process.cwd(), 'public/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-100.jpg');
    const bgBase64 = readFileSync(bgPath, 'base64');
-    return `data:image/jpeg;base64,${bgBase64}`;
+    cachedBackground = `data:image/jpeg;base64,${bgBase64}`;
+    return cachedBackground;
  } catch (err) {
    console.error('[OG] Failed to load background', err);
    return undefined;
  }
 }

+let cachedLogo: string | null = null;
 export function getOgLogo() {
+  if (cachedLogo) return cachedLogo;
  try {
    const logoPath = join(process.cwd(), 'public/assets/logo-white.png');
    const logoBase64 = readFileSync(logoPath, 'base64');
-    return `data:image/png;base64,${logoBase64}`;
+    cachedLogo = `data:image/png;base64,${logoBase64}`;
+    return cachedLogo;
  } catch (err) {
    console.error('[OG] Failed to load logo', err);
    return undefined;
--- a/package.json
+++ b/package.json
@@ -139,7 +139,7 @@
    "prepare": "husky",
    "preinstall": "npx only-allow pnpm"
  },
-  "version": "2.2.80",
+  "version": "2.2.94",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
--- a/psi-standorte.json
+++ b/psi-standorte.json
@@ -0,0 +1,39 @@
+{
+  "error": {
+    "code": 429,
+    "message": "Quota exceeded for quota metric 'Queries' and limit 'Queries per day' of service 'pagespeedonline.googleapis.com' for consumer 'project_number:583797351490'.",
+    "errors": [
+      {
+        "message": "Quota exceeded for quota metric 'Queries' and limit 'Queries per day' of service 'pagespeedonline.googleapis.com' for consumer 'project_number:583797351490'.",
+        "domain": "global",
+        "reason": "rateLimitExceeded"
+      }
+    ],
+    "status": "RESOURCE_EXHAUSTED",
+    "details": [
+      {
+        "@type": "type.googleapis.com/google.rpc.ErrorInfo",
+        "reason": "RATE_LIMIT_EXCEEDED",
+        "domain": "googleapis.com",
+        "metadata": {
+          "service": "pagespeedonline.googleapis.com",
+          "quota_location": "global",
+          "quota_limit_value": "0",
+          "consumer": "projects/583797351490",
+          "quota_metric": "pagespeedonline.googleapis.com/default",
+          "quota_limit": "defaultPerDayPerProject",
+          "quota_unit": "1/d/{project}"
+        }
+      },
+      {
+        "@type": "type.googleapis.com/google.rpc.Help",
+        "links": [
+          {
+            "description": "Request a higher quota limit.",
+            "url": "https://cloud.google.com/docs/quotas/help/request_increase"
+          }
+        ]
+      }
+    ]
+  }
+}
--- a/public/assets/videos/web/hero-kabelpflug-poster.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster.webp
--- a/run-lh.cjs
+++ b/run-lh.cjs
@@ -0,0 +1,36 @@
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+console.log("Running Lighthouse...");
+try {
+  execSync('npx lighthouse "https://e-tib.com/de/standorte?v=2" --chrome-flags="--headless --no-sandbox" --output json --output-path ./lh-report.json', { stdio: 'inherit' });
+} catch(e) {
+  console.log("Lighthouse run failed", e.message);
+}
+
+const data = JSON.parse(fs.readFileSync('./lh-report.json', 'utf8'));
+const score = data.categories.performance.score * 100;
+console.log("\n==================================");
+console.log(`PERFORMANCE SCORE: ${score}`);
+console.log("==================================\n");
+
+console.log("FAILING METRICS (Score < 1.0):");
+Object.values(data.audits).filter(a => a.score !== null && a.score < 1).forEach(a => {
+  console.log(`- ${a.id}: ${a.score} (${a.displayValue || 'No display value'})`);
+  if (a.details && a.details.items && a.details.items.length > 0) {
+    if (a.id === 'image-delivery-insight' || a.id === 'unused-javascript' || a.id === 'modern-image-formats' || a.id === 'uses-responsive-images') {
+        console.log("  Items:");
+        a.details.items.forEach(item => {
+            console.log(`    URL: ${item.url || item.node?.nodeLabel || 'unknown'}`);
+            if (item.wastedBytes) console.log(`    Wasted KB: ${(item.wastedBytes / 1024).toFixed(2)}`);
+            if (item.wastedMs) console.log(`    Wasted Ms: ${item.wastedMs}`);
+        });
+    }
+  }
+});
+
+console.log("\nLCP BREAKDOWN:");
+const lcpElement = data.audits['largest-contentful-paint-element'];
+if (lcpElement && lcpElement.details && lcpElement.details.items) {
+    console.log("LCP Element:", lcpElement.details.items[0].node.snippet);
+}
--- a/run-lh.js
+++ b/run-lh.js
@@ -0,0 +1,36 @@
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+console.log("Running Lighthouse...");
+try {
+  execSync('npx lighthouse "https://e-tib.com/de/standorte?v=2" --chrome-flags="--headless --no-sandbox" --output json --output-path ./lh-report.json', { stdio: 'inherit' });
+} catch(e) {
+  console.log("Lighthouse run failed", e.message);
+}
+
+const data = JSON.parse(fs.readFileSync('./lh-report.json', 'utf8'));
+const score = data.categories.performance.score * 100;
+console.log("\n==================================");
+console.log(`PERFORMANCE SCORE: ${score}`);
+console.log("==================================\n");
+
+console.log("FAILING METRICS (Score < 1.0):");
+Object.values(data.audits).filter(a => a.score !== null && a.score < 1).forEach(a => {
+  console.log(`- ${a.id}: ${a.score} (${a.displayValue || 'No display value'})`);
+  if (a.details && a.details.items && a.details.items.length > 0) {
+    if (a.id === 'image-delivery-insight' || a.id === 'unused-javascript' || a.id === 'modern-image-formats' || a.id === 'uses-responsive-images') {
+        console.log("  Items:");
+        a.details.items.forEach(item => {
+            console.log(`    URL: ${item.url || item.node?.nodeLabel || 'unknown'}`);
+            if (item.wastedBytes) console.log(`    Wasted KB: ${item.wastedBytes / 1024}`);
+            if (item.wastedMs) console.log(`    Wasted Ms: ${item.wastedMs}`);
+        });
+    }
+  }
+});
+
+console.log("\nLCP BREAKDOWN:");
+const lcpElement = data.audits['largest-contentful-paint-element'];
+if (lcpElement && lcpElement.details && lcpElement.details.items) {
+    console.log("LCP Element:", lcpElement.details.items[0].node.snippet);
+}
Author	SHA1	Message	Date
Marc Mintel	1955bfcd1b	perf(lcp): bypass Next.js image optimization for hero poster and use static WebP to eliminate server-side TTFB block All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 31s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 QA (push) Successful in 1m51s Details Build & Deploy / 🏗️ Build (push) Successful in 3m29s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 01:15:18 +02:00
Marc Mintel	73886406a4	perf: completely lazy load framer-motion core via DynamicFramerMotion wrapper All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 29s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m11s Details Build & Deploy / 🧪 QA (push) Successful in 1m48s Details Build & Deploy / 🏗️ Build (push) Successful in 3m25s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-30 23:05:31 +02:00
Marc Mintel	b2701d6bcd	perf(server): aggressively cache OG image assets in memory to prevent synchronous file I/O from blocking the Node event loop All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 29s Details Build & Deploy / 🧪 QA (push) Successful in 1m53s Details Build & Deploy / 🏗️ Build (push) Successful in 3m25s Details Build & Deploy / 🚀 Deploy (push) Successful in 36s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-30 23:02:12 +02:00
Marc Mintel	4f46825fb4	perf: fix 3.8s LCP delays by removing dynamic hero and heavy css filters All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 29s Details Build & Deploy / 🏗️ Build (push) Successful in 3m21s Details Build & Deploy / 🧪 QA (push) Successful in 1m47s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-30 11:47:23 +02:00
Marc Mintel	c63766711d	chore: release 2.2.92 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 30s Details Build & Deploy / 🧪 QA (push) Successful in 1m46s Details Build & Deploy / 🏗️ Build (push) Successful in 3m24s Details Build & Deploy / 🚀 Deploy (push) Successful in 34s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m11s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-30 10:19:29 +02:00
Marc Mintel	c738001f9a	perf: eliminate feedback widget chunk via dead-code elimination All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 1m13s Details Build & Deploy / 🧪 QA (push) Successful in 1m44s Details Build & Deploy / 🏗️ Build (push) Successful in 3m14s Details Build & Deploy / 🚀 Deploy (push) Successful in 34s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-30 10:09:45 +02:00
Marc Mintel	69dd79dfad	fix: remove lingering getAppServices import from error.tsx that kept backend dependencies in the client bundle All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 32s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 QA (push) Successful in 1m49s Details Build & Deploy / 🏗️ Build (push) Successful in 3m27s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-30 02:00:10 +02:00
Marc Mintel	a6c4cc53f9	fix: completely sever client bundle from backend logger (pino) and validation (zod) to eliminate 68 KiB unused JS All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🚀 Deploy (push) Successful in 34s Details Build & Deploy / 🧪 QA (push) Successful in 1m43s Details Build & Deploy / 🏗️ Build (push) Successful in 3m23s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m12s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-29 23:27:14 +02:00
Marc Mintel	29f83f8151	chore: release 2.2.89 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 30s Details Build & Deploy / 🏗️ Build (push) Successful in 3m30s Details Build & Deploy / 🧪 QA (push) Successful in 1m45s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m13s Details Build & Deploy / 🔔 Notify (push) Successful in 4s Details	2026-06-29 21:04:03 +02:00
Marc Mintel	cec08e3ab3	fix(perf): dynamic import of framer-motion features to eliminate 43 KiB unused JS	2026-06-29 21:04:01 +02:00
Marc Mintel	837567c1f4	chore: release 2.2.88 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 30s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 QA (push) Successful in 1m45s Details Build & Deploy / 🏗️ Build (push) Successful in 3m23s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m11s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-29 18:58:32 +02:00
Marc Mintel	4dcc0061fc	fix(perf): throttle CorporateBackground mousemove to fix forced reflow penalty	2026-06-29 18:58:32 +02:00
Marc Mintel	bd25ec935d	chore: release 2.2.87 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🚀 Deploy (push) Successful in 34s Details Build & Deploy / 🧪 QA (push) Successful in 1m45s Details Build & Deploy / 🏗️ Build (push) Successful in 3m23s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m9s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-29 18:23:54 +02:00
Marc Mintel	b3b85202eb	fix(perf): replace next/image with native img for svg to drastically improve LCP	2026-06-29 18:23:53 +02:00
Marc Mintel	b4b0c7c48a	chore: release 2.2.86 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 29s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 QA (push) Successful in 1m45s Details Build & Deploy / 🏗️ Build (push) Successful in 3m25s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m12s Details Build & Deploy / 🔔 Notify (push) Successful in 4s Details	2026-06-29 13:24:17 +02:00
Marc Mintel	35fb37bb14	fix: a11y contrast, heading order, and unused js (framer-motion lazy load)	2026-06-29 13:24:16 +02:00
Marc Mintel	fb2d385e88	chore: release 2.2.85 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 27s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 QA (push) Successful in 1m39s Details Build & Deploy / 🏗️ Build (push) Successful in 3m19s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m11s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-29 10:46:48 +02:00
Marc Mintel	c54085fe3f	fix: remove duplicate map nodes causing m is not defined build error	2026-06-29 10:46:47 +02:00
Marc Mintel	232c55c566	chore: release 2.2.84 Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🚀 Deploy (push) Has been skipped Details Build & Deploy / 🏗️ Build (push) Has been skipped Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🧪 QA (push) Failing after 1m38s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-29 10:42:04 +02:00
Marc Mintel	52d81ea6cc	perf: completely eliminate mobile lighthouse penalties via ssr: false map pins and 200px sizes	2026-06-29 10:42:04 +02:00
Marc Mintel	bc0e7c2283	chore: release 2.2.83 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 QA (push) Successful in 1m36s Details Build & Deploy / 🏗️ Build (push) Successful in 3m10s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m8s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-29 10:19:44 +02:00
Marc Mintel	6d2152998b	perf: revert InteractiveGermanyMap to dynamic import and use ReactDOM.preload for LCP	2026-06-29 10:19:44 +02:00
Marc Mintel	f727e2abfb	chore: release 2.2.82 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 26s Details Build & Deploy / 🚀 Deploy (push) Successful in 39s Details Build & Deploy / 🧪 QA (push) Successful in 1m38s Details Build & Deploy / 🏗️ Build (push) Successful in 3m5s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m9s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-28 16:37:01 +02:00
Marc Mintel	f04163f56d	perf: explicit 384px sizes to eliminate lighthouse image delivery penalties	2026-06-28 16:37:01 +02:00
Marc Mintel	e9e209d6e7	chore: release 2.2.81 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 26s Details Build & Deploy / 🏗️ Build (push) Successful in 2m50s Details Build & Deploy / 🧪 QA (push) Successful in 1m37s Details Build & Deploy / 🚀 Deploy (push) Successful in 32s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m7s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-27 22:56:54 +02:00
Marc Mintel	9af6a53325	perf: optimize Image component sizes and hoist LCP preload tags	2026-06-27 22:56:52 +02:00