chore: release v2.2.12

feat: implement email and phone obfuscation with Payload inline blocks
style: design refinements — reduce title/heading sizes, remove Scribble decorations, add image quality
2026-03-02 10:23:08 +01:00 · 2026-03-02 10:22:52 +01:00 · 2026-03-02 01:13:28 +01:00 · 2026-03-01 23:21:35 +01:00 · 2026-03-01 22:39:51 +01:00 · 2026-03-01 17:45:41 +01:00
50 changed files with 1010 additions and 1353 deletions
--- a/.env
+++ b/.env
@@ -0,0 +1,38 @@
+# Application
+NODE_ENV=production
+NEXT_PUBLIC_BASE_URL=https://klz-cables.com
+UMAMI_WEBSITE_ID=e4a2cd1c-59fb-4e5b-bac5-9dfd1d02dd81
+UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
+SENTRY_DSN=https://c10957d0182245b1a2a806ac2d34a197@errors.infra.mintel.me/1
+LOG_LEVEL=info
+NEXT_PUBLIC_FEEDBACK_ENABLED=false
+NEXT_PUBLIC_RECORD_MODE_ENABLED=false
+NPM_TOKEN=263e7f75d8ada27f3a2e71fd6bd9d95298d48a4d
+
+# SMTP Configuration
+MAIL_HOST=smtp.eu.mailgun.org
+MAIL_PORT=587
+MAIL_USERNAME=postmaster@mg.mintel.me
+MAIL_PASSWORD=4592fcb94599ee1a45b4ac2386fd0a64-102c75d8-ca2870e6
+MAIL_FROM="KLZ Cables <postmaster@mg.mintel.me>"
+MAIL_RECIPIENTS=marc@cablecreations.de,info@klz-cables.com
+
+# ────────────────────────────────────────────────────────────────────────────
+# Payload Infrastructure (Dockerized)
+# ────────────────────────────────────────────────────────────────────────────
+# The POSTGRES_URI and PAYLOAD_SECRET are automatically constructed and injected 
+# by docker-compose.yml using these base DB credentials, so you don't need to 
+# manually write the connection strings here.
+PAYLOAD_DB_NAME=payload
+PAYLOAD_DB_USER=payload
+PAYLOAD_DB_PASSWORD=120in09oenaoinsd9iaidon
+
+# ────────────────────────────────────────────────────────────────────────────
+# Hetzner S3 Object Storage
+# ────────────────────────────────────────────────────────────────────────────
+S3_ENDPOINT=https://fsn1.your-objectstorage.com
+S3_ACCESS_KEY=ROB3MSWMEIGRL7N94ZKS
+S3_SECRET_KEY=9QJV3NE8xeLxhyufhNU7lsUB0RffJxPhGuEuFSH3
+S3_BUCKET=mintel
+S3_REGION=fsn1
+S3_PREFIX=klz-cables
--- a/.gitea/workflows/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@@ -261,12 +261,6 @@ jobs:
      # Analytics
      UMAMI_WEBSITE_ID:    ${{ secrets.UMAMI_WEBSITE_ID || vars.UMAMI_WEBSITE_ID }}
      UMAMI_API_ENDPOINT:  ${{ secrets.UMAMI_API_ENDPOINT || vars.UMAMI_API_ENDPOINT || 'https://analytics.infra.mintel.me' }}
-      
-      # Search & AI
-      OPENROUTER_API_KEY:  ${{ secrets.OPENROUTER_API_KEY || vars.OPENROUTER_API_KEY }}
-      QDRANT_URL:          ${{ secrets.QDRANT_URL || vars.QDRANT_URL || 'http://klz-qdrant:6333' }}
-      QDRANT_API_KEY:      ${{ secrets.QDRANT_API_KEY || vars.QDRANT_API_KEY }}
-      REDIS_URL:           ${{ secrets.REDIS_URL || vars.REDIS_URL || 'redis://klz-redis:6379' }}
    steps:
      - name: Checkout repository
        uses: actions/checkout@v4
@@ -325,12 +319,6 @@ jobs:
            echo "UMAMI_WEBSITE_ID=$UMAMI_WEBSITE_ID"
            echo "UMAMI_API_ENDPOINT=$UMAMI_API_ENDPOINT"
            echo ""
-            echo "# Search & AI"
-            echo "OPENROUTER_API_KEY=$OPENROUTER_API_KEY"
-            echo "QDRANT_URL=$QDRANT_URL"
-            echo "QDRANT_API_KEY=$QDRANT_API_KEY"
-            echo "REDIS_URL=$REDIS_URL"
-            echo ""
            echo "TARGET=$TARGET"
            echo "SENTRY_ENVIRONMENT=$TARGET"
            echo "PROJECT_NAME=$PROJECT_NAME"
--- a/.gitea/workflows/qa.yml
+++ b/.gitea/workflows/qa.yml
@@ -14,4 +14,4 @@ jobs:
    secrets:
      GOTIFY_URL: ${{ secrets.GOTIFY_URL }}
      GOTIFY_TOKEN: ${{ secrets.GOTIFY_TOKEN }}
-      GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD || 'klz2026' }}
+      GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD || 'lassmichrein' }}
--- a/.gitignore
+++ b/.gitignore
@@ -28,5 +28,3 @@ html-errors*.json
 reference/
 # Database backups
 backups/
-
-.env
--- a/.htmlvalidate.json
+++ b/.htmlvalidate.json
@@ -17,6 +17,10 @@
    "valid-id": "off",
    "element-required-attributes": "off",
    "attribute-empty-style": "off",
-    "element-permitted-content": "off"
+    "element-permitted-content": "off",
+    "element-required-content": "off",
+    "element-permitted-parent": "off",
+    "no-implicit-close": "off",
+    "close-order": "off"
  }
 }
--- a/.npmrc
+++ b/.npmrc
@@ -1,2 +1,2 @@
-@mintel:registry=https://npm.infra.mintel.me/
-//npm.infra.mintel.me/:_authToken=${NPM_TOKEN}
+@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm/
+//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${NPM_TOKEN}
--- a/app/[locale]/blog/[slug]/opengraph-image.tsx
+++ b/app/[locale]/blog/[slug]/opengraph-image.tsx
@@ -8,6 +8,20 @@ export const size = OG_IMAGE_SIZE;
 export const contentType = 'image/png';
 export const runtime = 'nodejs';

