fix: resolve reveal flickering, adjust grid header UI, update Guben image

fix: resolve TS dynamic collision and remove anomalous map entries
perf: implement KLZ blueprint optimizations (LCP, Payload, Caching)
2026-06-20 21:49:59 +02:00 · 2026-06-20 21:35:14 +02:00 · 2026-06-20 20:32:08 +02:00 · 2026-06-20 20:23:15 +02:00
11 changed files with 30 additions and 118 deletions
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -186,8 +186,6 @@ export default async function Layout(props: {
      data-scroll-behavior="smooth"
    >
      <head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link rel="preconnect" href="https://img.infra.mintel.me" />
        <link rel="icon" href="/favicon.ico" sizes="any" />
        <link rel="apple-touch-icon" href="/apple-icon.png" sizes="180x180" />
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -6,21 +6,22 @@ import { MDXRemote } from 'next-mdx-remote/rsc';

 export const dynamic = 'force-dynamic';

-// Import components used in MDX
-import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
-import { SubCompanyTiles as HomeSubCompanyTiles } from '@/components/blocks/SubCompanyTiles';
-import { CompetenceBentoGrid as HomeCompetenceBentoGrid } from '@/components/blocks/CompetenceBentoGrid';
-import { ReferencesSlider as HomeReferencesSlider } from '@/components/blocks/ReferencesSlider';
-import { FaqBlock } from '@/components/blocks/FaqBlock';
-import { CertificatesBlock } from '@/components/blocks/CertificatesBlock';
-import { HeroSection } from '@/components/blocks/HeroSection';
+import nextDynamic from 'next/dynamic';
+
+const HomeHero = nextDynamic(() => import('@/components/blocks/HeroVideo').then(mod => mod.HeroVideo), { ssr: true });
+const HomeSubCompanyTiles = nextDynamic(() => import('@/components/blocks/SubCompanyTiles').then(mod => mod.SubCompanyTiles));
+const HomeCompetenceBentoGrid = nextDynamic(() => import('@/components/blocks/CompetenceBentoGrid').then(mod => mod.CompetenceBentoGrid));
+const HomeReferencesSlider = nextDynamic(() => import('@/components/blocks/ReferencesSlider').then(mod => mod.ReferencesSlider));
+const FaqBlock = nextDynamic(() => import('@/components/blocks/FaqBlock').then(mod => mod.FaqBlock));
+const CertificatesBlock = nextDynamic(() => import('@/components/blocks/CertificatesBlock').then(mod => mod.CertificatesBlock));
+const HeroSection = nextDynamic(() => import('@/components/blocks/HeroSection').then(mod => mod.HeroSection), { ssr: true });
 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';
+const AnimatedCounter = nextDynamic(() => import('@/components/ui').then(mod => mod.AnimatedCounter));
+const InteractiveGermanyMap = nextDynamic(() => import('@/components/blocks/InteractiveGermanyMap').then(mod => mod.InteractiveGermanyMap));
+const ScaleOfImpact = nextDynamic(() => import('@/components/blocks/ScaleOfImpact').then(mod => mod.ScaleOfImpact));
 import { getAllReferences } from '@/lib/references';

 const mdxComponents = (references: any[]) => ({
--- a/components/Reveal.tsx
+++ b/components/Reveal.tsx
@@ -1,6 +1,6 @@
 'use client';

-import React, { useEffect, useRef, useState } from 'react';
+import React from 'react';
 import { cn } from '@/components/ui';

 interface RevealProps {
@@ -10,40 +10,12 @@ interface RevealProps {
  delay?: number;
 }

-export default function Reveal({ children, className, threshold = 0.1, delay = 0 }: RevealProps) {
-  const [isVisible, setIsVisible] = useState(false);
-  const ref = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (entry.isIntersecting) {
-          setIsVisible(true);
-          observer.unobserve(entry.target);
-        }
-      },
-      { threshold }
-    );
-
-    const currentRef = ref.current;
-    if (currentRef) {
-      observer.observe(currentRef);
-    }
-
-    return () => {
-      if (currentRef) {
-        observer.unobserve(currentRef);
-      }
-    };
-  }, [threshold]);
-
+export default function Reveal({ children, className }: RevealProps) {
+  // Reveal animation disabled due to flickering issues on mobile/hydration
  return (
-    <div
-      ref={ref}
-      className={cn('reveal-on-scroll', isVisible && 'is-visible', className)}
-      style={{ transitionDelay: `${delay}ms` }}
-    >
+    <div className={cn(className)}>
      {children}
    </div>
  );
 }
+
--- a/components/blocks/CompetenceBentoGrid.tsx
+++ b/components/blocks/CompetenceBentoGrid.tsx
@@ -86,10 +86,6 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
            <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-3">{badge}</h2>
            <h3 className="font-heading text-3xl md:text-5xl font-extrabold text-neutral-dark mb-4">{title}</h3>
          </div>
-          <Button href={ctaHref} variant="ghost" className="bg-primary/5 hover:bg-primary/10 mx-4 md:mx-0 whitespace-nowrap">
-            {ctaLabel}
-            <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 ml-2 transform group-hover:translate-x-1 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
-          </Button>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 auto-rows-[220px] px-4 md:px-0">
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -2,7 +2,6 @@

 import { Button } from '@/components/ui/Button';
 import Image from 'next/image';
-import { motion, AnimatePresence } from 'framer-motion';
 import { useState, useEffect } from 'react';
 import { usePathname } from 'next/navigation';

@@ -81,11 +80,9 @@ export function HeroVideo(props: HeroVideoProps) {
      <div className="absolute top-0 left-0 w-full h-48 bg-gradient-to-b from-black/70 to-transparent z-[3] pointer-events-none" />
      
      <div className="container relative z-[4] text-center px-4">
-        <motion.div
+        <div
          key={`hero-content-${pathname}`}
-          initial={{ opacity: 0, y: 40 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 1.2, ease: [0.16, 1, 0.3, 1] }}
+          className="animate-in fade-in slide-in-from-bottom-10 duration-1000 ease-out fill-mode-both"
        >
          <h1 
            className="font-heading font-bold text-3xl sm:text-4xl md:text-6xl lg:text-8xl text-white mb-6 uppercase tracking-tight drop-shadow-lg"
@@ -114,7 +111,7 @@ export function HeroVideo(props: HeroVideoProps) {
              {secondaryCtaLabel}
            </Button>
          </div>
-        </motion.div>
+        </div>
      </div>
    </div>
  );
--- a/content/de/team.mdx
+++ b/content/de/team.mdx
@@ -42,7 +42,7 @@ layout: "fullBleed"
    {
      id: "martin-polan",
      name: "Martin Polan",
-      position: "Bauleiter",
+      position: "Bauleitung",
      email: "m.polan@e-tib.com",
      phone: "+49 171 3868167",
      image: "/assets/photos/team/martin.jpg"
--- a/content/en/team.mdx
+++ b/content/en/team.mdx
@@ -42,7 +42,7 @@ layout: "fullBleed"
    {
      id: "martin-polan",
      name: "Martin Polan",
-      position: "Site Manager",
+      position: "Site Management",
      email: "m.polan@e-tib.com",
      phone: "+49 171 3868167",
      image: "/assets/photos/team/martin.jpg"
--- a/lib/map-data.ts
+++ b/lib/map-data.ts
@@ -189,62 +189,6 @@ export const minorLocations: Location[] = [
    y: 83.33,
    description: 'fiber',
  },
-  {
-    id: 'hdd-29436-meter-29436',
-    name: 'HDD                                               29436 Meter',
-    type: 'minor_node',
-    x: 46.89,
-    y: 41.34,
-    description: 'power',
-  },
-  {
-    id: 'hdd-28680-meter-28680',
-    name: 'HDD                                              28680 Meter',
-    type: 'minor_node',
-    x: 44.84,
-    y: 43.61,
-    description: 'power',
-  },
-  {
-    id: 'hdd-44655-meter-44655',
-    name: 'HDD                                              44655 Meter',
-    type: 'minor_node',
-    x: 49.36,
-    y: 48.57,
-    description: 'power',
-  },
-  {
-    id: 'kabelverlegung-76727-meter-76727',
-    name: 'Kabelverlegung                        76727 Meter',
-    type: 'minor_node',
-    x: 45.57,
-    y: 49.95,
-    description: 'power',
-  },
-  {
-    id: 'offener-tiefbau-21288-meter-21288',
-    name: 'Offener Tiefbau                        21288 Meter',
-    type: 'minor_node',
-    x: 40.15,
-    y: 49.41,
-    description: 'power',
-  },
-  {
-    id: 'offener-tiefbau-30773-meter-30773',
-    name: 'Offener Tiefbau                        30773  Meter',
-    type: 'minor_node',
-    x: 41.74,
-    y: 43.78,
-    description: 'power',
-  },
-  {
-    id: 'offener-tiefbau-34815-meter-34815',
-    name: 'Offener Tiefbau                        34815  Meter',
-    type: 'minor_node',
-    x: 43.91,
-    y: 42.14,
-    description: 'power',
-  },
  {
    id: 'pv-anlage-01909-grosshartau-01909',
    name: 'PV-Anlage, 01909 Großhartau',
--- a/lib/standorte-data.ts
+++ b/lib/standorte-data.ts
@@ -35,7 +35,7 @@ export const standorteData: StandortData[] = [
  {
    id: 'guben',
    name: 'E-TIB GmbH',
-    shortName: 'Guben (Hauptsitz)',
+    shortName: 'Standort Brandenburg (Hauptsitz)',
    type: 'hq',
    description: {
      de: 'Unser Hauptsitz in Guben bildet das strategische und operative Zentrum der E-TIB Gruppe. Von hier aus steuern wir bundesweit Großprojekte im Kabelleitungsnetzbau und koordinieren unseren hochmodernen Maschinenpark.',
@@ -67,7 +67,7 @@ export const standorteData: StandortData[] = [
        'Central project management'
      ]
    },
-    image: '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-100.jpg',
+    image: '/assets/photos/DSC02114.jpg',
    gallery: [
      '/assets/photos/DSC02114.jpg',
      '/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-45.jpg'
@@ -117,7 +117,7 @@ export const standorteData: StandortData[] = [
  {
    id: 'buelstedt',
    name: 'E-TIB Ingenieurgesellschaft mbH',
-    shortName: 'Bülstedt (Ingenieurgesellschaft)',
+    shortName: 'Standort Niedersachsen',
    type: 'branch',
    description: {
      de: 'Unsere Ingenieurgesellschaft in Bülstedt ist spezialisiert auf die hochpräzise Planung, Vermessung und Projektierung von Energie- und Telekommunikationsnetzen. Hier verschmelzen technische Expertise und modernes Datenmanagement.',
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -15,6 +15,10 @@ const nextConfig = {
    pagesBufferLength: 2,
  },
  experimental: {
+    staleTimes: {
+      dynamic: 0,
+      static: 30,
+    },
    optimizePackageImports: [
      'lucide-react',
      'framer-motion',
--- a/package.json
+++ b/package.json
@@ -138,7 +138,7 @@
    "prepare": "husky",
    "preinstall": "npx only-allow pnpm"
  },
-  "version": "2.2.13",
+  "version": "2.2.14",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
Author	SHA1	Message	Date
Marc Mintel	0191fdb770	fix: resolve reveal flickering, adjust grid header UI, update Guben image All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 1m0s Details Build & Deploy / 🧪 QA (push) Successful in 1m37s Details Build & Deploy / 🏗️ Build (push) Successful in 3m19s Details Build & Deploy / 🚀 Deploy (push) Successful in 40s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-06-20 21:49:59 +02:00
Marc Mintel	afaa5e038c	fix: resolve TS dynamic collision and remove anomalous map entries All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 50s Details Build & Deploy / 🧪 QA (push) Successful in 1m42s Details Build & Deploy / 🏗️ Build (push) Successful in 3m36s Details Build & Deploy / 🚀 Deploy (push) Successful in 42s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-06-20 21:35:14 +02:00
Marc Mintel	e0d6ea0d6c	perf: implement KLZ blueprint optimizations (LCP, Payload, Caching) Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 1m10s Details Build & Deploy / 🧪 QA (push) Failing after 1m27s Details Build & Deploy / 🏗️ Build (push) Has been skipped Details Build & Deploy / 🚀 Deploy (push) Has been skipped Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-06-20 20:32:08 +02:00
Marc Mintel	34839ad5a5	fix: update team titles and location names All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 30s Details Build & Deploy / 🧪 QA (push) Successful in 1m20s Details Build & Deploy / 🏗️ Build (push) Successful in 2m33s Details Build & Deploy / 🚀 Deploy (push) Successful in 29s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m8s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-06-20 20:23:15 +02:00