+async function fetchImageAsBase64(url: string) {
+  try {
+    const res = await fetch(url);
+    if (!res.ok) return undefined;
+    const arrayBuffer = await res.arrayBuffer();
+    const buffer = Buffer.from(arrayBuffer);
+    const contentType = res.headers.get('content-type') || 'image/jpeg';
+    return `data:${contentType};base64,${buffer.toString('base64')}`;
+  } catch (error) {
+    console.error('Failed to fetch OG image:', url, error);
+    return undefined;
+  }
+}
+
 export default async function Image({
  params,
 }: {
@@ -32,12 +46,19 @@ export default async function Image({
      : `${SITE_URL}${post.frontmatter.featuredImage}`
    : undefined;

+  // Fetch image explicitly and convert to base64 because Satori sometimes struggles
+  // fetching remote URLs directly inside ImageResponse correctly in various environments.
+  let base64Image: string | undefined = undefined;
+  if (featuredImage) {
+    base64Image = await fetchImageAsBase64(featuredImage);
+  }
+
  return new ImageResponse(
    <OGImageTemplate
      title={post.frontmatter.title}
      description={post.frontmatter.excerpt}
      label={post.frontmatter.category || 'Blog'}
-      image={featuredImage}
+      image={base64Image || featuredImage}
    />,
    {
      ...OG_IMAGE_SIZE,
--- a/app/[locale]/blog/[slug]/page.tsx
+++ b/app/[locale]/blog/[slug]/page.tsx
@@ -1,12 +1,18 @@
 import { notFound, redirect } from 'next/navigation';
 import JsonLd from '@/components/JsonLd';
 import { SITE_URL } from '@/lib/schema';
-import { getPostBySlug, getAdjacentPosts, getReadingTime } from '@/lib/blog';
+import {
+  getPostBySlug,
+  getAdjacentPosts,
+  getReadingTime,
+  extractLexicalHeadings,
+} from '@/lib/blog';
 import { Metadata } from 'next';
 import Link from 'next/link';
 import Image from 'next/image';
 import PostNavigation from '@/components/blog/PostNavigation';
 import PowerCTA from '@/components/blog/PowerCTA';
+import TableOfContents from '@/components/blog/TableOfContents';
 import { Heading } from '@/components/ui';
 import { setRequestLocale } from 'next-intl/server';
 import BlogEngagementTracker from '@/components/analytics/BlogEngagementTracker';
@@ -67,6 +73,10 @@ export default async function BlogPost({ params }: BlogPostProps) {

  const { prev, next, isPrevRandom, isNextRandom } = await getAdjacentPosts(post.slug, locale);

+  // Convert Lexical content into a plain string to estimate reading time roughly
+  // Extract headings for TOC
+  const headings = extractLexicalHeadings(post.content?.root || post.content);
+
  // Convert Lexical content into a plain string to estimate reading time roughly
  const rawTextContent = JSON.stringify(post.content);

@@ -88,6 +98,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
              alt={post.frontmatter.title}
              fill
              priority
+              quality={100}
              className="object-cover"
              sizes="100vw"
              style={{
@@ -113,7 +124,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
                </Heading>
                <div className="flex flex-wrap items-center gap-6 text-white/80 text-sm md:text-base font-medium">
                  <time dateTime={post.frontmatter.date} suppressHydrationWarning>
-                    {new Date(post.frontmatter.date).toLocaleDateString(locale, {
+                    {new Date(post.frontmatter.date).toLocaleDateString(locale || 'de', {
                      year: 'numeric',
                      month: 'long',
                      day: 'numeric',
@@ -123,13 +134,13 @@ export default async function BlogPost({ params }: BlogPostProps) {
                  <span>{getReadingTime(rawTextContent)} min read</span>
                  {(new Date(post.frontmatter.date) > new Date() ||
                    post.frontmatter.public === false) && (
-                    <>
-                      <span className="w-1 h-1 bg-white/30 rounded-full" />
-                      <span className="px-2 py-0.5 border border-white/40 text-white/80 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
-                        Draft Preview
-                      </span>
-                    </>
-                  )}
+                      <>
+                        <span className="w-1 h-1 bg-white/30 rounded-full" />
+                        <span className="px-2 py-0.5 border border-white/40 text-white/80 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
+                          Draft Preview
+                        </span>
+                      </>
+                    )}
                </div>
              </div>
            </div>
@@ -150,7 +161,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
            </Heading>
            <div className="flex items-center gap-6 text-text-primary/80 font-medium">
              <time dateTime={post.frontmatter.date} suppressHydrationWarning>
-                {new Date(post.frontmatter.date).toLocaleDateString(locale, {
+                {new Date(post.frontmatter.date).toLocaleDateString(locale || 'de', {
                  year: 'numeric',
                  month: 'long',
                  day: 'numeric',
@@ -160,13 +171,13 @@ export default async function BlogPost({ params }: BlogPostProps) {
              <span>{getReadingTime(rawTextContent)} min read</span>
              {(new Date(post.frontmatter.date) > new Date() ||
                post.frontmatter.public === false) && (
-                <>
-                  <span className="w-1 h-1 bg-neutral-300 rounded-full" />
-                  <span className="px-2 py-0.5 border border-orange-500/50 text-orange-600 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
-                    Draft Preview
-                  </span>
-                </>
-              )}
+                  <>
+                    <span className="w-1 h-1 bg-neutral-300 rounded-full" />
+                    <span className="px-2 py-0.5 border border-orange-500/50 text-orange-600 rounded uppercase tracking-widest text-[10px] md:text-xs font-bold">
+                      Draft Preview
+                    </span>
+                  </>
+                )}
            </div>
          </div>
        </header>
@@ -231,10 +242,10 @@ export default async function BlogPost({ params }: BlogPostProps) {
            </div>
          </div>

-          {/* Right Column: Sticky Sidebar - Temporarily Hidden without ToC */}
+          {/* Right Column: Sticky Sidebar - TOC */}
          <aside className="sticky-narrative-sidebar hidden lg:block">
-            <div className="space-y-12">
-              {/* Future Payload Table of Contents Implementation */}
+            <div className="space-y-12 lg:sticky lg:top-32">
+              <TableOfContents headings={headings} locale={locale} />
            </div>
          </aside>
        </div>
--- a/app/[locale]/blog/page.tsx
+++ b/app/[locale]/blog/page.tsx
@@ -198,7 +198,7 @@ export default async function BlogIndex({ params }: BlogIndexProps) {

                      <div className="flex items-center gap-3 text-xs md:text-sm font-bold text-white/80 mb-3 tracking-widest uppercase">
                        <time dateTime={post.frontmatter.date} suppressHydrationWarning>
-                          {new Date(post.frontmatter.date).toLocaleDateString(locale, {
+                          {new Date(post.frontmatter.date).toLocaleDateString(locale || 'de', {
                            year: 'numeric',
                            month: 'long',
                            day: 'numeric',
--- a/app/[locale]/contact/page.tsx
+++ b/app/[locale]/contact/page.tsx
@@ -8,6 +8,7 @@ import { SITE_URL } from '@/lib/schema';
 import { getOGImageMetadata } from '@/lib/metadata';
 import { Suspense } from 'react';
 import ContactMap from '@/components/ContactMap';
+import ObfuscatedEmail from '@/components/ObfuscatedEmail';

 interface ContactPageProps {
  params: Promise<{
@@ -204,12 +205,10 @@ export default async function ContactPage({ params }: ContactPageProps) {
                      <h4 className="text-base md:text-xl font-bold text-primary mb-1 md:mb-2">
                        {t('info.email')}
                      </h4>
-                      <a
-                        href="mailto:info@klz-cables.com"
+                      <ObfuscatedEmail
+                        email="info@klz-cables.com"
                        className="text-sm md:text-lg text-text-secondary hover:text-primary transition-colors font-medium touch-target"
-                      >
-                        info@klz-cables.com
-                      </a>
+                      />
                    </div>
                  </div>
                </address>
--- a/app/[locale]/products/[...slug]/page.tsx
+++ b/app/[locale]/products/[...slug]/page.tsx
@@ -322,6 +322,8 @@ export default async function ProductPage({ params }: ProductPageProps) {
    }
  }

+  console.log(`[DEBUG PAGE] Slug: ${productSlug}, children count: ${descriptionChildren.length}`);
+
  const descriptionContent = {
    root: {
      ...product.content.root,
@@ -353,29 +355,31 @@ export default async function ProductPage({ params }: ProductPageProps) {
        categories={product.frontmatter.categories}
        sku={product.frontmatter.sku}
      />
-      <section className="relative pt-40 pb-24 overflow-hidden bg-primary-dark">
+      <section className="relative pt-28 md:pt-40 pb-12 md:pb-24 overflow-hidden bg-primary-dark">
        {/* Background Decorative Elements */}
        <div className="absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-accent/5 to-transparent pointer-events-none" />
        <div className="absolute -top-24 -right-24 w-96 h-96 bg-accent/10 rounded-full blur-3xl pointer-events-none" />

        <Container className="relative z-10">
          <div className="max-w-4xl animate-slide-up">
-            <nav className="flex items-center mb-12 text-white/40 text-[10px] font-black uppercase tracking-[0.2em]">
+            <nav className="flex flex-wrap items-center gap-y-1 mb-6 md:mb-12 text-white/40 text-[10px] font-black uppercase tracking-[0.2em]">
              <Link
                href={`/${locale}/${productsSlug}`}
-                className="hover:text-accent transition-colors"
+                className="hover:text-accent transition-colors shrink-0"
              >
                {t.has('breadcrumb') ? t('breadcrumb') : 'Products'}
              </Link>
-              <span className="mx-4 opacity-20">/</span>
+              <span className="mx-2 md:mx-4 opacity-20">/</span>
              <Link
                href={`/${locale}/${productsSlug}/${categorySlug}`}
-                className="hover:text-accent transition-colors"
+                className="hover:text-accent transition-colors shrink-0 max-w-[140px] truncate"
              >
                {categoryTitle}
              </Link>
-              <span className="mx-4 opacity-20">/</span>
-              <span className="text-white/90">{product.frontmatter.title}</span>
+              <span className="mx-2 md:mx-4 opacity-20">/</span>
+              <span className="text-white/90 truncate max-w-[140px] md:max-w-none">
+                {product.frontmatter.title}
+              </span>
            </nav>

            <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-12">
@@ -386,7 +390,7 @@ export default async function ProductPage({ params }: ProductPageProps) {
                    {t('englishVersion')}
                  </div>
                )}
-                <div className="flex flex-wrap gap-3 mb-8">
+                <div className="flex flex-wrap gap-2 mb-4 md:mb-8">
                  {product.frontmatter.categories.map((cat, idx) => (
                    <Badge
                      key={idx}
@@ -397,10 +401,10 @@ export default async function ProductPage({ params }: ProductPageProps) {
                    </Badge>
                  ))}
                </div>
-                <Heading level={1} className="text-white mb-8 uppercase">
+                <Heading level={1} className="text-white mb-4 md:mb-8 uppercase">
                  {product.frontmatter.title}
                </Heading>
-                <p className="text-xl md:text-2xl text-white/60 max-w-2xl leading-relaxed font-medium">
+                <p className="text-base md:text-xl lg:text-2xl text-white/60 max-w-2xl leading-relaxed font-medium">
                  {product.frontmatter.description}
                </p>
              </div>
@@ -414,11 +418,11 @@ export default async function ProductPage({ params }: ProductPageProps) {
          {/* Large Product Image Section */}
          {product.frontmatter.images && product.frontmatter.images.length > 0 && (
            <div
-              className="relative -mt-32 mb-32 animate-slide-up"
+              className="relative md:-mt-32 mb-8 md:mb-32 animate-slide-up"
              style={{ animationDelay: '200ms' }}
            >
-              <div className="bg-white shadow-[0_32px_64px_-12px_rgba(0,0,0,0.1)] rounded-[48px] border border-neutral-dark/5 overflow-hidden p-12 md:p-20 lg:p-24">
-                <div className="relative w-full aspect-[21/9]">
+              <div className="bg-white shadow-[0_32px_64px_-12px_rgba(0,0,0,0.1)] rounded-[24px] md:rounded-[48px] border border-neutral-dark/5 overflow-hidden p-6 md:p-20 lg:p-24">
+                <div className="relative w-full aspect-[4/3] md:aspect-[21/9]">
                  <Image
                    src={product.frontmatter.images[0]}
                    alt={product.frontmatter.title}
@@ -453,10 +457,10 @@ export default async function ProductPage({ params }: ProductPageProps) {
            </div>
          )}

-          <div className="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20">
+          <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-20">
            {/* Description Area Next to Sidebar */}
            <div className="lg:col-span-8">
-              <div className="max-w-none prose prose-primary prose-lg md:prose-xl mb-16 pb-16 border-b border-neutral-dark/5">
+              <div className="max-w-none prose prose-primary prose-base md:prose-lg xl:prose-xl mb-8 md:mb-16 pb-8 md:pb-16 border-b border-neutral-dark/5">
                {descriptionChildren.length > 0 ? (
                  <PayloadRichText data={descriptionContent} />
                ) : product.frontmatter.description ? (
@@ -464,6 +468,12 @@ export default async function ProductPage({ params }: ProductPageProps) {
                    {product.frontmatter.description}
                  </p>
                ) : null}
+
+                {product.application?.root?.children?.length > 0 && (
+                  <div className="mt-12">
+                    <PayloadRichText data={product.application} />
+                  </div>
+                )}
              </div>
            </div>

@@ -472,7 +482,7 @@ export default async function ProductPage({ params }: ProductPageProps) {
          </div>

          {/* Full-width Technical Data Below */}
-          <div className="mt-16 pt-16 border-t-0">
+          <div className="mt-8 md:mt-16 pt-8 md:pt-16 border-t-0">
            <div className="max-w-none prose prose-primary prose-lg md:prose-xl">
              <PayloadRichText data={technicalContent} />
            </div>
@@ -530,7 +540,7 @@ export default async function ProductPage({ params }: ProductPageProps) {
          </div>

          {/* Related Products Section */}
-          <div className="mt-16 pt-16 border-t border-neutral-dark/5">
+          <div className="mt-10 md:mt-16 pt-10 md:pt-16 border-t border-neutral-dark/5">
            <RelatedProducts
              currentSlug={productSlug}
              categories={product.frontmatter.categories}
--- a/app/[locale]/products/page.tsx
+++ b/app/[locale]/products/page.tsx
@@ -1,5 +1,4 @@
 import Reveal from '@/components/Reveal';
-import Scribble from '@/components/Scribble';
 import { Badge, Button, Card, Container, Heading, Section } from '@/components/ui';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
@@ -95,7 +94,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
  return (
    <div className="flex flex-col min-h-screen bg-neutral-light">
      {/* Hero Section */}
-      <section className="relative min-h-[50vh] md:min-h-[70vh] flex items-center pt-32 pb-20 md:pt-40 md:pb-32 overflow-hidden bg-primary-dark">
+      <section className="relative flex items-center pt-32 pb-16 md:pt-40 md:pb-24 overflow-hidden bg-primary-dark">
        <Container className="relative z-10">
          <div className="max-w-4xl animate-slide-up">
            <Badge
@@ -106,15 +105,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
            </Badge>
            <Heading level={1} className="text-white mb-4 md:mb-8">
              {t.rich('title', {
-                green: (chunks) => (
-                  <span className="relative inline-block">
-                    <span className="relative z-10 text-accent italic">{chunks}</span>
-                    <Scribble
-                      variant="circle"
-                      className="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block"
-                    />
-                  </span>
-                ),
+                green: (chunks) => <span className="text-accent italic">{chunks}</span>,
              })}
            </Heading>
            <p className="text-lg md:text-xl text-white/70 leading-relaxed max-w-2xl mb-8 md:mb-12 line-clamp-2 md:line-clamp-none">
@@ -223,7 +214,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
              <div className="absolute top-0 right-0 w-1/2 h-full bg-accent/5 -skew-x-12 translate-x-1/4" />
              <div className="relative z-10 flex flex-col lg:flex-row items-center justify-between gap-6 md:gap-12">
                <div className="max-w-2xl text-center lg:text-left">
-                  <h2 className="text-2xl md:text-5xl lg:text-6xl font-bold text-white mb-4 md:mb-8 tracking-tight">
+                  <h2 className="text-2xl md:text-4xl font-bold text-white mb-4 md:mb-8 tracking-tight">
                    {t('cta.title')}
                  </h2>
                  <p className="text-base md:text-xl text-white/70 leading-relaxed">
--- a/app/[locale]/team/page.tsx
+++ b/app/[locale]/team/page.tsx
@@ -122,12 +122,12 @@ export default async function TeamPage({ params }: TeamPageProps) {
              <Badge variant="accent" className="mb-4 md:mb-8">
                {t('michael.role')}
              </Badge>
-              <Heading level={2} className="text-white mb-6 md:mb-10 text-3xl md:text-5xl">
+              <Heading level={2} className="text-white mb-6 md:mb-10 text-2xl md:text-4xl">
                <span className="text-white">{t('michael.name')}</span>
              </Heading>
              <div className="relative mb-6 md:mb-12">
                <div className="absolute -left-4 md:-left-8 top-0 bottom-0 w-1 md:w-1.5 bg-accent rounded-full" />
-                <p className="text-lg md:text-2xl font-bold italic leading-relaxed pl-5 md:pl-8 text-white/90">
+                <p className="text-base md:text-xl font-bold italic leading-relaxed pl-5 md:pl-8 text-white/90">
                  {t('michael.quote')}
                </p>
              </div>
@@ -156,6 +156,7 @@ export default async function TeamPage({ params }: TeamPageProps) {
              alt={t('michael.name')}
              fill
              className="object-cover scale-105 hover:scale-100 transition-transform duration-1000"
+              quality={100}
              sizes="(max-width: 1024px) 100vw, 50vw"
            />
            <div className="absolute inset-0 bg-gradient-to-t from-primary-dark/60 lg:bg-gradient-to-r lg:from-primary-dark/20 to-transparent" />
@@ -225,6 +226,7 @@ export default async function TeamPage({ params }: TeamPageProps) {
              alt={t('klaus.name')}
              fill
              className="object-cover scale-105 hover:scale-100 transition-transform duration-1000"
+              quality={100}
              sizes="(max-width: 1024px) 100vw, 50vw"
            />
            <div className="absolute inset-0 bg-gradient-to-t from-white/60 lg:bg-gradient-to-l lg:from-primary-dark/20 to-transparent" />
@@ -235,12 +237,12 @@ export default async function TeamPage({ params }: TeamPageProps) {
              <Badge variant="saturated" className="mb-4 md:mb-8">
                {t('klaus.role')}
              </Badge>
-              <Heading level={2} className="text-saturated mb-6 md:mb-10 text-3xl md:text-6xl">
+              <Heading level={2} className="text-saturated mb-6 md:mb-10 text-2xl md:text-4xl">
                {t('klaus.name')}
              </Heading>
              <div className="relative mb-6 md:mb-12">
                <div className="absolute -left-4 md:-left-8 top-0 bottom-0 w-1 md:w-1.5 bg-saturated rounded-full" />
-                <p className="text-lg md:text-3xl font-bold italic leading-relaxed pl-5 md:pl-8 text-text-secondary">
+                <p className="text-base md:text-xl font-bold italic leading-relaxed pl-5 md:pl-8 text-text-secondary">
                  {t('klaus.quote')}
                </p>
              </div>
--- a/app/actions/contact.ts
+++ b/app/actions/contact.ts
@@ -72,6 +72,7 @@ export async function sendContactFormAction(formData: FormData) {
    ? `Product Inquiry: ${productName}`
    : 'New Contact Form Submission';
  const confirmationSubject = 'Thank you for your inquiry';
+  const isTestSubmission = email === 'testing@mintel.me';

  try {
    // 2a. Send notification to Mintel/Client
@@ -84,26 +85,30 @@ export async function sendContactFormAction(formData: FormData) {
      }),
    );

-    const notificationResult = await sendEmail({
-      replyTo: email,
-      subject: notificationSubject,
-      html: notificationHtml,
-    });
-
-    if (notificationResult.success) {
-      logger.info('Notification email sent successfully', {
-        messageId: notificationResult.messageId,
-      });
-    } else {
-      logger.error('Notification email FAILED', {
-        error: notificationResult.error,
+    if (!isTestSubmission) {
+      const notificationResult = await sendEmail({
+        replyTo: email,
        subject: notificationSubject,
-        email,
+        html: notificationHtml,
      });
-      services.errors.captureException(
-        new Error(`Notification email failed: ${notificationResult.error}`),
-        { action: 'sendContactFormAction_notification', email },
-      );
+
+      if (notificationResult.success) {
+        logger.info('Notification email sent successfully', {
+          messageId: notificationResult.messageId,
+        });
+      } else {
+        logger.error('Notification email FAILED', {
+          error: notificationResult.error,
+          subject: notificationSubject,
+          email,
+        });
+        services.errors.captureException(
+          new Error(`Notification email failed: ${notificationResult.error}`),
+          { action: 'sendContactFormAction_notification', email },
+        );
+      }
+    } else {
+      logger.info('Skipping notification email for test submission', { email });
    }

    // 2b. Send confirmation to Customer (branded as KLZ Cables)
@@ -115,26 +120,30 @@ export async function sendContactFormAction(formData: FormData) {
      }),
    );

-    const confirmationResult = await sendEmail({
-      to: email,
-      subject: confirmationSubject,
-      html: confirmationHtml,
-    });
-
-    if (confirmationResult.success) {
-      logger.info('Confirmation email sent successfully', {
-        messageId: confirmationResult.messageId,
-      });
-    } else {
-      logger.error('Confirmation email FAILED', {
-        error: confirmationResult.error,
-        subject: confirmationSubject,
+    if (!isTestSubmission) {
+      const confirmationResult = await sendEmail({
        to: email,
+        subject: confirmationSubject,
+        html: confirmationHtml,
      });
-      services.errors.captureException(
-        new Error(`Confirmation email failed: ${confirmationResult.error}`),
-        { action: 'sendContactFormAction_confirmation', email },
-      );
+
+      if (confirmationResult.success) {
+        logger.info('Confirmation email sent successfully', {
+          messageId: confirmationResult.messageId,
+        });
+      } else {
+        logger.error('Confirmation email FAILED', {
+          error: confirmationResult.error,
+          subject: confirmationSubject,
+          to: email,
+        });
+        services.errors.captureException(
+          new Error(`Confirmation email failed: ${confirmationResult.error}`),
+          { action: 'sendContactFormAction_confirmation', email },
+        );
+      }
+    } else {
+      logger.info('Skipping confirmation email for test submission', { email });
    }

    // Notify via Gotify (Internal)
--- a/app/api/ai-search/route.ts
+++ b/app/api/ai-search/route.ts
@@ -1,138 +0,0 @@
-import { NextResponse } from 'next/server';
-import { searchProducts } from '../../../src/lib/qdrant';
-import redis from '../../../src/lib/redis';
-import { z } from 'zod';
-
-// Config and constants
-const RATE_LIMIT_POINTS = 5; // 5 requests
-const RATE_LIMIT_DURATION = 60 * 1; // per 1 minute
-
-const requestSchema = z.object({
-    query: z.string().min(1).max(500),
-    _honeypot: z.string().max(0).optional(), // Honeypot trap: must be empty
-});
-
-export async function POST(req: Request) {
-    try {
-        // 1. IP extraction for Rate Limiting
-        const forwardedFor = req.headers.get('x-forwarded-for');
-        const realIp = req.headers.get('x-real-ip');
-        const ip = forwardedFor?.split(',')[0] || realIp || 'anon';
-        const rateLimitKey = `rate_limit:ai_search:${ip}`;
-
-        // Redis Rate Limiting
-        try {
-            const current = await redis.incr(rateLimitKey);
-            if (current === 1) {
-                await redis.expire(rateLimitKey, RATE_LIMIT_DURATION);
-            }
-            if (current > RATE_LIMIT_POINTS) {
-                return NextResponse.json({ error: 'Rate limit exceeded. Try again later.' }, { status: 429 });
-            }
-        } catch (redisError) {
-            console.warn('Redis error during rate limiting:', redisError);
-            // Fallback: proceed if Redis is down, to maintain availability
-        }
-
-        // 2. Validate request
-        const json = await req.json().catch(() => ({}));
-        const parseResult = requestSchema.safeParse(json);
-
-        if (!parseResult.success) {
-            return NextResponse.json({ error: 'Invalid request' }, { status: 400 });
-        }
-
-        const { query, _honeypot } = parseResult.data;
-
-        // 3. Honeypot check
-        // If the honeypot field has any content, this is a bot.
-        if (_honeypot && _honeypot.length > 0) {
-            // Return a fake success mask
-            return NextResponse.json({ answer: 'Searching...' }, { status: 200 });
-        }
-
-        // 4. Qdrant Context Retrieval
-        const searchResults = await searchProducts(query, 5);
-
-        // Build context block
-        const contextText = searchResults.map((res: any) => {
-            const payload = res.payload;
-            return `Product ID: ${payload?.id}
-Name: ${payload?.title}
-SKU: ${payload?.sku}
-Description: ${payload?.description}
-Slug: ${payload?.slug}
---`;
-        }).join('\n');
-
-        // 5. OpenRouter Integration (gemini-3-flash-preview)
-        const openRouterKey = process.env.OPENROUTER_API_KEY;
-        if (!openRouterKey) {
-            return NextResponse.json({ error: 'Server configuration error' }, { status: 500 });
-        }
-
-        const systemPrompt = `You are the KLZ Cables AI Search Assistant, an intelligent, helpful, and highly specialized assistant strictly for the KLZ Cables website. 
-Your primary goal is to help users find the correct industrial cables and products based ONLY on the context provided.
-Follow these strict rules:
-1. ONLY answer questions related to products, search queries, cables, or industrial electronics.
-2. If the user asks a question entirely unrelated to products or the company (e.g., "What is the capital of France?", "Write a poem", "What is 2+2?"), REFUSE to answer it. Instead, reply with a funny, sarcastic, or humorous comment about how you only know about cables and wires.
-3. Base your product answers strictly on the CONTEXT provided below. Do not hallucinate products.
-4. Output your response as a valid JSON object matching this schema exactly, do not use Markdown codeblocks, output RAW JSON:
-{
-  "answerText": "A friendly description or answer based on the search.",
-  "products": [
-    { "id": "Context Product ID", "title": "Product Title", "sku": "Product SKU", "slug": "slug" }
-  ]
-}
-
-If you find relevant products in the context, add them to the "products" array. If no products match, use an empty array.
-
-CONTEXT:
-${contextText}
-`;
-
-        const response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
-            method: 'POST',
-            headers: {
-                'Authorization': `Bearer ${openRouterKey}`,
-                'Content-Type': 'application/json',
-                'HTTP-Referer': process.env.NEXT_PUBLIC_BASE_URL || 'https://klz-cables.com',
-                'X-Title': 'KLZ Cables Search AI',
-            },
-            body: JSON.stringify({
-                model: 'google/gemini-3-flash-preview',
-                messages: [
-                    { role: 'system', content: systemPrompt },
-                    { role: 'user', content: query }
-                ],
-                response_format: { type: "json_object" }
-            }),
-        });
-
-        if (!response.ok) {
-            const errorBody = await response.text();
-            throw new Error(`OpenRouter error: ${response.status} ${errorBody}`);
-        }
-
-        const completion = await response.json();
-        const rawContent = completion.choices?.[0]?.message?.content;
-
-        let answerJson;
-        try {
-            // Remove any potential markdown json block markers
-            const sanitizedObjStr = rawContent.replace(/^```json\s*/, '').replace(/\s*```$/, '');
-            answerJson = JSON.parse(sanitizedObjStr);
-        } catch (parseError) {
-            console.error('Failed to parse AI response:', rawContent);
-            answerJson = {
-                answerText: rawContent || "Sorry, I had trouble thinking about cables right now.",
-                products: []
-            };
-        }
-
-        return NextResponse.json(answerJson);
-    } catch (error) {
-        console.error('AI Search API Error:', error);
-        return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
-    }
-}
--- a/app/api/health/cms/route.ts
+++ b/app/api/health/cms/route.ts
@@ -27,7 +27,7 @@ export async function GET() {
      }
    }

-    const hasErrors = Object.values(checks).some((v) => v.startsWith('error'));
+    const hasErrors = Object.values(checks).some(v => v.startsWith('error'));
    return NextResponse.json(
      { status: hasErrors ? 'degraded' : 'ok', checks },
      { status: hasErrors ? 503 : 200 },
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -3,7 +3,6 @@
 import Link from 'next/link';
 import Image from 'next/image';
 import { useTranslations, useLocale } from 'next-intl';
-import { ShieldCheck, Leaf, Lock, Accessibility, Zap } from 'lucide-react';
 import { Container } from './ui';
 import { useAnalytics } from './analytics/useAnalytics';
 import { AnalyticsEvents } from './analytics/analytics-events';
@@ -16,14 +15,14 @@ export default function Footer() {
  const currentYear = new Date().getFullYear();

  return (
-    <footer className="bg-primary text-white py-24 relative overflow-hidden content-visibility-auto">
+    <footer className="bg-primary text-white py-14 md:py-24 relative overflow-hidden content-visibility-auto">
      <div className="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-white/20 to-transparent" />

      <Container>
        <h2 className="sr-only">Footer Navigation</h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-16 mb-20">
-          {/* Brand Column */}
-          <div className="lg:col-span-4 space-y-8">
+        <div className="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-12 gap-10 md:gap-16 mb-12 md:mb-20">
+          {/* Brand Column – full width on mobile */}
+          <div className="col-span-2 md:col-span-2 lg:col-span-4 space-y-6 md:space-y-8">
            <Link
              href={`/${locale}`}
              className="inline-block group"
@@ -68,9 +67,9 @@ export default function Footer() {
            </div>
          </div>

-          {/* Links Columns */}
-          <div className="lg:col-span-2">
-            <h3 className="text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8">
+          {/* Legal Column */}
+          <div className="col-span-1 lg:col-span-2">
+            <h3 className="text-accent font-bold uppercase tracking-widest text-xs mb-5 md:mb-8">
              {t('legal')}
            </h3>
            <ul className="space-y-4 text-white/70 list-none m-0 p-0">
@@ -122,8 +121,9 @@ export default function Footer() {
            </ul>
          </div>

-          <div className="lg:col-span-2">
-            <h3 className="text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8">
+          {/* Company Column */}
+          <div className="col-span-1 lg:col-span-2">
+            <h3 className="text-accent font-bold uppercase tracking-widest text-xs mb-5 md:mb-8">
              {t('company')}
            </h3>
            <ul className="space-y-4 text-white/70 list-none m-0 p-0">
@@ -190,9 +190,9 @@ export default function Footer() {
            </ul>
          </div>

-          {/* Recent Posts Column */}
-          <div className="lg:col-span-4">
-            <h3 className="text-accent font-bold uppercase tracking-widest text-xs md:text-sm mb-8">
+          {/* Recent Posts Column – full width on mobile */}
+          <div className="col-span-2 md:col-span-2 lg:col-span-4">
+            <h3 className="text-accent font-bold uppercase tracking-widest text-xs mb-5 md:mb-8">
              {t('recentPosts')}
            </h3>
            <ul className="space-y-6 list-none m-0 p-0">
@@ -243,7 +243,7 @@ export default function Footer() {
          </div>
        </div>

-        <div className="pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-8 text-white/70 text-xs md:text-sm font-medium">
+        <div className="pt-8 md:pt-12 border-t border-white/10 flex flex-row justify-between items-center gap-4 text-white/70 text-xs md:text-sm font-medium">
          <p>{t('copyright', { year: currentYear })}</p>
          <div className="flex gap-8">
            <Link
@@ -276,48 +276,6 @@ export default function Footer() {
            </Link>
          </div>
        </div>
-
-        {/* Brand & Quality Sub-Footer */}
-        <div className="pt-8 mt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-6 text-white/40 text-[10px] sm:text-xs">
-          <div>
-            <a
-              href="https://mintel.me"
-              target="_blank"
-              rel="noopener noreferrer"
-              onClick={() =>
-                trackEvent(AnalyticsEvents.LINK_CLICK, {
-                  target: 'mintel_agency',
-                  location: 'sub_footer',
-                })
-              }
-              className="hover:text-white/80 transition-colors flex items-center gap-1.5"
-            >
-              Website entwickelt von Marc Mintel
-            </a>
-          </div>
-          <div className="flex flex-wrap justify-center md:justify-end gap-x-6 gap-y-3">
-            <div className="flex items-center gap-1.5" title="SSL Secured">
-              <ShieldCheck className="w-3.5 h-3.5" />
-              <span>SSL Secured</span>
-            </div>
-            <div className="flex items-center gap-1.5" title="Green Hosting">
-              <Leaf className="w-3.5 h-3.5" />
-              <span>Green Hosting</span>
-            </div>
-            <div className="flex items-center gap-1.5" title="DSGVO Compliant">
-              <Lock className="w-3.5 h-3.5" />
-              <span>DSGVO Compliant</span>
-            </div>
-            <div className="flex items-center gap-1.5" title="WCAG">
-              <Accessibility className="w-3.5 h-3.5" />
-              <span>WCAG</span>
-            </div>
-            <div className="flex items-center gap-1.5" title="PageSpeed 90+">
-              <Zap className="w-3.5 h-3.5" />
-              <span>PageSpeed 90+</span>
-            </div>
-          </div>
-        </div>
      </Container>
    </footer>
  );
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -9,8 +9,6 @@ import { useEffect, useState, useRef } from 'react';
 import { cn } from './ui';
 import { useAnalytics } from './analytics/useAnalytics';
 import { AnalyticsEvents } from './analytics/analytics-events';
-import { Search } from 'lucide-react';
-import { AISearchResults } from './search/AISearchResults';

 export default function Header() {
  const t = useTranslations('Navigation');
@@ -18,7 +16,6 @@ export default function Header() {
  const { trackEvent } = useAnalytics();
  const [isScrolled, setIsScrolled] = useState(false);
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
-  const [isSearchOpen, setIsSearchOpen] = useState(false);
  const mobileMenuRef = useRef<HTMLDivElement>(null);

  // Extract locale from pathname
@@ -144,7 +141,8 @@ export default function Header() {
    {
      'bg-primary/95 backdrop-blur-md md:bg-transparent py-3 md:py-8 shadow-2xl md:shadow-none':
        isHomePage && !isScrolled && !isMobileMenuOpen,
-      'bg-primary py-3 md:py-4 shadow-2xl': !isHomePage || isScrolled || isMobileMenuOpen,
+      'bg-primary/90 backdrop-blur-md py-3 md:py-4 shadow-2xl':
+        !isHomePage || isScrolled || isMobileMenuOpen,
    },
  );

@@ -155,9 +153,7 @@ export default function Header() {
    <>
      <header className={headerClass} style={{ animationDuration: '800ms' }}>
        <div className="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl flex items-center justify-between">
-          <div
-            className="flex-shrink-0 group touch-target fill-mode-both"
-          >
+          <div className="flex-shrink-0 group touch-target fill-mode-both">
            <Link
              href={`/${currentLocale}`}
              onClick={() =>
@@ -277,19 +273,6 @@ export default function Header() {
              <div
                className="animate-in fade-in zoom-in-95 fill-mode-both"
                style={{ animationDuration: '600ms', animationDelay: '700ms' }}
-              >
-                <button
-                  onClick={() => setIsSearchOpen(true)}
-                  className="hover:text-accent transition-colors p-2"
-                  aria-label="Search"
-                >
-                  <Search className="w-5 h-5 md:w-6 md:h-6" />
-                </button>
-              </div>
-
-              <div
-                className="animate-in fade-in zoom-in-95 fill-mode-both"
-                style={{ animationDuration: '600ms', animationDelay: '800ms' }}
              >
                <Button
                  href={`/${currentLocale}/${currentLocale === 'de' ? 'kontakt' : 'contact'}`}
@@ -352,120 +335,138 @@ export default function Header() {
            </button>
          </div>
        </div>
-
-        {/* Mobile Menu Overlay */}
-        <div
-          className={cn(
-            'fixed inset-0 bg-primary z-[60] lg:hidden transition-all duration-500 ease-in-out flex flex-col',
-            isMobileMenuOpen
-              ? 'opacity-100 translate-y-0'
-              : 'opacity-0 -translate-y-full pointer-events-none',
-          )}
-          id="mobile-menu"
-          role="dialog"
-          aria-modal="true"
-          aria-label={t('menu')}
-          ref={mobileMenuRef}
-          inert={isMobileMenuOpen ? undefined : true}
-        >
-          <nav className="flex-grow flex flex-col justify-center items-center p-8 space-y-8">
-            {menuItems.map((item, idx) => (
-              <div
-                key={item.href}
-                className={cn(
-                  'transition-all duration-500 transform',
-                  isMobileMenuOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8',
-                )}
-                style={{ transitionDelay: `${isMobileMenuOpen ? 200 + idx * 80 : 0}ms` }}
-              >
-                <Link
-                  href={`/${currentLocale}${item.href === '/' ? '' : item.href}`}
-                  aria-current={
-                    (
-                      item.href === '/'
-                        ? pathname === `/${currentLocale}` || pathname === '/'
-                        : pathname.startsWith(`/${currentLocale}${item.href}`)
-                    )
-                      ? 'page'
-                      : undefined
-                  }
-                  onClick={() => {
-                    setIsMobileMenuOpen(false);
-                    trackEvent(AnalyticsEvents.LINK_CLICK, {
-                      label: item.label,
-                      href: item.href,
-                      location: 'mobile_menu',
-                    });
-                  }}
-                  className={cn(
-                    'text-2xl md:text-3xl font-extrabold text-white hover:text-accent transition-all transform block py-4',
-                    (item.href === '/'
-                      ? pathname === `/${currentLocale}` || pathname === '/'
-                      : pathname.startsWith(`/${currentLocale}${item.href}`)) && 'text-accent',
-                  )}
-                >
-                  {item.label}
-                </Link>
-              </div>
-            ))}
-
-            <div
-              className={cn(
-                'pt-8 border-t border-white/10 w-full flex flex-col items-center space-y-8 transition-all duration-500',
-                isMobileMenuOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8',
-              )}
-              style={{ transitionDelay: isMobileMenuOpen ? '600ms' : '0ms' }}
-            >
-              <div className="flex items-center space-x-8 text-lg md:text-xl font-extrabold tracking-widest uppercase text-white">
-                <div>
-                  <Link
-                    href={getPathForLocale('en')}
-                    className={`hover:text-accent transition-colors ${currentLocale === 'en' ? 'text-accent' : 'opacity-80'}`}
-                  >
-                    EN
-                  </Link>
-                </div>
-                <div className="w-px h-6 bg-white/30" />
-                <div>
-                  <Link
-                    href={getPathForLocale('de')}
-                    className={`hover:text-accent transition-colors ${currentLocale === 'de' ? 'text-accent' : 'opacity-80'}`}
-                  >
-                    DE
-                  </Link>
-                </div>
-              </div>
-
-              <div className="w-full max-w-xs">
-                <Button
-                  href={`/${currentLocale}/${currentLocale === 'de' ? 'kontakt' : 'contact'}`}
-                  variant="accent"
-                  size="lg"
-                  className="w-full py-6 text-lg md:text-xl shadow-2xl hover:scale-105 transition-transform"
-                >
-                  {t('contact')}
-                </Button>
-              </div>
-            </div>
-
-            {/* Bottom Branding */}
-            <div
-              className={cn(
-                'p-12 flex justify-center transition-all duration-700',
-                isMobileMenuOpen ? 'opacity-20 scale-100' : 'opacity-0 scale-75',
-              )}
-              style={{ transitionDelay: isMobileMenuOpen ? '800ms' : '0ms' }}
-            >
-              <Image src="/logo-white.svg" alt={t('home')} width={80} height={80} unoptimized />
-            </div>
-          </nav>
-        </div>
      </header>

-      <AISearchResults
-        isOpen={isSearchOpen}
-        onClose={() => setIsSearchOpen(false)}
-      />
+      {/* Mobile Menu Overlay */}
+      <div
+        className={cn(
+          'fixed inset-0 bg-primary/95 backdrop-blur-3xl z-[60] lg:hidden transition-all duration-500 ease-in-out flex flex-col',
+          isMobileMenuOpen
+            ? 'opacity-100 translate-y-0'
+            : 'opacity-0 -translate-y-full pointer-events-none',
+        )}
+        id="mobile-menu"
+        role="dialog"
+        aria-modal="true"
+        aria-label={t('menu')}
+        ref={mobileMenuRef}
+        inert={isMobileMenuOpen ? undefined : true}
+      >
+        {/* Close Button inside overlay */}
+        <div className="flex justify-end p-6 pt-8">
+          <button
+            className="touch-target p-2 rounded-xl bg-white/10 border border-white/20 text-white hover:bg-white/20 transition-all duration-300"
+            aria-label={t('toggleMenu')}
+            onClick={() => {
+              setIsMobileMenuOpen(false);
+              trackEvent(AnalyticsEvents.BUTTON_CLICK, {
+                type: 'mobile_menu',
+                action: 'close',
+              });
+            }}
+          >
+            <svg className="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M6 18L18 6M6 6l12 12"
+              />
+            </svg>
+          </button>
+        </div>
+        <nav className="flex-grow flex flex-col justify-center items-center p-8 space-y-8">
+          {menuItems.map((item, idx) => (
+            <div
+              key={item.href}
+              className={cn(
+                'transition-all duration-500 transform',
+                isMobileMenuOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8',
+              )}
+              style={{ transitionDelay: `${isMobileMenuOpen ? 200 + idx * 80 : 0}ms` }}
+            >
+              <Link
+                href={`/${currentLocale}${item.href === '/' ? '' : item.href}`}
+                aria-current={
+                  (
+                    item.href === '/'
+                      ? pathname === `/${currentLocale}` || pathname === '/'
+                      : pathname.startsWith(`/${currentLocale}${item.href}`)
+                  )
+                    ? 'page'
+                    : undefined
+                }
+                onClick={() => {
+                  setIsMobileMenuOpen(false);
+                  trackEvent(AnalyticsEvents.LINK_CLICK, {
+                    label: item.label,
+                    href: item.href,
+                    location: 'mobile_menu',
+                  });
+                }}
+                className={cn(
+                  'text-2xl md:text-3xl font-extrabold text-white hover:text-accent transition-all transform block py-4',
+                  (item.href === '/'
+                    ? pathname === `/${currentLocale}` || pathname === '/'
+                    : pathname.startsWith(`/${currentLocale}${item.href}`)) && 'text-accent',
+                )}
+              >
+                {item.label}
+              </Link>
+            </div>
+          ))}
+
+          <div
+            className={cn(
+              'pt-8 border-t border-white/10 w-full flex flex-col items-center space-y-8 transition-all duration-500',
+              isMobileMenuOpen ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8',
+            )}
+            style={{ transitionDelay: isMobileMenuOpen ? '600ms' : '0ms' }}
+          >
+            <div className="flex items-center space-x-8 text-lg md:text-xl font-extrabold tracking-widest uppercase text-white">
+              <div>
+                <Link
+                  href={getPathForLocale('en')}
+                  className={`hover:text-accent transition-colors ${currentLocale === 'en' ? 'text-accent' : 'opacity-80'}`}
+                >
+                  EN
+                </Link>
+              </div>
+              <div className="w-px h-6 bg-white/30" />
+              <div>
+                <Link
+                  href={getPathForLocale('de')}
+                  className={`hover:text-accent transition-colors ${currentLocale === 'de' ? 'text-accent' : 'opacity-80'}`}
+                >
+                  DE
+                </Link>
+              </div>
+            </div>
+
+            <div className="w-full max-w-xs">
+              <Button
+                href={`/${currentLocale}/${currentLocale === 'de' ? 'kontakt' : 'contact'}`}
+                variant="accent"
+                size="lg"
+                className="w-full py-6 text-lg md:text-xl shadow-2xl hover:scale-105 transition-transform"
+              >
+                {t('contact')}
+              </Button>
+            </div>
+          </div>
+
+          {/* Bottom Branding */}
+          <div
+            className={cn(
+              'p-12 flex justify-center transition-all duration-700',
+              isMobileMenuOpen ? 'opacity-20 scale-100' : 'opacity-0 scale-75',
+            )}
+            style={{ transitionDelay: isMobileMenuOpen ? '800ms' : '0ms' }}
+          >
+            <Image src="/logo-white.svg" alt={t('home')} width={80} height={80} unoptimized />
+          </div>
+        </nav>
+      </div>
    </>
  );
 }
--- a/components/ObfuscatedEmail.tsx
+++ b/components/ObfuscatedEmail.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+
+interface ObfuscatedEmailProps {
+  email: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+/**
+ * A component that helps protect email addresses from simple spambots.
+ * It uses client-side mounting to render the actual email address,
+ * making it harder for static crawlers to harvest.
+ */
+export default function ObfuscatedEmail({ email, className = '', children }: ObfuscatedEmailProps) {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    // Show a placeholder or obscured version during SSR
+    return (
+      <span className={className} aria-hidden="true">
+        {children || email.replace('@', ' [at] ').replace(/\./g, ' [dot] ')}
+      </span>
+    );
+  }
+
+  // Once mounted on the client, render the real mailto link
+  return (
+    <a href={`mailto:${email}`} className={className}>
+      {children || email}
+    </a>
+  );
+}
--- a/components/ObfuscatedPhone.tsx
+++ b/components/ObfuscatedPhone.tsx
@@ -0,0 +1,41 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+
+interface ObfuscatedPhoneProps {
+  phone: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+/**
+ * A component that helps protect phone numbers from simple spambots.
+ * It stays obscured during SSR and hydrates into a functional tel: link on the client.
+ */
+export default function ObfuscatedPhone({ phone, className = '', children }: ObfuscatedPhoneProps) {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  // Format phone number for tel: link (remove spaces, etc.)
+  const telLink = `tel:${phone.replace(/\s+/g, '')}`;
+
+  if (!mounted) {
+    // Show a placeholder or obscured version during SSR
+    // e.g. +49 881 925 [at] 37298
+    const obscured = phone.replace(/(\d{3})(\d{3})$/, ' $1...$2');
+    return (
+      <span className={className} aria-hidden="true">
+        {children || obscured}
+      </span>
+    );
+  }
+
+  return (
+    <a href={telLink} className={className}>
+      {children || phone}
+    </a>
+  );
+}
--- a/components/PayloadRichText.tsx
+++ b/components/PayloadRichText.tsx
@@ -1,7 +1,7 @@
 import { defaultJSXConverters, RichText } from '@payloadcms/richtext-lexical/react';
 import type { JSXConverters } from '@payloadcms/richtext-lexical/react';
 import Image from 'next/image';
-import { Suspense } from 'react';
+import { Suspense, Fragment } from 'react';

 // Import all custom React components that were previously mapped via Markdown
 import StickyNarrative from '@/components/blog/StickyNarrative';
@@ -24,6 +24,8 @@ import Reveal from '@/components/Reveal';
 import { Badge, Container, Heading, Section, Card } from '@/components/ui';
 import TrackedLink from '@/components/analytics/TrackedLink';
 import { useLocale } from 'next-intl';
+import ObfuscatedEmail from '@/components/ObfuscatedEmail';
+import ObfuscatedPhone from '@/components/ObfuscatedPhone';

 import HomeHero from '@/components/home/Hero';
 import ProductCategories from '@/components/home/ProductCategories';
@@ -36,122 +38,178 @@ import GallerySection from '@/components/home/GallerySection';
 import VideoSection from '@/components/home/VideoSection';
 import CTA from '@/components/home/CTA';

+/**
+ * Splits a text string on \n and intersperses <br /> elements.
+ * This is needed because Lexical stores newlines as literal \n characters inside
+ * text nodes (e.g. dash-lists typed in the editor), but HTML collapses whitespace.
+ */
+function textWithLineBreaks(text: string, key: string) {
+  const parts = text.split('\n');
+  if (parts.length === 1) return text;
+  return parts.map((part, i) => (
+    <Fragment key={`${key}-${i}`}>
+      {part}
+      {i < parts.length - 1 && <br />}
+    </Fragment>
+  ));
+}
+
 const jsxConverters: JSXConverters = {
  ...defaultJSXConverters,
-  // Let the default converters handle text nodes to preserve valid formatting
-  // If the text node contains raw HTML (from messy migrations), render it as HTML instead of escaping it
+  // Handle Lexical linebreak nodes (explicit shift+enter)
+  linebreak: () => <br />,
+  // Custom text converter: preserve \n inside text nodes as <br /> and obfuscate emails
  text: ({ node }: any) => {
-    const text = node.text;
-    // Handle markdown-style lists embedded in text nodes from Markdown migration
-    if (text && text.includes('\n- ')) {
-      const parts = text.split('\n- ').filter((p: string) => p.trim() !== '');
-      // If first part doesn't start with "- ", it's a prefix paragraph
-      const startsWithDash = text.trimStart().startsWith('- ');
-      const prefix = startsWithDash ? null : parts.shift();
-      return (
-        <div className="my-4">
-          {prefix && (
-            <div dangerouslySetInnerHTML={prefix.includes('<') ? { __html: prefix } : undefined}>
-              {!prefix.includes('<') ? prefix : undefined}
-            </div>
-          )}
-          <ul className="list-disc pl-6 my-4 space-y-2">
-            {parts.map((item: string, i: number) => {
-              const cleanItem = item.trim();
-              if (cleanItem.includes('<')) {
-                return <li key={i} dangerouslySetInnerHTML={{ __html: cleanItem }} />;
-              }
-              return <li key={i}>{cleanItem}</li>;
-            })}
-          </ul>
-        </div>
-      );
+    let content: React.ReactNode = node.text || '';
+    // Split newlines first
+    if (typeof content === 'string' && content.includes('\n')) {
+      content = textWithLineBreaks(content, `t-${(node.text || '').slice(0, 8)}`);
    }

-    if (text && (text.includes('<') || text.includes('data-start'))) {
-      return <span dangerouslySetInnerHTML={{ __html: text }} />;
-    }
-
-    // Handle markdown-style links [text](url) from Markdown migration
-    if (text && /\[([^\]]+)\]\(([^)]+)\)/.test(text)) {
-      const parts: React.ReactNode[] = [];
-      const remaining = text;
-      let key = 0;
-      const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
-      let match;
-      let lastIndex = 0;
-      while ((match = linkRegex.exec(remaining)) !== null) {
-        if (match.index > lastIndex) {
-          parts.push(<span key={key++}>{remaining.slice(lastIndex, match.index)}</span>);
+    // Obfuscate emails in text content
+    if (typeof content === 'string' && content.includes('@')) {
+      const emailRegex = /([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/g;
+      const parts = content.split(emailRegex);
+      content = parts.map((part, i) => {
+        if (part.match(emailRegex)) {
+          return <ObfuscatedEmail key={`e-${i}`} email={part} />;
        }
-        parts.push(
-          <a
-            key={key++}
-            href={match[2]}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="text-primary underline decoration-primary/30 hover:decoration-primary transition-colors"
-          >
-            {match[1]}
-          </a>,
+        return part;
+      });
+    }
+
+    // Obfuscate phone numbers in text content (simple pattern for +XX XXX ...)
+    if (typeof content === 'string' && content.match(/\+\d+/)) {
+      const phoneRegex = /(\+\d{1,4}[\d\s-]{5,15})/g;
+      const parts = content.split(phoneRegex);
+      content = parts.map((part, i) => {
+        if (part.match(phoneRegex)) {
+          return <ObfuscatedPhone key={`p-${i}`} phone={part} />;
+        }
+        return part;
+      });
+    }
+
+    // Handle array content (from previous mappings)
+    if (Array.isArray(content)) {
+      content = content.map((item, idx) => {
+        if (typeof item === 'string') {
+          // Re-apply phone regex to strings in array
+          const phoneRegex = /(\+\d{1,4}[\d\s-]{5,15})/g;
+          if (item.match(phoneRegex)) {
+            const parts = item.split(phoneRegex);
+            return parts.map((part, i) => {
+              if (part.match(phoneRegex)) {
+                return <ObfuscatedPhone key={`p-${idx}-${i}`} phone={part} />;
+              }
+              return part;
+            });
+          }
+        }
+        return item;
+      });
+    }
+
+    // Apply Lexical formatting flags
+    if (node.format) {
+      if (node.format & 1) content = <strong>{content}</strong>;
+      if (node.format & 2) content = <em>{content}</em>;
+      if (node.format & 8) content = <u>{content}</u>;
+      if (node.format & 4) content = <s>{content}</s>;
+      if (node.format & 16)
+        content = (
+          <code className="px-1.5 py-0.5 bg-neutral-100 rounded text-sm font-mono text-primary">
+            {content}
+          </code>
        );
-        lastIndex = match.index + match[0].length;
-      }
-      if (lastIndex < remaining.length) {
-        parts.push(<span key={key++}>{remaining.slice(lastIndex)}</span>);
-      }
-      return <>{parts}</>;
+      if (node.format & 32) content = <sub>{content}</sub>;
+      if (node.format & 64) content = <sup>{content}</sup>;
    }
-
-    // Handle newlines in text nodes — convert to <br> for proper line breaks
-    if (text && text.includes('\n')) {
-      const lines = text.split('\n');
-      return (
-        <>
-          {lines.map((line: string, i: number) => (
-            <span key={i}>
-              {line}
-              {i < lines.length - 1 && <br />}
-            </span>
-          ))}
-        </>
-      );
-    }
-
-    if (node.format === 1) return <strong key="bold">{text}</strong>;
-    if (node.format === 2) return <em key="italic">{text}</em>;
-    return <span key="text">{text}</span>;
+    return <>{content}</>;
  },
  // Use div instead of p for paragraphs to allow nested block elements (like the lists above)
-  paragraph: ({ children }: any) => (
-    <div className="mb-6 leading-relaxed text-text-secondary">{children}</div>
-  ),
+  paragraph: ({ node, nodesToJSX }: any) => {
+    return (
+      <div className="mb-6 leading-relaxed text-text-secondary">
+        {nodesToJSX({ nodes: node.children })}
+      </div>
+    );
+  },
  // Scale headings to prevent multiple H1s (H1 -> H2, etc) and style natively
-  heading: ({ node, children }: any) => {
+  heading: ({ node, nodesToJSX }: any) => {
+    const children = nodesToJSX({ nodes: node.children });
    const tag = node?.tag;
+
+    // Extract text to generate an ID for the TOC
+    // Lexical children might contain various nodes; we need a plain text representation
+    const textContent = node.children ? node.children.map((c: any) => c.text || '').join('') : '';
+    const id = textContent
+      ? textContent
+          .toLowerCase()
+          .replace(/ä/g, 'ae')
+          .replace(/ö/g, 'oe')
+          .replace(/ü/g, 'ue')
+          .replace(/ß/g, 'ss')
+          .replace(/[*_`]/g, '')
+          .replace(/[^\w\s-]/g, '')
+          .replace(/\s+/g, '-')
+          .replace(/-+/g, '-')
+          .replace(/^-+|-+$/g, '')
+      : undefined;
+
    if (tag === 'h1')
      return (
-        <h2 className="text-3xl md:text-4xl font-bold mt-12 mb-6 text-text-primary">{children}</h2>
+        <h2
+          id={id}
+          className="text-2xl md:text-3xl font-bold mt-10 mb-5 text-text-primary scroll-mt-24"
+        >
+          {children}
+        </h2>
      );
    if (tag === 'h2')
      return (
-        <h3 className="text-2xl md:text-3xl font-bold mt-10 mb-5 text-text-primary">{children}</h3>
+        <h3
+          id={id}
+          className="text-xl md:text-2xl font-bold mt-8 mb-4 text-text-primary scroll-mt-24"
+        >
+          {children}
+        </h3>
      );
    if (tag === 'h3')
      return (
-        <h4 className="text-xl md:text-2xl font-bold mt-8 mb-4 text-text-primary">{children}</h4>
+        <h4
+          id={id}
+          className="text-lg md:text-xl font-bold mt-6 mb-3 text-text-primary scroll-mt-24"
+        >
+          {children}
+        </h4>
      );
    if (tag === 'h4')
      return (
-        <h5 className="text-lg md:text-xl font-bold mt-6 mb-4 text-text-primary">{children}</h5>
+        <h5
+          id={id}
+          className="text-lg md:text-xl font-bold mt-6 mb-4 text-text-primary scroll-mt-24"
+        >
+          {children}
+        </h5>
      );
    if (tag === 'h5')
      return (
-        <h6 className="text-base md:text-lg font-bold mt-6 mb-4 text-text-primary">{children}</h6>
+        <h6
+          id={id}
+          className="text-base md:text-lg font-bold mt-6 mb-4 text-text-primary scroll-mt-24"
+        >
+          {children}
+        </h6>
      );
-    return <h6 className="text-base font-bold mt-6 mb-4 text-text-primary">{children}</h6>;
+    return (
+      <h6 id={id} className="text-base font-bold mt-6 mb-4 text-text-primary scroll-mt-24">
+        {children}
+      </h6>
+    );
  },
-  list: ({ node, children }: any) => {
+  list: ({ node, nodesToJSX }: any) => {
+    const children = nodesToJSX({ nodes: node.children });
    if (node?.listType === 'number') {
      return (
        <ol className="list-decimal pl-6 my-6 space-y-2 text-text-secondary marker:text-primary marker:font-bold">
@@ -168,31 +226,47 @@ const jsxConverters: JSXConverters = {
      </ul>
    );
  },
-  listitem: ({ node, children }: any) => {
+  listitem: ({ node, nodesToJSX }: any) => {
+    const children = nodesToJSX({ nodes: node.children });
    if (node?.checked != null) {
      return (
-        <li className="flex items-center gap-3 mb-2 leading-relaxed">
+        <li className="flex items-start gap-3 mb-2 leading-relaxed">
          <input
            type="checkbox"
            checked={node.checked}
            readOnly
-            className="mt-1 w-4 h-4 text-primary focus:ring-primary border-gray-300 rounded"
+            className="mt-1.5 w-4 h-4 text-primary focus:ring-primary border-gray-300 rounded shrink-0"
          />
-          <span>{children}</span>
+          <div className="flex-1">{children}</div>
        </li>
      );
    }
-    return <li className="mb-2 leading-relaxed">{children}</li>;
+    return <li className="mb-2 leading-relaxed block">{children}</li>;
  },
-  quote: ({ children }: any) => (
-    <blockquote className="border-l-4 border-primary bg-primary/5 rounded-r-2xl pl-6 py-4 my-8 italic text-text-secondary shadow-sm">
-      {children}
-    </blockquote>
-  ),
-  link: ({ node, children }: any) => {
+  quote: ({ node, nodesToJSX }: any) => {
+    const children = nodesToJSX({ nodes: node.children });
+    return (
+      <blockquote className="border-l-4 border-primary bg-primary/5 rounded-r-2xl pl-6 py-4 my-8 italic text-text-secondary shadow-sm">
+        {children}
+      </blockquote>
+    );
+  },
+  link: ({ node, nodesToJSX }: any) => {
+    const children = nodesToJSX({ nodes: node.children });
    // Handling Payload CMS link nodes
    const href = node?.fields?.url || node?.url || '#';
    const newTab = node?.fields?.newTab || node?.newTab;
+
+    if (href.startsWith('mailto:')) {
+      const email = href.replace('mailto:', '');
+      return (
+        <ObfuscatedEmail
+          email={email}
+          className="text-primary no-underline hover:underline font-medium transition-colors"
+        />
+      );
+    }
+
    return (
      <a
        href={href}
@@ -1037,6 +1111,14 @@ const jsxConverters: JSXConverters = {
        <CTA data={node?.fields} />
      </Reveal>
    ),
+    'block-email': ({ node }: any) => {
+      const { email, label } = node.fields;
+      return <ObfuscatedEmail email={email}>{label || email}</ObfuscatedEmail>;
+    },
+    'block-phone': ({ node }: any) => {
+      const { phone, label } = node.fields;
+      return <ObfuscatedPhone phone={phone}>{label || phone}</ObfuscatedPhone>;
+    },
  },
  // Custom converter for the Payload "upload" Lexical node (Media collection)
  // This natively reconstructs Next.js <Image /> tags pointing to the focal-point cropped sizes
@@ -1090,6 +1172,10 @@ export default function PayloadRichText({

  if (!data) return null;

+  if (data.root?.children?.length > 0) {
+    console.log('[PayloadRichText DEBUG] received children', data.root.children.length);
+  }
+
  const dynamicConverters: JSXConverters = {
    ...jsxConverters,
    blocks: {
--- a/components/ProductTechnicalData.tsx
+++ b/components/ProductTechnicalData.tsx
@@ -38,14 +38,14 @@ export default function ProductTechnicalData({ data }: ProductTechnicalDataProps
  };

  return (
-    <div className="space-y-16">
+    <div className="space-y-8 md:space-y-16">
      {technicalItems.length > 0 && (
-        <div className="bg-white p-8 md:p-12 rounded-[32px] shadow-sm border border-neutral-dark/5">
+        <div className="bg-white p-5 md:p-12 rounded-[20px] md:rounded-[32px] shadow-sm border border-neutral-dark/5">
          <h3 className="text-2xl font-bold text-primary mb-8 flex items-center gap-3">
            <div className="w-2 h-8 bg-accent rounded-full" />
            General Data
          </h3>
-          <dl className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-12 gap-y-8">
+          <dl className="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-6 md:gap-x-12 md:gap-y-8">
            {technicalItems.map((item, idx) => (
              <div key={idx} className="flex flex-col group">
                <dt className="text-sm font-bold uppercase tracking-widest text-primary/40 mb-2 group-hover:text-accent transition-colors">
@@ -72,7 +72,7 @@ export default function ProductTechnicalData({ data }: ProductTechnicalDataProps
        return (
          <div
            key={idx}
-            className="bg-white p-8 md:p-12 rounded-[32px] shadow-sm border border-neutral-dark/5 overflow-hidden"
+            className="bg-white p-5 md:p-12 rounded-[20px] md:rounded-[32px] shadow-sm border border-neutral-dark/5 overflow-hidden"
          >
            <h3 className="text-2xl font-bold text-primary mb-8 flex items-center gap-3">
              <div className="w-2 h-8 bg-accent rounded-full" />
@@ -83,7 +83,7 @@ export default function ProductTechnicalData({ data }: ProductTechnicalDataProps
            </h3>

            {table.metaItems.length > 0 && (
-              <dl className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 mb-12 bg-neutral-light/50 p-8 rounded-2xl border border-neutral-dark/5">
+              <dl className="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-8 mb-6 md:mb-12 bg-neutral-light/50 p-4 md:p-8 rounded-xl md:rounded-2xl border border-neutral-dark/5">
                {table.metaItems.map((item, mIdx) => (
                  <div key={mIdx}>
                    <dt className="text-[10px] font-black uppercase tracking-[0.2em] text-primary/40 mb-1">
@@ -98,9 +98,11 @@ export default function ProductTechnicalData({ data }: ProductTechnicalDataProps
            )}

            <div className="relative">
+              {/* Scroll hint gradient on right edge for mobile */}
+              <div className="pointer-events-none absolute right-0 top-0 h-full w-8 bg-gradient-to-l from-white to-transparent z-20 md:hidden" />
              <div
                id={`voltage-table-${idx}`}
-                className={`overflow-x-auto -mx-8 md:-mx-12 px-8 md:px-12 transition-all duration-500 ease-in-out ${
+                className={`overflow-x-auto -mx-5 md:-mx-12 px-5 md:px-12 transition-all duration-500 ease-in-out ${
                  !isExpanded && hasManyRows ? 'max-h-[400px] overflow-y-hidden' : 'max-h-[none]'
                }`}
              >
--- a/components/analytics/AnalyticsShell.tsx
+++ b/components/analytics/AnalyticsShell.tsx
@@ -9,6 +9,9 @@ const DynamicAnalyticsProvider = dynamic(() => import('./AnalyticsProvider'), {
 const DynamicScrollDepthTracker = dynamic(() => import('./ScrollDepthTracker'), {
  ssr: false,
 });
+const DynamicWebVitalsTracker = dynamic(() => import('./WebVitalsTracker'), {
+  ssr: false,
+});

 export default function AnalyticsShell() {
  const [shouldLoad, setShouldLoad] = useState(false);
@@ -34,6 +37,7 @@ export default function AnalyticsShell() {
    <Suspense fallback={null}>
      <DynamicAnalyticsProvider />
      <DynamicScrollDepthTracker />
+      <DynamicWebVitalsTracker />
    </Suspense>
  );
 }
--- a/components/analytics/WebVitalsTracker.tsx
+++ b/components/analytics/WebVitalsTracker.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { useReportWebVitals } from 'next/web-vitals';
+import { useAnalytics } from './useAnalytics';
+
+/**
+ * WebVitalsTracker component.
+ *
+ * Captures Next.js Web Vitals and reports them to Umami as custom events.
+ * This provides "meaningful" page speed tracking by measuring real user
+ * experiences (LCP, CLS, INP, etc.).
+ */
+export default function WebVitalsTracker() {
+  const { trackEvent } = useAnalytics();
+
+  useReportWebVitals((metric) => {
+    const { name, value, id, label } = metric;
+
+    // Determine rating (simplified version of web-vitals standards)
+    let rating: 'good' | 'needs-improvement' | 'poor' = 'good';
+
+    if (name === 'LCP') {
+      if (value > 4000) rating = 'poor';
+      else if (value > 2500) rating = 'needs-improvement';
+    } else if (name === 'CLS') {
+      if (value > 0.25) rating = 'poor';
+      else if (value > 0.1) rating = 'needs-improvement';
+    } else if (name === 'FID') {
+      if (value > 300) rating = 'poor';
+      else if (value > 100) rating = 'needs-improvement';
+    } else if (name === 'FCP') {
+      if (value > 3000) rating = 'poor';
+      else if (value > 1800) rating = 'needs-improvement';
+    } else if (name === 'TTFB') {
+      if (value > 1500) rating = 'poor';
+      else if (value > 800) rating = 'needs-improvement';
+    } else if (name === 'INP') {
+      if (value > 500) rating = 'poor';
+      else if (value > 200) rating = 'needs-improvement';
+    }
+
+    // Report to Umami
+    trackEvent('web-vital', {
+      metric: name,
+      value: Math.round(name === 'CLS' ? value * 1000 : value), // CLS is a score, multiply by 1000 to keep as integer if preferred
+      rating,
+      id,
+      label,
+      path: typeof window !== 'undefined' ? window.location.pathname : undefined,
+    });
+  });
+
+  return null;
+}
--- a/components/home/Experience.tsx
+++ b/components/home/Experience.tsx
@@ -15,6 +15,7 @@ export default function Experience({ data }: { data?: any }) {
          fill
          className="object-cover object-center scale-105 animate-slow-zoom"
          sizes="100vw"
+          quality={100}
        />
        <div className="absolute inset-0 bg-primary/80 mix-blend-multiply" />
        <div className="absolute inset-0 bg-gradient-to-r from-primary via-primary/40 to-transparent" />
--- a/components/home/Hero.tsx
+++ b/components/home/Hero.tsx
@@ -1,14 +1,10 @@
 'use client';

-import Scribble from '@/components/Scribble';
 import { Button, Container, Heading, Section } from '@/components/ui';
 import { useTranslations, useLocale } from 'next-intl';
 import dynamic from 'next/dynamic';
 import { useAnalytics } from '../analytics/useAnalytics';
 import { AnalyticsEvents } from '../analytics/analytics-events';
-import { useState } from 'react';
-import { Search, Sparkles } from 'lucide-react';
-import { AISearchResults } from '../search/AISearchResults';
 const HeroIllustration = dynamic(() => import('./HeroIllustration'), { ssr: false });

 export default function Hero({ data }: { data?: any }) {
@@ -16,146 +12,87 @@ export default function Hero({ data }: { data?: any }) {
  const locale = useLocale();
  const { trackEvent } = useAnalytics();

-  const [searchQuery, setSearchQuery] = useState('');
-  const [isSearchOpen, setIsSearchOpen] = useState(false);
-
-  const handleSearchSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (searchQuery.trim()) {
-      setIsSearchOpen(true);
-    }
-  };
-
  return (
-    <>
-      <Section className="relative min-h-[85vh] md:h-[90vh] flex flex-col items-center justify-center overflow-hidden bg-primary py-12 md:py-0 lg:py-0">
-        <Container className="relative z-10 text-center md:text-left text-white w-full order-2 md:order-none">
-          <div className="max-w-5xl mx-auto md:mx-0">
-            <div>
-              <Heading
-                level={1}
-                className="text-center md:text-left mb-6 md:mb-8 md:max-w-none text-white text-4xl sm:text-5xl md:text-7xl font-extrabold [text-shadow:_-2px_-2px_0_#002b49,_2px_-2px_0_#002b49,_-2px_2px_0_#002b49,_2px_2px_0_#002b49,_-2px_0_0_#002b49,_2px_0_0_#002b49,_0_-2px_0_#002b49,_0_2px_0_#002b49]"
-              >
-                {data?.title ? (
-                  <span
-                    dangerouslySetInnerHTML={{
-                      __html: data.title
-                        .replace(
-                          /<green>/g,
-                          '<span class="relative inline-block"><span class="relative z-10 text-accent italic inline-block">',
-                        )
-                        .replace(
-                          /<\/green>/g,
-                          '</span><div class="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both" style="animation-delay: 500ms;"><Scribble variant="circle" /></div></span>',
-                        ),
-                    }}
-                  />
-                ) : (
-                  t.rich('title', {
-                    green: (chunks) => (
-                      <span className="relative inline-block">
-                        <span className="relative z-10 text-accent italic inline-block">
-                          {chunks}
-                        </span>
-                        <div
-                          className="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both"
-                          style={{ animationDelay: '500ms' }}
-                        >
-                          <Scribble variant="circle" />
-                        </div>
-                      </span>
-                    ),
-                  })
-                )}
-              </Heading>
-            </div>
-            <div>
-              <p className="text-lg md:text-xl text-white leading-relaxed max-w-2xl mb-10 md:mb-12">
-                {data?.subtitle || t('subtitle')}
-              </p>
-            </div>
-            <form
-              onSubmit={handleSearchSubmit}
-              className="w-full max-w-2xl bg-white/10 backdrop-blur-md border border-white/20 rounded-full p-2 flex items-center mt-8 mb-10 transition-all focus-within:bg-white/15 focus-within:border-accent"
+    <Section className="relative min-h-[85vh] md:h-[90vh] flex flex-col items-center justify-center overflow-hidden bg-primary py-12 md:py-0 lg:py-0">
+      <Container className="relative z-10 text-center md:text-left text-white w-full order-2 md:order-none">
+        <div className="max-w-5xl mx-auto md:mx-0">
+          <div>
+            <Heading
+              level={1}
+              className="text-center md:text-left mb-6 md:mb-8 md:max-w-none text-white text-3xl sm:text-4xl md:text-5xl font-extrabold"
            >
-              <Sparkles className="w-6 h-6 text-accent ml-4 hidden sm:block" />
-              <input
-                type="text"
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                placeholder="Suchen Sie nach einem Kabel (z.B. N2XY, NYM-J)..."
-                className="flex-1 bg-transparent border-none text-white px-4 py-3 placeholder:text-white/60 focus:outline-none text-lg"
-              />
+              {data?.title ? (
+                <span
+                  dangerouslySetInnerHTML={{
+                    __html: data.title
+                      .replace(/<green>/g, '<span class="text-accent italic">')
+                      .replace(/<\/green>/g, '</span>'),
+                  }}
+                />
+              ) : (
+                t.rich('title', {
+                  green: (chunks) => <span className="text-accent italic">{chunks}</span>,
+                })
+              )}
+            </Heading>
+          </div>
+          <div>
+            <p className="text-lg md:text-xl text-white leading-relaxed max-w-2xl mb-10 md:mb-12">
+              {data?.subtitle || t('subtitle')}
+            </p>
+          </div>
+          <div className="flex flex-col sm:flex-row justify-center md:justify-start gap-4 md:gap-6">
+            <div>
              <Button
-                type="submit"
+                href="/contact"
                variant="accent"
                size="lg"
-                className="rounded-full px-8 py-3 shrink-0"
+                className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg hover:scale-105 transition-transform"
+                onClick={() =>
+                  trackEvent(AnalyticsEvents.BUTTON_CLICK, {
+                    label: data?.ctaLabel || t('cta'),
+                    location: 'home_hero_primary',
+                  })
+                }
              >
-                <Search className="w-5 h-5 mr-2 -ml-2" />
-                Suchen
+                {data?.ctaLabel || t('cta')}
+                <span className="transition-transform group-hover/btn:translate-x-1 ml-2">
+                  &rarr;
+                </span>
+              </Button>
+            </div>
+            <div>
+              <Button
+                href={`/${locale}/${locale === 'de' ? 'produkte' : 'products'}`}
+                variant="white"
+                size="lg"
+                className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg md:bg-white md:text-primary md:hover:bg-neutral-light md:border-none hover:scale-105 transition-transform"
+                onClick={() =>
+                  trackEvent(AnalyticsEvents.BUTTON_CLICK, {
+                    label: data?.secondaryCtaLabel || t('exploreProducts'),
+                    location: 'home_hero_secondary',
+                  })
+                }
+              >
+                {data?.secondaryCtaLabel || t('exploreProducts')}
              </Button>
-            </form>
-
-            <div className="flex flex-col sm:flex-row justify-center md:justify-start gap-4 md:gap-6">
-              <div>
-                <Button
-                  href="/contact"
-                  variant="white"
-                  size="lg"
-                  className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg hover:scale-105 transition-transform"
-                  onClick={() =>
-                    trackEvent(AnalyticsEvents.BUTTON_CLICK, {
-                      label: data?.ctaLabel || t('cta'),
-                      location: 'home_hero_primary',
-                    })
-                  }
-                >
-                  {data?.ctaLabel || t('cta')}
-                  <span className="transition-transform group-hover/btn:translate-x-1 ml-2">
-                    &rarr;
-                  </span>
-                </Button>
-              </div>
-              <div>
-                <Button
-                  href={`/${locale}/${locale === 'de' ? 'produkte' : 'products'}`}
-                  variant="outline"
-                  size="lg"
-                  className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg text-white border-white/30 hover:bg-white/10 hover:border-white transition-all"
-                  onClick={() =>
-                    trackEvent(AnalyticsEvents.BUTTON_CLICK, {
-                      label: data?.secondaryCtaLabel || t('exploreProducts'),
-                      location: 'home_hero_secondary',
-                    })
-                  }
-                >
-                  {data?.secondaryCtaLabel || t('exploreProducts')}
-                </Button>
-              </div>
            </div>
          </div>
-        </Container>
-
-        <div className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-[-80px] md:mb-0 mt-[80px] md:mt-0 overflow-visible pointer-events-none animate-in fade-in zoom-in-95 duration-1000 ease-out fill-mode-both">
-          <HeroIllustration />
        </div>
+      </Container>

-        <div
-          className="absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 hidden sm:block animate-in fade-in slide-in-from-bottom-4 duration-1000 ease-out fill-mode-both"
-          style={{ animationDelay: '2000ms' }}
-        >
-          <div className="w-6 h-10 border-2 border-white/30 rounded-full flex justify-center p-1">
-            <div className="w-1 h-2 bg-white rounded-full animate-bounce" />
-          </div>
+      <div className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-[-80px] md:mb-0 mt-[80px] md:mt-0 overflow-visible pointer-events-none animate-in fade-in zoom-in-95 duration-1000 ease-out fill-mode-both">
+        <HeroIllustration />
+      </div>
+
+      <div
+        className="absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 hidden sm:block animate-in fade-in slide-in-from-bottom-4 duration-1000 ease-out fill-mode-both"
+        style={{ animationDelay: '2000ms' }}
+      >
+        <div className="w-6 h-10 border-2 border-white/30 rounded-full flex justify-center p-1">
+          <div className="w-1 h-2 bg-white rounded-full animate-bounce" />
        </div>
-      </Section>
-      <AISearchResults
-        isOpen={isSearchOpen}
-        onClose={() => setIsSearchOpen(false)}
-        initialQuery={searchQuery}
-        triggerSearch={true}
-      />
-    </>
+      </div>
+    </Section>
  );
 }
--- a/components/home/MeetTheTeam.tsx
+++ b/components/home/MeetTheTeam.tsx
@@ -17,6 +17,7 @@ export default function MeetTheTeam({ data }: { data?: any }) {
          fill
          className="object-cover scale-105 animate-slow-zoom"
          sizes="100vw"
+          quality={100}
        />
        <div className="absolute inset-0 bg-primary/70 mix-blend-multiply" />
        <div className="absolute inset-0 bg-gradient-to-t from-primary via-primary/20 to-transparent" />
--- a/components/home/RecentPosts.tsx
+++ b/components/home/RecentPosts.tsx
@@ -74,7 +74,7 @@ export default async function RecentPosts({ locale, data }: RecentPostsProps) {
                      suppressHydrationWarning
                      className="px-3 py-1 text-white/80 text-[10px] md:text-xs font-bold uppercase tracking-widest border border-white/20 rounded-full bg-white/10 backdrop-blur-md"
                    >
-                      {new Date(post.frontmatter.date).toLocaleDateString(locale, {
+                      {new Date(post.frontmatter.date).toLocaleDateString(locale || 'de', {
                        year: 'numeric',
                        month: 'short',
                        day: 'numeric',
--- a/components/home/VideoSection.tsx
+++ b/components/home/VideoSection.tsx
@@ -1,7 +1,6 @@
 'use client';

 import React, { useState, useEffect, useRef } from 'react';
-import Scribble from '@/components/Scribble';
 import { useTranslations } from 'next-intl';

 export default function VideoSection({ data }: { data?: any }) {
@@ -41,18 +40,16 @@ export default function VideoSection({ data }: { data?: any }) {
        <div className="max-w-5xl px-6 text-center animate-slide-up pointer-events-auto">
          <h2 className="text-3xl md:text-4xl lg:text-5xl font-extrabold text-white leading-[1.1]">
            {data?.title ? (
-              <span dangerouslySetInnerHTML={{ __html: data.title.replace(/<future>/g, '<span class="relative inline-block mx-2"><span class="relative z-10 italic text-accent">').replace(/<\/future>/g, '</span><Scribble variant="underline" class="w-full h-4 -bottom-2 left-0 text-accent/40" /></span>') }} />
+              <span
+                dangerouslySetInnerHTML={{
+                  __html: data.title
+                    .replace(/<future>/g, '<span class="italic text-accent">')
+                    .replace(/<\/future>/g, '</span>'),
+                }}
+              />
            ) : (
              t.rich('title', {
-                future: (chunks) => (
-                  <span className="relative inline-block mx-2">
-                    <span className="relative z-10 italic text-accent">{chunks}</span>
-                    <Scribble
-                      variant="underline"
-                      className="w-full h-4 -bottom-2 left-0 text-accent/40"
-                    />
-                  </span>
-                ),
+                future: (chunks) => <span className="italic text-accent">{chunks}</span>,
              })
            )}
          </h2>
--- a/components/search/AISearchResults.tsx
+++ b/components/search/AISearchResults.tsx
@@ -1,230 +0,0 @@
-'use client';
-
-import { useState, useRef, useEffect, KeyboardEvent } from 'react';
-import { useTranslations } from 'next-intl';
-import { Search, Loader2, X, Sparkles, ChevronRight, MessageSquareWarning } from 'lucide-react';
-import { Button, cn } from '@/components/ui';
-import Link from 'next/link';
-import { useAnalytics } from '../analytics/useAnalytics';
-import { AnalyticsEvents } from '../analytics/analytics-events';
-import Image from 'next/image';
-
-interface ProductMatch {
-    id: string;
-    title: string;
-    sku: string;
-    slug: string;
-}
-
-interface AIResponse {
-    answerText: string;
-    products: ProductMatch[];
-}
-
-interface ComponentProps {
-    isOpen: boolean;
-    onClose: () => void;
-    initialQuery?: string;
-    triggerSearch?: boolean; // If true, immediately searches on mount with initialQuery
-}
-
-export function AISearchResults({ isOpen, onClose, initialQuery = '', triggerSearch = false }: ComponentProps) {
-    const t = useTranslations('Search');
-    const { trackEvent } = useAnalytics();
-
-    const [query, setQuery] = useState(initialQuery);
-    const [honeypot, setHoneypot] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-    const [response, setResponse] = useState<AIResponse | null>(null);
-    const [error, setError] = useState<string | null>(null);
-    const inputRef = useRef<HTMLInputElement>(null);
-    const modalRef = useRef<HTMLDivElement>(null);
-
-    useEffect(() => {
-        if (isOpen) {
-            document.body.style.overflow = 'hidden';
-            // Slight delay to allow animation to start before focus
-            setTimeout(() => inputRef.current?.focus(), 100);
-
-            if (triggerSearch && initialQuery && !response) {
-                handleSearch(initialQuery);
-            }
-        } else {
-            document.body.style.overflow = 'unset';
-        }
-        return () => { document.body.style.overflow = 'unset'; };
-    }, [isOpen, triggerSearch]);
-
-    useEffect(() => {
-        setQuery(initialQuery);
-    }, [initialQuery]);
-
-    const handleSearch = async (searchQuery: string = query) => {
-        if (!searchQuery.trim()) return;
-
-        setIsLoading(true);
-        setError(null);
-        setResponse(null);
-
-        trackEvent(AnalyticsEvents.FORM_SUBMIT, {
-            type: 'ai_search',
-            query: searchQuery
-        });
-
-        try {
-            const res = await fetch('/api/ai-search', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ query: searchQuery, _honeypot: honeypot })
-            });
-
-            const data = await res.json();
-
-            if (!res.ok) {
-                throw new Error(data.error || 'Failed to fetch search results');
-            }
-
-            setResponse(data);
-        } catch (err: any) {
-            console.error(err);
-            setError(err.message || 'An error occurred while searching. Please try again.');
-        } finally {
-            setIsLoading(false);
-        }
-    };
-
-    const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            handleSearch();
-        }
-        if (e.key === 'Escape') {
-            onClose();
-        }
-    };
-
-    if (!isOpen) return null;
-
-    return (
-        <div className="fixed inset-0 z-[100] flex items-start justify-center pt-16 md:pt-24 px-4 bg-primary/95 backdrop-blur-xl transition-all duration-300 animate-in fade-in">
-            <div
-                className="absolute inset-0"
-                onClick={onClose}
-                aria-hidden="true"
-            />
-
-            <div
-                ref={modalRef}
-                className="relative w-full max-w-4xl bg-[#002b49]/90 border border-white/10 rounded-3xl shadow-2xl shadow-black/50 overflow-hidden flex flex-col h-[75vh] animate-in slide-in-from-bottom-10"
-            >
-                {/* Header - Search Bar */}
-                <div className="p-6 md:p-8 flex items-center border-b border-white/10 relative z-10 bg-gradient-to-r from-primary/80 to-[#00223A]/80">
-                    <Sparkles className="w-6 h-6 text-accent shrink-0 mr-4" />
-                    <input
-                        ref={inputRef}
-                        type="text"
-                        value={query}
-                        onChange={(e) => setQuery(e.target.value)}
-                        onKeyDown={onKeyDown}
-                        placeholder={"What are you looking for?"}
-                        className="w-full bg-transparent border-none text-white text-xl md:text-3xl font-extrabold focus:outline-none placeholder:text-white/30"
-                    />
-                    <input
-                        type="text"
-                        className="hidden"
-                        value={honeypot}
-                        onChange={(e) => setHoneypot(e.target.value)}
-                        tabIndex={-1}
-                        autoComplete="off"
-                        aria-hidden="true"
-                    />
-                    {isLoading ? (
-                        <Loader2 className="w-8 h-8 text-white/50 animate-spin shrink-0 ml-4" />
-                    ) : query ? (
-                        <button
-                            onClick={() => handleSearch()}
-                            className="text-white hover:text-accent transition-colors ml-4 shrink-0"
-                            aria-label="Search"
-                        >
-                            <Search className="w-8 h-8" />
-                        </button>
-                    ) : null}
-                    <div className="w-px h-10 bg-white/10 mx-6 hidden md:block" />
-                    <button
-                        onClick={onClose}
-                        className="text-white/50 hover:text-white transition-colors shrink-0"
-                        aria-label="Close"
-                    >
-                        <X className="w-8 h-8 md:w-10 md:h-10" />
-                    </button>
-                </div>
-
-                {/* Content Area */}
-                <div className="flex-1 overflow-y-auto p-6 md:p-8 relative">
-                    {!response && !isLoading && !error && (
-                        <div className="flex flex-col items-center justify-center h-full text-center opacity-50 space-y-4">
-                            <Search className="w-16 h-16" />
-                            <p className="text-xl md:text-2xl font-bold">Describe what you need, and our AI will find it.</p>
-                        </div>
-                    )}
-
-                    {error && (
-                        <div className="flex items-start space-x-4 bg-red-500/10 border border-red-500/20 p-6 rounded-2xl">
-                            <MessageSquareWarning className="w-8 h-8 text-red-400 shrink-0" />
-                            <div>
-                                <h3 className="text-xl font-bold text-red-200">Encountered an error</h3>
-                                <p className="text-red-300 mt-2">{error}</p>
-                            </div>
-                        </div>
-                    )}
-
-                    {response && (
-                        <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500">
-                            {/* AI Answer */}
-                            <div className="bg-white/5 border border-white/10 rounded-2xl p-6 md:p-8 relative overflow-hidden group">
-                                <div className="absolute top-0 left-0 w-1 h-full bg-accent" />
-                                <Sparkles className="absolute top-4 right-4 w-6h-6 text-accent/20 group-hover:text-accent/40 transition-colors" />
-                                <h3 className="text-sm font-bold tracking-widest uppercase text-accent mb-4">AI Assistant</h3>
-                                <p className="text-lg md:text-xl text-white/90 leading-relaxed font-medium">
-                                    {response.answerText}
-                                </p>
-                            </div>
-
-                            {/* Product Matches */}
-                            {response.products && response.products.length > 0 && (
-                                <div className="space-y-4">
-                                    <h3 className="text-sm font-bold tracking-widest uppercase text-white/50">Matching Products</h3>
-                                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                                        {response.products.map((product, idx) => (
-                                            <Link
-                                                key={idx}
-                                                href={`/produkte/${product.slug}`}
-                                                onClick={() => {
-                                                    onClose();
-                                                    trackEvent(AnalyticsEvents.BUTTON_CLICK, {
-                                                        target: product.slug,
-                                                        location: 'ai_search_results'
-                                                    });
-                                                }}
-                                                className="group flex flex-col justify-between bg-white text-primary rounded-xl p-6 hover:shadow-2xl hover:-translate-y-1 transition-all duration-300"
-                                            >
-                                                <div>
-                                                    <p className="text-xs font-bold text-primary/50 tracking-wider mb-2">{product.sku}</p>
-                                                    <h4 className="text-xl md:text-2xl font-extrabold mb-4 group-hover:text-accent transition-colors">{product.title}</h4>
-                                                </div>
-                                                <div className="flex items-center text-sm font-bold tracking-widest uppercase">
-                                                    <span className="group-hover:text-accent transition-colors">Details</span>
-                                                    <ChevronRight className="w-4 h-4 ml-1 group-hover:text-accent transition-colors group-hover:translate-x-1" />
-                                                </div>
-                                            </Link>
-                                        ))}
-                                    </div>
-                                </div>
-                            )}
-                        </div>
-                    )}
-                </div>
-            </div>
-        </div>
-    );
-}
--- a/docker-compose.dev.yml
+++ b/docker-compose.dev.yml
@@ -29,7 +29,7 @@ services:
      NEXT_TELEMETRY_DISABLED: "1"
      POSTGRES_URI: postgres://${PAYLOAD_DB_USER:-payload}:${PAYLOAD_DB_PASSWORD:-120in09oenaoinsd9iaidon}@klz-db:5432/${PAYLOAD_DB_NAME:-payload}
      PAYLOAD_SECRET: ${PAYLOAD_SECRET:-fallback-secret-for-dev}
-      NODE_OPTIONS: "--max-old-space-size=4096"
+      NODE_OPTIONS: "--max-old-space-size=8192"
      UV_THREADPOOL_SIZE: "4"
      NPM_TOKEN: ${NPM_TOKEN:-}
      CI: "true"
@@ -75,24 +75,6 @@ services:
    ports:
      - "54322:5432"

-  klz-redis:
-    image: redis:7-alpine
-    restart: unless-stopped
-    networks:
-      - default
-    ports:
-      - "6379:6379"
-
-  klz-qdrant:
-    image: qdrant/qdrant:v1.13.2
-    restart: unless-stopped
-    volumes:
-      - klz_qdrant_data:/qdrant/storage
-    networks:
-      - default
-    ports:
-      - "6333:6333"
-
 networks:
  default:
    name: ${PROJECT_NAME:-klz-cables}-internal
@@ -102,8 +84,6 @@ networks:
 volumes:
  klz_db_data:
    external: false
-  klz_qdrant_data:
-    external: false
  klz_node_modules:
  klz_next_cache:
  klz_turbo_cache:
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -100,23 +100,6 @@ services:
    networks:
      - default

-  klz-redis:
-    image: redis:7-alpine
-    restart: unless-stopped
-    networks:
-      - default
-
-  klz-qdrant:
-    image: qdrant/qdrant:v1.13.2
-    restart: unless-stopped
-    environment:
-      QDRANT__SERVICE__HTTP_PORT: 6333
-      QDRANT__SERVICE__GRPC_PORT: 6334
-    volumes:
-      - klz_qdrant_data:/qdrant/storage
-    networks:
-      - default
-
 networks:
  default:
    name: ${PROJECT_NAME:-klz-cables}-internal
@@ -128,5 +111,3 @@ volumes:
    external: false
  klz_media_data:
    external: false
-  klz_qdrant_data:
-    external: false
--- a/instrumentation-client.ts
+++ b/instrumentation-client.ts
@@ -1,4 +1,5 @@
 // Sentry initialization move to GlitchtipErrorReportingService to allow lazy-loading
 // for PageSpeed 100 optimizations. This file is now empty to prevent the SDK
 // from being included in the initial JS bundle.
-export {};
+import * as Sentry from '@sentry/nextjs';
+export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;
--- a/lib/blog.ts
+++ b/lib/blog.ts
@@ -116,7 +116,7 @@ export async function getPostBySlug(slug: string, locale: string): Promise<PostD
        category: doc.category || '',
        featuredImage:
          typeof doc.featuredImage === 'object' && doc.featuredImage !== null
-            ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
+            ? doc.featuredImage.url || doc.featuredImage.sizes?.card?.url
            : null,
        focalX:
          typeof doc.featuredImage === 'object' && doc.featuredImage !== null
@@ -162,7 +162,7 @@ export async function getAllPosts(locale: string): Promise<PostData[]> {
          category: doc.category || '',
          featuredImage:
            typeof doc.featuredImage === 'object' && doc.featuredImage !== null
-              ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
+              ? doc.featuredImage.url || doc.featuredImage.sizes?.card?.url
              : null,
          focalX:
            typeof doc.featuredImage === 'object' && doc.featuredImage !== null
@@ -286,3 +286,38 @@ export function getHeadings(content: string): { id: string; text: string; level:
    return { id, text: cleanText, level };
  });
 }
+
+export function extractLexicalHeadings(
+  node: any,
+  headings: { id: string; text: string; level: number }[] = [],
+): { id: string; text: string; level: number }[] {
+  if (!node) return headings;
+
+  if (node.type === 'heading' && node.tag) {
+    const level = parseInt(node.tag.replace('h', ''));
+    const text = getTextContentFromLexical(node);
+    if (text) {
+      headings.push({
+        id: generateHeadingId(text),
+        text,
+        level,
+      });
+    }
+  }
+
+  if (node.children && Array.isArray(node.children)) {
+    node.children.forEach((child: any) => extractLexicalHeadings(child, headings));
+  }
+
+  return headings;
+}
+
+function getTextContentFromLexical(node: any): string {
+  if (node.type === 'text') {
+    return node.text || '';
+  }
+  if (node.children && Array.isArray(node.children)) {
+    return node.children.map(getTextContentFromLexical).join('');
+  }
+  return '';
+}
--- a/lib/products.ts
+++ b/lib/products.ts
@@ -18,6 +18,7 @@ export interface ProductData {
  slug: string;
  frontmatter: ProductFrontmatter;
  content: any; // Lexical AST from Payload
+  application?: any; // Lexical AST for Application field
 }

 export async function getProductMetadata(
@@ -113,6 +114,7 @@ export async function getProductBySlug(slug: string, locale: string): Promise<Pr
              : 50,
        },
        content: doc.content,
+        application: doc.application,
      };
    }

@@ -195,6 +197,7 @@ export async function getAllProducts(locale: string): Promise<ProductData[]> {
              : 50,
        },
        content: null,
+        application: null,
      };
    });

--- a/lib/services/create-services.server.ts
+++ b/lib/services/create-services.server.ts
@@ -65,7 +65,15 @@ export function getServerAppServices(): AppServices {
  }

  const errors = config.errors.glitchtip.enabled
-    ? new GlitchtipErrorReportingService({ enabled: true }, logger, notifications)
+    ? new GlitchtipErrorReportingService(
+        {
+          enabled: true,
+          dsn: config.errors.glitchtip.dsn,
+          tracesSampleRate: 1.0, // Server-side we usually want higher visibility
+        },
+        logger,
+        notifications,
+      )
    : new NoopErrorReportingService();

  if (config.errors.glitchtip.enabled) {
--- a/lib/services/create-services.ts
+++ b/lib/services/create-services.ts
@@ -69,7 +69,15 @@ export function getAppServices(): AppServices {

  // Create error reporting service (GlitchTip/Sentry or no-op)
  const errors = sentryEnabled
-    ? new GlitchtipErrorReportingService({ enabled: true }, logger, notifications)
+    ? new GlitchtipErrorReportingService(
+        {
+          enabled: true,
+          dsn: config.errors.glitchtip.dsn,
+          tracesSampleRate: 0.1, // Default to 10% sampling
+        },
+        logger,
+        notifications,
+      )
    : new NoopErrorReportingService();

  if (sentryEnabled) {
--- a/lib/services/errors/glitchtip-error-reporting-service.ts
+++ b/lib/services/errors/glitchtip-error-reporting-service.ts
@@ -8,6 +8,8 @@ import type { LoggerService } from '../logging/logger-service';

 export type GlitchtipErrorReportingServiceOptions = {
  enabled: boolean;
+  dsn?: string;
+  tracesSampleRate?: number;
 };

 // GlitchTip speaks the Sentry protocol; @sentry/nextjs can send to GlitchTip via DSN.
@@ -46,12 +48,12 @@ export class GlitchtipErrorReportingService implements ErrorReportingService {
    if (!this.sentryPromise) {
      this.sentryPromise = import('@sentry/nextjs').then((Sentry) => {
        // Client-side initialization must happen here since sentry.client.config.ts is empty
-        if (typeof window !== 'undefined' && process.env.NODE_ENV === 'production') {
+        if (typeof window !== 'undefined' && this.options.enabled) {
          Sentry.init({
-            dsn: 'https://public@errors.infra.mintel.me/1',
+            dsn: this.options.dsn || 'https://public@errors.infra.mintel.me/1',
            tunnel: '/errors/api/relay',
            enabled: true,
-            tracesSampleRate: 0,
+            tracesSampleRate: this.options.tracesSampleRate ?? 0.1,
            replaysOnErrorSampleRate: 1.0,
            replaysSessionSampleRate: 0.1,
          });
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -17,6 +17,7 @@ const nextConfig = {
    workerThreads: false,
  },
  reactStrictMode: false,
+  swcMinify: true,
  productionBrowserSourceMaps: false,
  logging: {
    fetches: {
--- a/package.json
+++ b/package.json
@@ -4,7 +4,6 @@
  "private": true,
  "packageManager": "pnpm@10.18.3",
  "dependencies": {
-    "@ai-sdk/google": "^3.0.31",
    "@mintel/mail": "^1.8.21",
    "@mintel/next-config": "^1.8.21",
    "@mintel/next-feedback": "^1.8.21",
@@ -14,12 +13,10 @@
    "@payloadcms/next": "^3.77.0",
    "@payloadcms/richtext-lexical": "^3.77.0",
    "@payloadcms/ui": "^3.77.0",
-    "@qdrant/js-client-rest": "^1.17.0",
    "@react-email/components": "^1.0.7",
    "@react-pdf/renderer": "^4.3.2",
    "@sentry/nextjs": "^10.39.0",
    "@types/recharts": "^2.0.1",
-    "ai": "^6.0.101",
    "axios": "^1.13.5",
    "clsx": "^2.1.1",
    "framer-motion": "^12.34.0",
@@ -27,7 +24,6 @@
    "gray-matter": "^4.0.3",
    "i18next": "^25.7.3",
    "import-in-the-middle": "^1.11.0",
-    "ioredis": "^5.9.3",
    "jsdom": "^27.4.0",
    "leaflet": "^1.9.4",
    "next": "16.1.6",
@@ -143,7 +139,7 @@
    "prepare": "husky",
    "preinstall": "npx only-allow pnpm"
  },
-  "version": "2.0.2",
+  "version": "2.2.12",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
--- a/payload.config.ts
+++ b/payload.config.ts
@@ -21,6 +21,8 @@ import { Posts } from './src/payload/collections/Posts';
 import { FormSubmissions } from './src/payload/collections/FormSubmissions';
 import { Products } from './src/payload/collections/Products';
 import { Pages } from './src/payload/collections/Pages';
+import { Email } from './src/payload/blocks/Email';
+import { Phone } from './src/payload/blocks/Phone';
 import { seedDatabase } from './src/payload/seed';

 const filename = fileURLToPath(import.meta.url);
@@ -62,6 +64,7 @@ export default buildConfig({
      ...defaultFeatures,
      BlocksFeature({
        blocks: payloadBlocks,
+        inlineBlocks: [Email, Phone],
      }),
    ],
  }),
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,9 +12,6 @@ importers:

  .:
    dependencies:
-      '@ai-sdk/google':
-        specifier: ^3.0.31
-        version: 3.0.31(zod@3.25.76)
      '@mintel/mail':
        specifier: ^1.8.21
        version: 1.8.21(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -42,9 +39,6 @@ importers:
      '@payloadcms/ui':
        specifier: ^3.77.0
        version: 3.77.0(@types/react@19.2.13)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)
-      '@qdrant/js-client-rest':
-        specifier: ^1.17.0
-        version: 1.17.0(typescript@5.9.3)
      '@react-email/components':
        specifier: ^1.0.7
        version: 1.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -57,9 +51,6 @@ importers:
      '@types/recharts':
        specifier: ^2.0.1
        version: 2.0.1(@types/react@19.2.13)(react-dom@19.2.4(react@19.2.4))(react-is@16.13.1)(react@19.2.4)(redux@5.0.1)
-      ai:
-        specifier: ^6.0.101
-        version: 6.0.101(zod@3.25.76)
      axios:
        specifier: ^1.13.5
        version: 1.13.5(debug@4.4.3)
@@ -81,9 +72,6 @@ importers:
      import-in-the-middle:
        specifier: ^1.11.0
        version: 1.15.0
-      ioredis:
-        specifier: ^5.9.3
-        version: 5.9.3
      jsdom:
        specifier: ^27.4.0
        version: 27.4.0
@@ -283,28 +271,6 @@ packages:
  '@acemir/cssom@0.9.31':
    resolution: {integrity: sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==}

-  '@ai-sdk/gateway@3.0.55':
-    resolution: {integrity: sha512-7xMeTJnCjwRwXKVCiv4Ly4qzWvDuW3+W1WIV0X1EFu6W83d4mEhV9bFArto10MeTw40ewuDjrbrZd21mXKohkw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4.1.8
-
-  '@ai-sdk/google@3.0.31':
-    resolution: {integrity: sha512-RVNz8WFSIRbXbYDBE6JvlE2escWPJimBCs22LzKEYH7DNfl/X7cHNa1LFho4PsY6Ib0JmbzB8s2+i0wHs/wNCg==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4.1.8
-
-  '@ai-sdk/provider-utils@4.0.15':
-    resolution: {integrity: sha512-8XiKWbemmCbvNN0CLR9u3PQiet4gtEVIrX4zzLxnCj06AwsEDJwJVBbKrEI4t6qE8XRSIvU2irka0dcpziKW6w==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4.1.8
-
-  '@ai-sdk/provider@3.0.8':
-    resolution: {integrity: sha512-oGMAgGoQdBXbZqNG0Ze56CHjDZ1IDYOwGYxYjO5KLSlz5HiNQ9udIXsPZ61VWaHGZ5XW/jyjmr6t2xz2jGVwbQ==}
-    engines: {node: '>=18'}
-
  '@alloc/quick-lru@5.2.0':
    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
    engines: {node: '>=10'}
@@ -1611,9 +1577,6 @@ packages:
    cpu: [x64]
    os: [win32]

-  '@ioredis/commands@1.5.0':
-    resolution: {integrity: sha512-eUgLqrMf8nJkZxT24JvVRrQya1vZkQh8BBeYNwGDqa5I0VUi8ACx7uFvAaLxintokpTenkK6DASvo/bvNbBGow==}
-
  '@isaacs/cliui@8.0.2':
    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
    engines: {node: '>=12'}
@@ -1729,7 +1692,7 @@ packages:
    resolution: {integrity: sha512-RraNY9SCcx4KZV0Dh6BEW6XEW2swkqYca74pkFFRw6hHItSHiy+O/xMnpbofjYbzXj0tSpBGthUF1hHTsr3vIQ==}

  '@mintel/eslint-config@1.8.21':
-    resolution: {integrity: sha512-PsPxQk3fsUGLwQCVvHaiNNt0WcjwU/eU9xMxEGGm4SCcPw/ED4UZbaCEYwR78lp9BBGAKSqTFMWBhXfY4PjU8g==}
+    resolution: {integrity: sha512-GH5tm1y89AhD+Lxf95BGCOdy7Nv1OPNLWrUpaTR6jsuKfH2dm9fU66LF7sDH5THmrkfAZ8zSzHJsKPjintv3IA==}

  '@mintel/mail@1.8.21':
    resolution: {integrity: sha512-leZV9gINmxD4eVJ3Ij9KdrQoyib67NVHgL/93J7KcWSUWKbr2HVuKUBpiWImeeEZn3JO0f7JwRbVUzXPBRVeQA==}
@@ -1738,10 +1701,10 @@ packages:
      react-dom: ^19.0.0

  '@mintel/next-config@1.8.21':
-    resolution: {integrity: sha512-Nwnp32h+eAjZwY9YHXHo2eIWkGrNWAqF6vT8RvyeehU1uJtoajrEpBIQPAf5dWmWSWkIdPSu9vlzEUORu39pBA==}
+    resolution: {integrity: sha512-K4jb9Glf84a212BRZ/zmOUueBphmsikvStFCuDc5lxyFT+Hkj4w8ChmtI7gaUxHMrftooduGPXJ1+NFpKkvc/Q==}

  '@mintel/next-feedback@1.8.21':
-    resolution: {integrity: sha512-7WUpX/GMUBO+DYrnCm1Xb3mRQAaWDDaA1DgwavlV2m0lYiwqlPsLGafsBOY9MdGrTFxp2oFuz8lUK8/fkB2/SQ==}
+    resolution: {integrity: sha512-n2KzGDbOvAskuzjbt8h5EOMSEnISxHrsXxJwDdMxCXEgmzfJSvWpP2mAqb684dimOwo1UWHE6DMSAFc1FXeYwg==}
    peerDependencies:
      react: ^19.0.0
      react-dom: ^19.0.0
@@ -1750,7 +1713,7 @@ packages:
    resolution: {integrity: sha512-sr0yDtySGou+3DNvrqY6HWSHCiVIc8nnoRbckyPMSE21AGxk2aJineXGy9BO9tulSBdhStm2SgdC7McMFTszug==}

  '@mintel/tsconfig@1.8.21':
-    resolution: {integrity: sha512-V5sY+sZlUv7i5OTqoLph+k7s0hMOzE8G7kB1snFGVuhE71zc8ooi+0WDeP++lwJz3xlFLhQTv/iRznfBnYOCew==}
+    resolution: {integrity: sha512-ePBfBZiijyXKOS6nLIyxkg7QDZEEC1TugzNhmvwwpc0Yh7BmVHyNpvjg6zKsoGj2rok+9Kc8mLH1WihQIs8SKg==}

  '@monaco-editor/loader@1.7.0':
    resolution: {integrity: sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==}
@@ -2218,16 +2181,6 @@ packages:
    engines: {node: '>=18'}
    hasBin: true

-  '@qdrant/js-client-rest@1.17.0':
-    resolution: {integrity: sha512-aZFQeirWVqWAa1a8vJ957LMzcXkFHGbsoRhzc8AkGfg6V0jtK8PlG8/eyyc2xhYsR961FDDx1Tx6nyE0K7lS+A==}
-    engines: {node: '>=18.17.0', pnpm: '>=8'}
-    peerDependencies:
-      typescript: '>=4.7'
-
-  '@qdrant/openapi-typescript-fetch@1.2.6':
-    resolution: {integrity: sha512-oQG/FejNpItrxRHoyctYvT3rwGZOnK4jr3JdppO/c78ktDvkWiPXPHNsrDf33K9sZdRb6PR7gi4noIapu5q4HA==}
-    engines: {node: '>=18.0.0', pnpm: '>=8'}
-
  '@react-email/body@0.0.11':
    resolution: {integrity: sha512-ZSD2SxVSgUjHGrB0Wi+4tu3MEpB4fYSbezsFNEJk2xCWDBkFiOeEsjTmR5dvi+CxTK691hQTQlHv0XWuP7ENTg==}
    peerDependencies:
@@ -3444,10 +3397,6 @@ packages:
    cpu: [x64]
    os: [win32]

-  '@vercel/oidc@3.1.0':
-    resolution: {integrity: sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w==}
-    engines: {node: '>= 20'}
-
  '@vitejs/plugin-react@5.1.4':
    resolution: {integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==}
    engines: {node: ^20.19.0 || >=22.12.0}
@@ -3596,12 +3545,6 @@ packages:
    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
    engines: {node: '>= 14'}

-  ai@6.0.101:
-    resolution: {integrity: sha512-Ur/NgbgOp1rdhyDiKDk6EOpSgd1g5ADlbcD1cjQJtQsnmhEngz3Rf8nK5JetDh0vnbLy2aEBpaQeL+zvLRWuaA==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.25.76 || ^4.1.8
-
  ajv-formats@2.1.1:
    resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
    peerDependencies:
@@ -4097,10 +4040,6 @@ packages:
    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
    engines: {node: '>=6'}

-  cluster-key-slot@1.1.2:
-    resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
-    engines: {node: '>=0.10.0'}
-
  color-convert@1.9.3:
    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}

@@ -4499,10 +4438,6 @@ packages:
    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
    engines: {node: '>=0.4.0'}

-  denque@2.1.0:
-    resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
-    engines: {node: '>=0.10'}
-
  depd@2.0.0:
    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
    engines: {node: '>= 0.8'}
@@ -5004,10 +4939,6 @@ packages:
    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
    engines: {node: '>=0.8.x'}

-  eventsource-parser@3.0.6:
-    resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==}
-    engines: {node: '>=18.0.0'}
-
  execa@5.1.1:
    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
    engines: {node: '>=10'}
@@ -5604,10 +5535,6 @@ packages:
  intl-messageformat@11.1.2:
    resolution: {integrity: sha512-ucSrQmZGAxfiBHfBRXW/k7UC8MaGFlEj4Ry1tKiDcmgwQm1y3EDl40u+4VNHYomxJQMJi9NEI3riDRlth96jKg==}

-  ioredis@5.9.3:
-    resolution: {integrity: sha512-VI5tMCdeoxZWU5vjHWsiE/Su76JGhBvWF1MJnV9ZtGltHk9BmD48oDq8Tj8haZ85aceXZMxLNDQZRVo5QKNgXA==}
-    engines: {node: '>=12.22.0'}
-
  ip-address@10.1.0:
    resolution: {integrity: sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==}
    engines: {node: '>= 12'}
@@ -5935,9 +5862,6 @@ packages:
  json-schema-typed@8.0.2:
    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}

-  json-schema@0.4.0:
-    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
-
  json-stable-stringify-without-jsonify@1.0.1:
    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}

@@ -6128,12 +6052,6 @@ packages:
  lodash.camelcase@4.3.0:
    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}

-  lodash.defaults@4.2.0:
-    resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
-
-  lodash.isarguments@3.1.0:
-    resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
-
  lodash.kebabcase@4.1.1:
    resolution: {integrity: sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==}

@@ -7243,14 +7161,6 @@ packages:
      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0

-  redis-errors@1.2.0:
-    resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==}
-    engines: {node: '>=4'}
-
-  redis-parser@3.0.0:
-    resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
-    engines: {node: '>=4'}
-
  redux-thunk@3.1.0:
    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
    peerDependencies:
@@ -7602,9 +7512,6 @@ packages:
    resolution: {integrity: sha512-WjlahMgHmCJpqzU8bIBy4qtsZdU9lRlcZE3Lvyej6t4tuOuv1vk57OW3MBrj6hXBFx/nNoC9MPMTcr5YA7NQbg==}
    engines: {node: '>=6'}

-  standard-as-callback@2.1.0:
-    resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
-
  start-server-and-test@2.1.3:
    resolution: {integrity: sha512-k4EcbNjeg0odaDkAMlIeDVDByqX9PIgL4tivgP2tES6Zd8o+4pTq/HgbWCyA3VHIoZopB+wGnNPKYGGSByNriQ==}
    engines: {node: '>=16'}
@@ -8535,30 +8442,6 @@ snapshots:

  '@acemir/cssom@0.9.31': {}

-  '@ai-sdk/gateway@3.0.55(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 3.0.8
-      '@ai-sdk/provider-utils': 4.0.15(zod@3.25.76)
-      '@vercel/oidc': 3.1.0
-      zod: 3.25.76
-
-  '@ai-sdk/google@3.0.31(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 3.0.8
-      '@ai-sdk/provider-utils': 4.0.15(zod@3.25.76)
-      zod: 3.25.76
-
-  '@ai-sdk/provider-utils@4.0.15(zod@3.25.76)':
-    dependencies:
-      '@ai-sdk/provider': 3.0.8
-      '@standard-schema/spec': 1.1.0
-      eventsource-parser: 3.0.6
-      zod: 3.25.76
-
-  '@ai-sdk/provider@3.0.8':
-    dependencies:
-      json-schema: 0.4.0
-
  '@alloc/quick-lru@5.2.0': {}

  '@apidevtools/json-schema-ref-parser@11.9.3':
@@ -9713,8 +9596,6 @@ snapshots:
  '@img/sharp-win32-x64@0.34.5':
    optional: true

-  '@ioredis/commands@1.5.0': {}
-
  '@isaacs/cliui@8.0.2':
    dependencies:
      string-width: 5.1.2
@@ -10691,14 +10572,6 @@ snapshots:
      - react-native-b4a
      - supports-color

-  '@qdrant/js-client-rest@1.17.0(typescript@5.9.3)':
-    dependencies:
-      '@qdrant/openapi-typescript-fetch': 1.2.6
-      typescript: 5.9.3
-      undici: 6.23.0
-
-  '@qdrant/openapi-typescript-fetch@1.2.6': {}
-
  '@react-email/body@0.0.11(react@19.2.4)':
    dependencies:
      react: 19.2.4
@@ -11932,8 +11805,6 @@ snapshots:
  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
    optional: true

-  '@vercel/oidc@3.1.0': {}
-
  '@vitejs/plugin-react@5.1.4(vite@7.3.1(@types/node@22.19.10)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.3)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))':
    dependencies:
      '@babel/core': 7.29.0
@@ -12121,14 +11992,6 @@ snapshots:

  agent-base@7.1.4: {}

-  ai@6.0.101(zod@3.25.76):
-    dependencies:
-      '@ai-sdk/gateway': 3.0.55(zod@3.25.76)
-      '@ai-sdk/provider': 3.0.8
-      '@ai-sdk/provider-utils': 4.0.15(zod@3.25.76)
-      '@opentelemetry/api': 1.9.0
-      zod: 3.25.76
-
  ajv-formats@2.1.1(ajv@8.18.0):
    optionalDependencies:
      ajv: 8.18.0
@@ -12663,8 +12526,6 @@ snapshots:

  clsx@2.1.1: {}

-  cluster-key-slot@1.1.2: {}
-
  color-convert@1.9.3:
    dependencies:
      color-name: 1.1.3
@@ -13100,8 +12961,6 @@ snapshots:

  delayed-stream@1.0.0: {}

-  denque@2.1.0: {}
-
  depd@2.0.0: {}

  dequal@2.0.3: {}
@@ -13730,8 +13589,6 @@ snapshots:

  events@3.3.0: {}

-  eventsource-parser@3.0.6: {}
-
  execa@5.1.1:
    dependencies:
      cross-spawn: 7.0.6
@@ -14402,20 +14259,6 @@ snapshots:
      '@formatjs/icu-messageformat-parser': 3.5.1
      tslib: 2.8.1

-  ioredis@5.9.3:
-    dependencies:
-      '@ioredis/commands': 1.5.0
-      cluster-key-slot: 1.1.2
-      debug: 4.4.3
-      denque: 2.1.0
-      lodash.defaults: 4.2.0
-      lodash.isarguments: 3.1.0
-      redis-errors: 1.2.0
-      redis-parser: 3.0.0
-      standard-as-callback: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
-
  ip-address@10.1.0: {}

  ipaddr.js@1.9.1: {}
@@ -14738,8 +14581,6 @@ snapshots:

  json-schema-typed@8.0.2: {}

-  json-schema@0.4.0: {}
-
  json-stable-stringify-without-jsonify@1.0.1: {}

  json5@1.0.2:
@@ -14943,10 +14784,6 @@ snapshots:

  lodash.camelcase@4.3.0: {}

-  lodash.defaults@4.2.0: {}
-
-  lodash.isarguments@3.1.0: {}
-
  lodash.kebabcase@4.1.1: {}

  lodash.merge@4.6.2: {}
@@ -16309,12 +16146,6 @@ snapshots:
      - '@types/react'
      - redux

-  redis-errors@1.2.0: {}
-
-  redis-parser@3.0.0:
-    dependencies:
-      redis-errors: 1.2.0
-
  redux-thunk@3.1.0(redux@5.0.1):
    dependencies:
      redux: 5.0.1
@@ -16776,8 +16607,6 @@ snapshots:
    dependencies:
      type-fest: 0.7.1

-  standard-as-callback@2.1.0: {}
-
  start-server-and-test@2.1.3:
    dependencies:
      arg: 5.0.2
--- a/scripts/check-forms.ts
+++ b/scripts/check-forms.ts
@@ -66,17 +66,36 @@ async function main() {

  const page = await browser.newPage();

-  // 3. Inject Gatekeeper session bypassing auth screens
-  console.log(`\n🛡️ Injecting Gatekeeper Session...`);
-  await page.setCookie({
-    name: 'klz_gatekeeper_session',
-    value: gatekeeperPassword,
-    domain: new URL(targetUrl).hostname,
-    path: '/',
-    httpOnly: true,
-    secure: targetUrl.startsWith('https://'),
+  page.on('console', (msg) => console.log('💻 BROWSER CONSOLE:', msg.text()));
+  page.on('pageerror', (error) => console.error('💻 BROWSER ERROR:', error.message));
+  page.on('requestfailed', (request) => {
+    console.error('💻 BROWSER REQUEST FAILED:', request.url(), request.failure()?.errorText);
  });

+  // 3. Authenticate through Gatekeeper login form
+  console.log(`\n🛡️ Authenticating through Gatekeeper...`);
+  try {
+    // Navigate to a protected page so Gatekeeper redirects us to the login screen
+    await page.goto(contactUrl, { waitUntil: 'networkidle0', timeout: 30000 });
+
+    // Check if we landed on the Gatekeeper login page
+    const isGatekeeperPage = await page.$('input[name="password"]');
+    if (isGatekeeperPage) {
+      await page.type('input[name="password"]', gatekeeperPassword);
+      await Promise.all([
+        page.waitForNavigation({ waitUntil: 'networkidle0', timeout: 30000 }),
+        page.click('button[type="submit"]'),
+      ]);
+      console.log(`✅ Gatekeeper authentication successful!`);
+    } else {
+      console.log(`✅ Already authenticated (no Gatekeeper gate detected).`);
+    }
+  } catch (err: any) {
+    console.error(`❌ Gatekeeper authentication failed: ${err.message}`);
+    await browser.close();
+    process.exit(1);
+  }
+
  let hasErrors = false;

  // 4. Test Contact Form
@@ -96,6 +115,9 @@ async function main() {
      throw e;
    }

+    // Wait specifically for hydration logic to initialize the onSubmit handler
+    await page.evaluate(() => new Promise((resolve) => setTimeout(resolve, 2000)));
+
    // Fill form fields
    await page.type('input[name="name"]', 'Automated E2E Test');
    await page.type('input[name="email"]', 'testing@mintel.me');
@@ -104,14 +126,24 @@ async function main() {
      'This is an automated test verifying the contact form submission.',
    );

+    // Give state a moment to settle
+    await page.evaluate(() => new Promise((resolve) => setTimeout(resolve, 500)));
+
    console.log(`   Submitting Contact Form...`);

    // Explicitly click submit and wait for navigation/state-change
    await Promise.all([
-      page.waitForSelector('[role="alert"][aria-live="polite"]', { timeout: 15000 }),
+      page.waitForSelector('[role="alert"]', { timeout: 15000 }),
      page.click('button[type="submit"]'),
    ]);

+    const alertText = await page.$eval('[role="alert"]', (el) => el.textContent);
+    console.log(`   Alert text: ${alertText}`);
+
+    if (alertText?.includes('Failed') || alertText?.includes('went wrong')) {
+      throw new Error(`Form submitted but showed error: ${alertText}`);
+    }
+
    console.log(`✅ Contact Form submitted successfully! (Success state verified)`);
  } catch (err: any) {
    console.error(`❌ Contact Form Test Failed: ${err.message}`);
@@ -134,6 +166,9 @@ async function main() {
      throw e;
    }

+    // Wait specifically for hydration logic to initialize the onSubmit handler
+    await page.evaluate(() => new Promise((resolve) => setTimeout(resolve, 2000)));
+
    // In RequestQuoteForm, the email input is type="email" and message is a textarea.
    await page.type('form input[type="email"]', 'testing@mintel.me');
    await page.type(
@@ -141,23 +176,71 @@ async function main() {
      'Automated request for product quote via E2E testing framework.',
    );

+    // Give state a moment to settle
+    await page.evaluate(() => new Promise((resolve) => setTimeout(resolve, 500)));
+
    console.log(`   Submitting Product Quote Form...`);

    // Submit and wait for success state
    await Promise.all([
-      page.waitForSelector('[role="alert"][aria-live="polite"]', { timeout: 15000 }),
+      page.waitForSelector('[role="alert"]', { timeout: 15000 }),
      page.click('form button[type="submit"]'),
    ]);

+    const alertText = await page.$eval('[role="alert"]', (el) => el.textContent);
+    console.log(`   Alert text: ${alertText}`);
+
+    if (alertText?.includes('Failed') || alertText?.includes('went wrong')) {
+      throw new Error(`Form submitted but showed error: ${alertText}`);
+    }
+
    console.log(`✅ Product Quote Form submitted successfully! (Success state verified)`);
  } catch (err: any) {
    console.error(`❌ Product Quote Form Test Failed: ${err.message}`);
    hasErrors = true;
  }

+  // 5. Cleanup: Delete test submissions from Payload CMS
+  console.log(`\n🧹 Starting cleanup of test submissions...`);
+  try {
+    const apiUrl = `${targetUrl.replace(/\/$/, '')}/api/form-submissions`;
+    const searchUrl = `${apiUrl}?where[email][equals]=testing@mintel.me`;
+
+    // Fetch test submissions
+    const searchResponse = await axios.get(searchUrl, {
+      headers: { Cookie: `klz_gatekeeper_session=${gatekeeperPassword}` },
+    });
+
+    const testSubmissions = searchResponse.data.docs || [];
+    console.log(`   Found ${testSubmissions.length} test submissions to clean up.`);
+
+    for (const doc of testSubmissions) {
+      try {
+        await axios.delete(`${apiUrl}/${doc.id}`, {
+          headers: { Cookie: `klz_gatekeeper_session=${gatekeeperPassword}` },
+        });
+        console.log(`   ✅ Deleted submission: ${doc.id}`);
+      } catch (delErr: any) {
+        // Log but don't fail, 403s on Directus / Payload APIs for guest Gatekeeper sessions are normal
+        console.warn(
+          `   ⚠️ Cleanup attempt on ${doc.id} returned an error, typically due to API Auth separation: ${delErr.message}`,
+        );
+      }
+    }
+  } catch (err: any) {
+    if (err.response?.status === 403) {
+      console.warn(
+        `   ⚠️ Cleanup fetch failed with 403 Forbidden. This is expected if the runner lacks admin API credentials. Test submissions remain in the database.`,
+      );
+    } else {
+      console.error(`   ❌ Cleanup fetch failed: ${err.message}`);
+    }
+    // Don't mark the whole test as failed just because cleanup failed
+  }
+
  await browser.close();

-  // 5. Evaluation
+  // 6. Evaluation
  if (hasErrors) {
    console.error(`\n🚨 IMPORTANT: Form E2E checks failed. The CI build is failing.`);
    process.exit(1);
--- a/src/lib/qdrant.ts
+++ b/src/lib/qdrant.ts
@@ -1,124 +0,0 @@
-import { QdrantClient } from '@qdrant/js-client-rest';
-
-const qdrantUrl = process.env.QDRANT_URL || 'http://localhost:6333';
-const qdrantApiKey = process.env.QDRANT_API_KEY || '';
-
-export const qdrant = new QdrantClient({
-    url: qdrantUrl,
-    apiKey: qdrantApiKey || undefined,
-});
-
-export const COLLECTION_NAME = 'klz_products';
-export const VECTOR_SIZE = 1536; // OpenAI text-embedding-3-small
-
-/**
- * Ensure the collection exists in Qdrant.
- */
-export async function ensureCollection() {
-    try {
-        const collections = await qdrant.getCollections();
-        const exists = collections.collections.some(c => c.name === COLLECTION_NAME);
-        if (!exists) {
-            await qdrant.createCollection(COLLECTION_NAME, {
-                vectors: {
-                    size: VECTOR_SIZE,
-                    distance: 'Cosine',
-                },
-            });
-            console.log(`Successfully created Qdrant collection: ${COLLECTION_NAME}`);
-        }
-    } catch (error) {
-        console.error('Error ensuring Qdrant collection:', error);
-    }
-}
-
-/**
- * Generate an embedding for a given text using OpenRouter (OpenAI embedding proxy)
- */
-export async function generateEmbedding(text: string): Promise<number[]> {
-    const openRouterKey = process.env.OPENROUTER_API_KEY;
-    if (!openRouterKey) {
-        throw new Error('OPENROUTER_API_KEY is not set');
-    }
-
-    const response = await fetch('https://openrouter.ai/api/v1/embeddings', {
-        method: 'POST',
-        headers: {
-            'Authorization': `Bearer ${openRouterKey}`,
-            'Content-Type': 'application/json',
-            'HTTP-Referer': process.env.NEXT_PUBLIC_BASE_URL || 'https://klz-cables.com',
-            'X-Title': 'KLZ Cables Search AI',
-        },
-        body: JSON.stringify({
-            model: 'openai/text-embedding-3-small',
-            input: text,
-        }),
-    });
-
-    if (!response.ok) {
-        const errorBody = await response.text();
-        throw new Error(`Failed to generate embedding: ${response.status} ${response.statusText} ${errorBody}`);
-    }
-
-    const data = await response.json();
-    return data.data[0].embedding;
-}
-
-/**
- * Upsert a product into Qdrant
- */
-export async function upsertProductVector(id: string | number, text: string, payload: Record<string, any>) {
-    try {
-        await ensureCollection();
-        const vector = await generateEmbedding(text);
-
-        await qdrant.upsert(COLLECTION_NAME, {
-            wait: true,
-            points: [
-                {
-                    id: id,
-                    vector,
-                    payload,
-                }
-            ]
-        });
-    } catch (error) {
-        console.error('Error writing to Qdrant:', error);
-    }
-}
-
-/**
- * Delete a product from Qdrant
- */
-export async function deleteProductVector(id: string | number) {
-    try {
-        await ensureCollection();
-        await qdrant.delete(COLLECTION_NAME, {
-            wait: true,
-            points: [id] as [string | number],
-        });
-    } catch (error) {
-        console.error('Error deleting from Qdrant:', error);
-    }
-}
-
-/**
- * Search products in Qdrant
- */
-export async function searchProducts(query: string, limit = 5) {
-    try {
-        await ensureCollection();
-        const vector = await generateEmbedding(query);
-
-        const results = await qdrant.search(COLLECTION_NAME, {
-            vector,
-            limit,
-            with_payload: true,
-        });
-
-        return results;
-    } catch (error) {
-        console.error('Error searching in Qdrant:', error);
-        return [];
-    }
-}
--- a/src/lib/redis.ts
+++ b/src/lib/redis.ts
@@ -1,16 +0,0 @@
-import Redis from 'ioredis';
-
-const redisUrl = process.env.REDIS_URL || 'redis://klz-redis:6379';
-
-// Only create a single instance in Node.js
-const globalForRedis = global as unknown as { redis: Redis };
-
-export const redis = globalForRedis.redis || new Redis(redisUrl, {
-    maxRetriesPerRequest: 3,
-});
-
-if (process.env.NODE_ENV !== 'production') {
-    globalForRedis.redis = redis;
-}
-
-export default redis;
--- a/src/payload/blocks/Email.ts
+++ b/src/payload/blocks/Email.ts
@@ -0,0 +1,25 @@
+import { Block } from 'payload';
+
+export const Email: Block = {
+  slug: 'email',
+  interfaceName: 'EmailBlock',
+  labels: {
+    singular: 'Email (Inline)',
+    plural: 'Emails (Inline)',
+  },
+  fields: [
+    {
+      name: 'email',
+      type: 'text',
+      required: true,
+    },
+    {
+      name: 'label',
+      type: 'text',
+      required: false,
+      admin: {
+        placeholder: 'Optional: Custom link text',
+      },
+    },
+  ],
+};
--- a/src/payload/blocks/Phone.ts
+++ b/src/payload/blocks/Phone.ts
@@ -0,0 +1,28 @@
+import { Block } from 'payload';
+
+export const Phone: Block = {
+  slug: 'phone',
+  interfaceName: 'PhoneBlock',
+  labels: {
+    singular: 'Phone (Inline)',
+    plural: 'Phones (Inline)',
+  },
+  fields: [
+    {
+      name: 'phone',
+      type: 'text',
+      required: true,
+      admin: {
+        placeholder: '+49 123 456 789',
+      },
+    },
+    {
+      name: 'label',
+      type: 'text',
+      required: false,
+      admin: {
+        placeholder: 'Optional: Custom link text',
+      },
+    },
+  ],
+};
--- a/src/payload/blocks/allBlocks.ts
+++ b/src/payload/blocks/allBlocks.ts
@@ -1,4 +1,6 @@
 import { AnimatedImage } from './AnimatedImage';
+import { Email } from './Email';
+import { Phone } from './Phone';
 import { Callout } from './Callout';
 import { CategoryGrid } from './CategoryGrid';
 import { ChatBubble } from './ChatBubble';
@@ -21,6 +23,8 @@ import { homeBlocksArray } from './HomeBlocks';
 export const payloadBlocks = [
  ...homeBlocksArray,
  AnimatedImage,
+  Email,
+  Phone,
  Callout,
  CategoryGrid,
  ChatBubble,
--- a/src/payload/collections/Products.ts
+++ b/src/payload/collections/Products.ts
@@ -37,51 +37,6 @@ export const Products: CollectionConfig = {
      };
    },
  },
-  hooks: {
-    afterChange: [
-      async ({ doc, req, operation }) => {
-        // Run index sync asynchronously to not block the CMS save operation
-        setTimeout(async () => {
-          try {
-            const { upsertProductVector, deleteProductVector } = await import('../../lib/qdrant');
-
-            // Check if product is published
-            if (doc._status !== 'published') {
-              await deleteProductVector(doc.id);
-              req.payload.logger.info(`Removed drafted product ${doc.sku} from Qdrant`);
-            } else {
-              // Serialize payload
-              const contentText = `${doc.title} - SKU: ${doc.sku}\n${doc.description || ''}`;
-              const payload = {
-                id: doc.id,
-                title: doc.title,
-                sku: doc.sku,
-                slug: doc.slug,
-                description: doc.description,
-                featuredImage: doc.featuredImage, // usually just ID or URL depending on depth
-              };
-              await upsertProductVector(doc.id, contentText, payload);
-              req.payload.logger.info(`Upserted product ${doc.sku} to Qdrant`);
-            }
-          } catch (error) {
-            req.payload.logger.error({ msg: 'Error syncing product to Qdrant', err: error, productId: doc.id });
-          }
-        }, 0);
-        return doc;
-      },
-    ],
-    afterDelete: [
-      async ({ id, req }) => {
-        try {
-          const { deleteProductVector } = await import('../../lib/qdrant');
-          await deleteProductVector(id as string | number);
-          req.payload.logger.info(`Deleted product ${id} from Qdrant`);
-        } catch (error) {
-          req.payload.logger.error({ msg: 'Error deleting product from Qdrant', err: error, productId: id });
-        }
-      },
-    ],
-  },
  fields: [
    {
      name: 'title',
--- a/tests/og-image.test.ts
+++ b/tests/og-image.test.ts
@@ -1,6 +1,7 @@
 import { describe, it, expect, beforeAll } from 'vitest';

-const BASE_URL = process.env.TEST_URL || process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
+const BASE_URL =
+  process.env.TEST_URL || process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';

 describe('OG Image Generation', () => {
  const locales = ['de', 'en'];
@@ -18,7 +19,9 @@ describe('OG Image Generation', () => {
          return;
        }
      }
-      console.log(`\n⚠️  KLZ Application not detected at ${BASE_URL}. Skipping integration tests.\n`);
+      console.log(
+        `\n⚠️  KLZ Application not detected at ${BASE_URL}. Skipping integration tests.\n`,
+      );
    } catch (e) {
      isServerUp = false;
    }
@@ -34,7 +37,7 @@ describe('OG Image Generation', () => {
    // Check for PNG signature: 89 50 4E 47 0D 0A 1A 0A
    expect(bytes[0]).toBe(0x89);
    expect(bytes[1]).toBe(0x50);
-    expect(bytes[2]).toBe(0x4E);
+    expect(bytes[2]).toBe(0x4e);
    expect(bytes[3]).toBe(0x47);

    // Check that the image is not empty and has a reasonable size
@@ -49,7 +52,9 @@ describe('OG Image Generation', () => {
      await verifyImageResponse(response);
    }, 30000);

-    it(`should generate product OG image for ${locale} with slug ${productSlugs[0]}`, async ({ skip }) => {
+    it(`should generate product OG image for ${locale} with slug ${productSlugs[0]}`, async ({
+      skip,
+    }) => {
      if (!isServerUp) skip();
      const url = `${BASE_URL}/${locale}/api/og/product?slug=${productSlugs[0]}`;
      const response = await fetch(url);
@@ -64,11 +69,38 @@ describe('OG Image Generation', () => {
    }, 30000);
  });

-  it('should generate blog OG image', async ({ skip }) => {
+  it('should generate static blog overview OG image', async ({ skip }) => {
    if (!isServerUp) skip();
    const url = `${BASE_URL}/de/blog/opengraph-image`;
    const response = await fetch(url);
    await verifyImageResponse(response);
  }, 30000);
-});

+  it('should generate dynamic blog post OG image with featured photo', async ({ skip }) => {
+    if (!isServerUp) skip();
+
+    // Discover a real blog slug from the sitemap
+    const sitemapRes = await fetch(`${BASE_URL}/sitemap.xml`);
+    const sitemapXml = await sitemapRes.text();
+    const blogMatch = sitemapXml.match(/<loc>[^<]*\/de\/blog\/([^<]+)<\/loc>/);
+    const slug = blogMatch ? blogMatch[1] : null;
+
+    if (!slug) {
+      console.log('⚠️  No blog post found in sitemap, skipping dynamic OG test');
+      skip();
+      return;
+    }
+
+    const url = `${BASE_URL}/de/blog/${slug}/opengraph-image`;
+    const response = await fetch(url);
+    await verifyImageResponse(response);
+
+    // Verify the image is substantially large (>50KB) to confirm it actually
+    // contains the featured photo and isn't just a tiny fallback/text-only image
+    const buffer = await response.clone().arrayBuffer();
+    expect(
+      buffer.byteLength,
+      `OG image for "${slug}" is suspiciously small (${buffer.byteLength} bytes) — likely missing featured photo`,
+    ).toBeGreaterThan(50000);
+  }, 30000);
+});
Author	SHA1	Message	Date
Marc Mintel	57b6963efe	chore: release v2.2.12 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 9s Details Build & Deploy / 🧪 QA (push) Successful in 2m44s Details Build & Deploy / 🏗️ Build (push) Successful in 4m54s Details Build & Deploy / 🚀 Deploy (push) Successful in 15s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m41s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-03-02 10:23:08 +01:00
Marc Mintel	1a136540d0	feat: implement email and phone obfuscation with Payload inline blocks Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 7s Details Build & Deploy / 🧪 QA (push) Has started running Details Build & Deploy / 🏗️ Build (push) Has been cancelled Details Build & Deploy / 🚀 Deploy (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details	2026-03-02 10:22:52 +01:00
Marc Mintel	92bc88dfbd	style: design refinements — reduce title/heading sizes, remove Scribble decorations, add image quality Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 12s Details Build & Deploy / 🧪 QA (push) Successful in 3m19s Details Build & Deploy / 🏗️ Build (push) Successful in 5m26s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m4s Details Build & Deploy / 🚀 Deploy (push) Successful in 25s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details Nightly QA / call-qa-workflow (push) Failing after 43s Details - Hero title: text-7xl → text-5xl, removed text-shadow - Removed all Scribble decorative strokes from Hero, VideoSection, products page - PayloadRichText headings reduced by one size step - Team page: harmonized Michael/Klaus heading sizes (both text-4xl) - Product overview: removed min-height from hero, reduced CTA heading - Added quality={100} to team photos, Experience and MeetTheTeam backgrounds - Cleaned up unused Scribble imports	2026-03-02 01:13:28 +01:00
Marc Mintel	fb3ec6e10a	fix(blog): preserve newlines in Lexical text nodes as <br> for proper list rendering Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 7s Details Build & Deploy / 🧪 QA (push) Successful in 2m28s Details Build & Deploy / 🏗️ Build (push) Successful in 6m15s Details Build & Deploy / 🚀 Deploy (push) Failing after 7s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 1s Details test(og): use real blog slug from sitemap instead of hardcoded hello-world chore(release): bump version to 2.2.10	2026-03-01 23:21:35 +01:00
Marc Mintel	acf642d7e6	fix(blog): prioritize original img url over small card size for sharp headers All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 6s Details Build & Deploy / 🧪 QA (push) Successful in 2m32s Details Build & Deploy / 🏗️ Build (push) Successful in 5m3s Details Build & Deploy / 🚀 Deploy (push) Successful in 16s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m10s Details Build & Deploy / 🔔 Notify (push) Successful in 1s Details chore(release): bump version to 2.2.9	2026-03-01 22:39:51 +01:00
Marc Mintel	d5da2a91c8	test: improve E2E form error logging All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 5s Details Build & Deploy / 🧪 QA (push) Successful in 2m9s Details Build & Deploy / 🏗️ Build (push) Successful in 3m18s Details Build & Deploy / 🚀 Deploy (push) Successful in 15s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m18s Details Build & Deploy / 🔔 Notify (push) Successful in 1s Details	2026-03-01 17:45:41 +01:00
Marc Mintel	ebe664f984	fix(qa): resolve testing gatekeeper auth & htmlWYSIWYG errors Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 7s Details Build & Deploy / 🧪 QA (push) Successful in 2m18s Details Build & Deploy / 🏗️ Build (push) Successful in 3m53s Details Build & Deploy / 🚀 Deploy (push) Successful in 24s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 5m1s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-03-01 16:32:58 +01:00
Marc Mintel	9c7324ee92	fix(blog): restore image optimization but force quality 100 for fidelity All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 7s Details Build & Deploy / 🧪 QA (push) Successful in 3m0s Details Build & Deploy / 🏗️ Build (push) Successful in 5m53s Details Build & Deploy / 🚀 Deploy (push) Successful in 19s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 6m47s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details chore(release): bump version to 2.2.8	2026-03-01 16:13:05 +01:00
Marc Mintel	0c8d9ea669	fix(e2e): await hydration before form submits, skip cleanup on 403 Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 6s Details Build & Deploy / 🧪 QA (push) Successful in 2m27s Details Build & Deploy / 🏗️ Build (push) Successful in 4m49s Details Build & Deploy / 🚀 Deploy (push) Successful in 14s Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details fix(blog): bypass image optimization for post feature image chore(release): bump version to 2.2.7	2026-03-01 16:03:23 +01:00
Marc Mintel	1bb0efc85b	fix(blog): restore TOC, list styling, and dynamic OG images Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 13s Details Build & Deploy / 🧪 QA (push) Successful in 2m51s Details Build & Deploy / 🏗️ Build (push) Successful in 5m32s Details Build & Deploy / 🚀 Deploy (push) Successful in 16s Details Build & Deploy / 🔔 Notify (push) Successful in 1s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 5m12s Details This commit reapplies fixes directly to main after reverting an accidental feature branch merge. chore(release): bump version to 2.2.6	2026-03-01 13:18:24 +01:00
Marc Mintel	4adf547265	chore(blog): improve image quality and fix list item alignment; fix(hero): refactor title rendering to resolve console error; bump version to 2.0.3 Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 8s Details Build & Deploy / 🏗️ Build (push) Has been cancelled Details Build & Deploy / 🚀 Deploy (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details Build & Deploy / 🧪 QA (push) Has been cancelled Details	2026-03-01 11:17:47 +01:00
Marc Mintel	ec227d614f	feat: implement Umami page speed tracking via Web Vitals Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 8s Details Build & Deploy / 🧪 QA (push) Successful in 2m25s Details Build & Deploy / 🏗️ Build (push) Successful in 3m59s Details Build & Deploy / 🚀 Deploy (push) Successful in 15s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 4m55s Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details Nightly QA / call-qa-workflow (push) Failing after 45s Details - Add WebVitalsTracker component using useReportWebVitals - Report LCP, CLS, FID, FCP, TTFB, and INP as Umami events - Include rating (good/needs-improvement/poor) for meaningful metrics	2026-02-28 19:35:06 +01:00
Marc Mintel	cb07b739b8	fix: glitchtip performance metrics + cleanup test submissions Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🏗️ Build (push) Has been cancelled Details Build & Deploy / 🚀 Deploy (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details Build & Deploy / 🧪 QA (push) Has been cancelled Details - Refactor GlitchtipErrorReportingService to support dynamic DSN and tracesSampleRate - Enable client-side performance tracing by setting tracesSampleRate: 0.1 - Configure production Mail variables and restart containers on alpha.mintel.me	2026-02-28 19:33:14 +01:00
Marc Mintel	55e9531698	fix: glitchtip errors (locale, email) + E2E submission cleanup Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 10s Details Build & Deploy / 🏗️ Build (push) Has been cancelled Details Build & Deploy / 🚀 Deploy (push) Has been cancelled Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled Details Build & Deploy / 🔔 Notify (push) Has been cancelled Details Build & Deploy / 🧪 QA (push) Has been cancelled Details - Add fallback 'de' locale to toLocaleDateString() to prevent RangeError - Skip sending emails for submissions from 'testing@mintel.me' - Update check-forms.ts to automatically delete test submissions via Payload API - (Manual) Configured MAIL_FROM and MAIL_RECIPIENTS on alpha.mintel.me	2026-02-28 19:31:36 +01:00
Marc Mintel	089ce13c59	fix: mobile nav close button + CI Gatekeeper auth All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 6s Details Build & Deploy / 🧪 QA (push) Successful in 2m25s Details Build & Deploy / 🏗️ Build (push) Successful in 4m56s Details Build & Deploy / 🚀 Deploy (push) Successful in 15s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m3s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details - Add explicit close (×) button inside mobile nav overlay - Was unreachable because header's hamburger was behind overlay z-index - New button lives inside the overlay at full z-index visibility - Fix check-forms.ts: authenticate via Gatekeeper login form - Old approach: inject raw password as session cookie (didn't work) - New approach: navigate to protected page, detect Gatekeeper gate, fill password form and submit to get a real server-signed session cookie - Fixes E2E form tests that failed because pages returned Gatekeeper HTML	2026-02-28 19:25:53 +01:00
Marc Mintel	a2cf9791ae	fix: optimize footer layout for mobile Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 7s Details Build & Deploy / 🧪 QA (push) Successful in 2m8s Details Build & Deploy / 🏗️ Build (push) Successful in 4m5s Details Build & Deploy / 🚀 Deploy (push) Successful in 17s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 4m16s Details Build & Deploy / 🔔 Notify (push) Successful in 4s Details - Switch to grid-cols-2 on mobile (was grid-cols-1) - Brand column: col-span-2 (full width on mobile) - Legal + Company columns: col-span-1 each (side-by-side on mobile) - Recent Posts column: col-span-2 (full width on mobile) - Reduce footer padding: py-14 md:py-24 (was py-24) - Tighten grid gap: gap-10 md:gap-16 (was gap-16) - Bottom bar: flex-row always so copyright + language on one line	2026-02-28 10:53:00 +01:00
Marc Mintel	aa4e3aab4f	fix: product texts, mobile nav background, mobile product page layout All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 6s Details Build & Deploy / 🧪 QA (push) Successful in 2m20s Details Build & Deploy / 🏗️ Build (push) Successful in 4m22s Details Build & Deploy / 🚀 Deploy (push) Successful in 23s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 5m16s Details Build & Deploy / 🔔 Notify (push) Successful in 1s Details - Fix PayloadRichText: migrate custom JSX converters to Lexical v3 nodesToJSX API - paragraph, heading, list, listitem, quote, link converters now use nodesToJSX - Resolves missing product texts since PayloadCMS migration - Fix mobile navigation: move overlay outside <header> to prevent fixed-position clipping - Header transform/backdrop-filter was containing the fixed overlay - Use bg-primary/95 backdrop-blur-3xl for premium blue background - Fix product image mobile layout: use md:-mt-32 responsive prefix - Negative margin only applies on md+ to avoid overlap on mobile - Improve mobile product page UX: - Breadcrumbs: flex-wrap, truncate, reduced separator spacing - Hero: reduced top padding pt-28 on mobile - Product image card: 4/3 aspect ratio and smaller padding on mobile - Section spacing: use responsive md: prefixes throughout - Data tables: 2-col grid on mobile, smaller card padding/radius - Tables: add right-edge scroll hint gradient on mobile	2026-02-28 10:51:58 +01:00
Marc Mintel	ce719a1d70	chore(deps): inject missing gitea checksums for @mintel/next-config and @mintel/tsconfig Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 6s Details Build & Deploy / 🧪 QA (push) Successful in 2m22s Details Build & Deploy / 🏗️ Build (push) Successful in 3m26s Details Build & Deploy / 🚀 Deploy (push) Successful in 15s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 6m48s Details Build & Deploy / 🔔 Notify (push) Successful in 1s Details Nightly QA / call-qa-workflow (push) Failing after 47s Details	2026-02-27 18:58:57 +01:00
Marc Mintel	bd2f92125b	chore(deps): inject correct gitea checksums for @mintel packages Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 11s Details Build & Deploy / 🧪 QA (push) Failing after 2m4s 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-02-27 18:54:23 +01:00