Merge main into feature/ai-search and resolve conflicts

chore: remove env
feat: ai search
2026-02-27 18:45:34 +01:00 · 2026-02-26 11:27:39 +01:00 · 2026-02-26 03:10:15 +01:00
71 changed files with 3254 additions and 3726 deletions
--- a/.env
+++ b/.env
@@ -1,38 +0,0 @@
-# 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,6 +261,12 @@ 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
@@ -319,6 +325,12 @@ 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"
@@ -576,11 +588,6 @@ jobs:
          Deploy: $DEPLOY | Smoke: $SMOKE | Perf: $PERF
          $URL"

-          if [[ -z "${{ secrets.GOTIFY_URL }}" || -z "${{ secrets.GOTIFY_TOKEN }}" ]]; then
-            echo "⚠️ Gotify credentials missing, skipping notification."
-            exit 0
-          fi
-
          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
            -F "title=$TITLE" \
            -F "message=$MESSAGE" \
--- a/.gitea/workflows/qa.yml
+++ b/.gitea/workflows/qa.yml
@@ -5,232 +5,13 @@ on:
    - cron: '0 3 * * *'
  workflow_dispatch:

-env:
-  TARGET_URL: 'https://testing.klz-cables.com'
-  PROJECT_NAME: 'klz-2026'
-
 jobs:
-  # ────────────────────────────────────────────────────
-  # 1. Static Checks (HTML, Assets, HTTP)
-  # ────────────────────────────────────────────────────
-  static:
-    name: 🔍 Static Analysis
-    runs-on: docker
-    container:
-      image: catthehacker/ubuntu:act-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v3
-        with:
-          version: 10
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-      - name: 🔐 Registry Auth
-        run: |
-          echo "@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm" > .npmrc
-          echo "//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${{ secrets.NPM_TOKEN }}" >> .npmrc
-      - name: 📦 Cache node_modules
-        uses: actions/cache@v4
-        id: cache-deps
-        with:
-          path: node_modules
-          key: pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-      - name: Install
-        if: steps.cache-deps.outputs.cache-hit != 'true'
-        run: |
-          pnpm store prune
-          pnpm install --no-frozen-lockfile
-      - name: 🌐 Install Chrome & Dependencies
-        run: |
-          apt-get update && apt-get install -y libnss3 libnspr4 libatk1.0-0 libatk-bridge2.0-0 libcups2 libdrm2 libxkbcommon0 libxcomposite1 libxdamage1 libxext6 libxfixes3 libxrandr2 libgbm1 libasound2t64 libpango-1.0-0 libcairo2
-          npx puppeteer browsers install chrome
-      - name: 🌐 HTML Validation
-        env:
-          NEXT_PUBLIC_BASE_URL: ${{ env.TARGET_URL }}
-          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
-        run: pnpm run check:html
-      - name: 🖼️ Broken Assets
-        env:
-          NEXT_PUBLIC_BASE_URL: ${{ env.TARGET_URL }}
-          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
-          ASSET_CHECK_LIMIT: 10
-        run: pnpm run check:assets
-      - name: 🔒 HTTP Headers
-        env:
-          NEXT_PUBLIC_BASE_URL: ${{ env.TARGET_URL }}
-          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
-        run: pnpm run check:http
-
-  # ────────────────────────────────────────────────────
-  # 2. Accessibility (WCAG)
-  # ────────────────────────────────────────────────────
-  a11y:
-    name: ♿ Accessibility
-    runs-on: docker
-    container:
-      image: catthehacker/ubuntu:act-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v3
-        with:
-          version: 10
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-      - name: 🔐 Registry Auth
-        run: |
-          echo "@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm" > .npmrc
-          echo "//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${{ secrets.NPM_TOKEN }}" >> .npmrc
-      - name: 📦 Cache node_modules
-        uses: actions/cache@v4
-        id: cache-deps
-        with:
-          path: node_modules
-          key: pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-      - name: Install
-        if: steps.cache-deps.outputs.cache-hit != 'true'
-        run: |
-          pnpm store prune
-          pnpm install --no-frozen-lockfile
-      - name: 🌐 Install Chrome & Dependencies
-        run: |
-          apt-get update && apt-get install -y libnss3 libnspr4 libatk1.0-0 libatk-bridge2.0-0 libcups2 libdrm2 libxkbcommon0 libxcomposite1 libxdamage1 libxext6 libxfixes3 libxrandr2 libgbm1 libasound2t64 libpango-1.0-0 libcairo2
-          npx puppeteer browsers install chrome
-      - name: ♿ WCAG Scan
-        continue-on-error: true
-        env:
-          NEXT_PUBLIC_BASE_URL: ${{ env.TARGET_URL }}
-          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
-        run: pnpm run check:wcag
-
-  # ────────────────────────────────────────────────────
-  # 3. Performance (Lighthouse)
-  # ────────────────────────────────────────────────────
-  lighthouse:
-    name: 🎭 Lighthouse
-    runs-on: docker
-    container:
-      image: catthehacker/ubuntu:act-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v3
-        with:
-          version: 10
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-      - name: 🔐 Registry Auth
-        run: |
-          echo "@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm" > .npmrc
-          echo "//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${{ secrets.NPM_TOKEN }}" >> .npmrc
-      - name: 📦 Cache node_modules
-        uses: actions/cache@v4
-        id: cache-deps
-        with:
-          path: node_modules
-          key: pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-      - name: Install
-        if: steps.cache-deps.outputs.cache-hit != 'true'
-        run: |
-          pnpm store prune
-          pnpm install --no-frozen-lockfile
-      - name: 🌐 Install Chrome & Dependencies
-        run: |
-          apt-get update && apt-get install -y libnss3 libnspr4 libatk1.0-0 libatk-bridge2.0-0 libcups2 libdrm2 libxkbcommon0 libxcomposite1 libxdamage1 libxext6 libxfixes3 libxrandr2 libgbm1 libasound2t64 libpango-1.0-0 libcairo2
-          npx puppeteer browsers install chrome
-      - name: 🎭 Desktop
-        env:
-          NEXT_PUBLIC_BASE_URL: ${{ env.TARGET_URL }}
-          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
-          PAGESPEED_LIMIT: 5
-        run: pnpm run pagespeed:test -- --collect.settings.preset=desktop
-      - name: 📱 Mobile
-        env:
-          NEXT_PUBLIC_BASE_URL: ${{ env.TARGET_URL }}
-          GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD }}
-          PAGESPEED_LIMIT: 5
-        run: pnpm run pagespeed:test -- --collect.settings.preset=mobile
-
-  # ────────────────────────────────────────────────────
-  # 4. Link Check & Dependency Audit
-  # ────────────────────────────────────────────────────
-  links:
-    name: 🔗 Links & Deps
-    runs-on: docker
-    container:
-      image: catthehacker/ubuntu:act-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v3
-        with:
-          version: 10
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-      - name: 🔐 Registry Auth
-        run: |
-          echo "@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm" > .npmrc
-          echo "//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${{ secrets.NPM_TOKEN }}" >> .npmrc
-      - name: 📦 Cache node_modules
-        uses: actions/cache@v4
-        id: cache-deps
-        with:
-          path: node_modules
-          key: pnpm-${{ hashFiles('pnpm-lock.yaml') }}
-      - name: Install
-        if: steps.cache-deps.outputs.cache-hit != 'true'
-        run: |
-          pnpm store prune
-          pnpm install --no-frozen-lockfile
-      - name: 📦 Depcheck
-        continue-on-error: true
-        run: pnpm dlx depcheck --ignores="*eslint*,*typescript*,*tailwindcss*,*postcss*,*prettier*,*@types/*,*husky*,*lint-staged*,*@next/*,*@lhci/*,*commitlint*,*cspell*,*rimraf*,*@payloadcms/*,*start-server-and-test*,*html-validate*,*critters*,*dotenv*,*turbo*" || true
-      - name: 🔗 Lychee Link Check
-        uses: lycheeverse/lychee-action@v2
-        with:
-          args: --accept 200,204,429 --timeout 15 --insecure --exclude "file://*" --exclude "https://logs.infra.***.me/*" --exclude "https://git.infra.***.me/*" --exclude "https://umami.is/docs/best-practices" --exclude "https://***/*" .
-          fail: true
-
-  # ────────────────────────────────────────────────────
-  # 5. Notification
-  # ────────────────────────────────────────────────────
-  notify:
-    name: 🔔 Notify
-    needs: [static, a11y, lighthouse, links]
-    if: always()
-    runs-on: docker
-    container:
-      image: catthehacker/ubuntu:act-latest
-    steps:
-      - name: 🔔 Gotify
-        shell: bash
-        run: |
-          STATIC="${{ needs.static.result }}"
-          A11Y="${{ needs.a11y.result }}"
-          LIGHTHOUSE="${{ needs.lighthouse.result }}"
-          LINKS="${{ needs.links.result }}"
-
-          if [[ "$STATIC" != "success" || "$LIGHTHOUSE" != "success" ]]; then
-            PRIORITY=8
-            EMOJI="🚨"
-            STATUS="Failed"
-          else
-            PRIORITY=2
-            EMOJI="✅"
-            STATUS="Passed"
-          fi
-
-          TITLE="$EMOJI ${{ env.PROJECT_NAME }} QA $STATUS"
-          MESSAGE="Static: $STATIC | A11y: $A11Y | Lighthouse: $LIGHTHOUSE | Links: $LINKS
-          ${{ env.TARGET_URL }}"
-
-          if [[ -z "${{ secrets.GOTIFY_URL }}" || -z "${{ secrets.GOTIFY_TOKEN }}" ]]; then
-            echo "⚠️ Gotify credentials missing, skipping notification."
-            exit 0
-          fi
-
-          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-            -F "title=$TITLE" \
-            -F "message=$MESSAGE" \
-            -F "priority=$PRIORITY" || true
+  call-qa-workflow:
+    uses: mmintel/at-mintel/.gitea/workflows/quality-assurance-template.yml@main
+    with:
+      TARGET_URL: 'https://testing.klz-cables.com'
+      PROJECT_NAME: 'klz-2026'
+    secrets:
+      GOTIFY_URL: ${{ secrets.GOTIFY_URL }}
+      GOTIFY_TOKEN: ${{ secrets.GOTIFY_TOKEN }}
+      GATEKEEPER_PASSWORD: ${{ secrets.GATEKEEPER_PASSWORD || 'klz2026' }}
--- a/.gitignore
+++ b/.gitignore
@@ -28,3 +28,5 @@ html-errors*.json
 reference/
 # Database backups
 backups/
+
+.env
--- a/.htmlvalidate.json
+++ b/.htmlvalidate.json
@@ -17,10 +17,6 @@
    "valid-id": "off",
    "element-required-attributes": "off",
    "attribute-empty-style": "off",
-    "element-permitted-content": "off",
-    "element-required-content": "off",
-    "element-permitted-parent": "off",
-    "no-implicit-close": "off",
-    "close-order": "off"
+    "element-permitted-content": "off"
  }
 }
--- a/.npmrc
+++ b/.npmrc
@@ -1,2 +1,2 @@
-@mintel:registry=https://git.infra.mintel.me/api/packages/mmintel/npm/
-//git.infra.mintel.me/api/packages/mmintel/npm/:_authToken=${NPM_TOKEN}
+@mintel:registry=https://npm.infra.mintel.me/
+//npm.infra.mintel.me/:_authToken=${NPM_TOKEN}
--- a/17
+++ b/17
@@ -1,9 +1,5 @@
 # Stage 1: Builder
-FROM node:20-alpine AS base
-RUN apk add --no-cache libc6-compat curl
-
-# Enable pnpm
-RUN corepack enable && corepack prepare pnpm@10.3.0 --activate
+FROM registry.infra.mintel.me/mintel/nextjs:v1.8.20 AS base
 WORKDIR /app

 # Arguments for build-time configuration
@@ -56,17 +52,12 @@ ENV UV_THREADPOOL_SIZE=3
 RUN pnpm build

 # Stage 2: Runner
-FROM node:20-alpine AS runner
+FROM registry.infra.mintel.me/mintel/runtime:v1.8.20 AS runner
 WORKDIR /app

-# Install curl for health checks
-RUN apk add --no-cache curl
-
 # Create nextjs user and group (standardized in runtime image but ensuring local ownership)
-RUN addgroup --system --gid 1001 nodejs && \
-    adduser --system --uid 1001 nextjs && \
-    chown -R nextjs:nodejs /app
-
+USER root
+RUN chown -R nextjs:nodejs /app
 USER nextjs

 ENV HOSTNAME="0.0.0.0"
--- a/app/[locale]/[slug]/page.tsx
+++ b/app/[locale]/[slug]/page.tsx
@@ -1,4 +1,4 @@
-import { notFound, redirect, permanentRedirect } from 'next/navigation';
+import { notFound, redirect } from 'next/navigation';
 import { Container, Badge, Heading } from '@/components/ui';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { Metadata } from 'next';
@@ -62,15 +62,6 @@ export default async function StandardPage({ params }: PageProps) {
    notFound();
  }

-  // Handle explicit CMS redirects (e.g. /en/terms -> /de/terms)
-  if (pageData.redirectUrl) {
-    if (pageData.redirectPermanent) {
-      permanentRedirect(pageData.redirectUrl);
-    } else {
-      redirect(pageData.redirectUrl);
-    }
-  }
-
  // Redirect if accessed via a different locale's slug
  const fileSlug = await mapSlugToFileSlug(pageData.slug || slug, locale);
  const correctSlug = await mapFileSlugToTranslated(fileSlug, locale);
--- a/app/[locale]/blog/[slug]/opengraph-image.tsx
+++ b/app/[locale]/blog/[slug]/opengraph-image.tsx
@@ -8,20 +8,6 @@ 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,
 }: {
@@ -46,19 +32,12 @@ 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={base64Image || featuredImage}
+      image={featuredImage}
    />,
    {
      ...OG_IMAGE_SIZE,
--- a/app/[locale]/blog/[slug]/page.tsx
+++ b/app/[locale]/blog/[slug]/page.tsx
@@ -1,19 +1,12 @@
 import { notFound, redirect } from 'next/navigation';
 import JsonLd from '@/components/JsonLd';
 import { SITE_URL } from '@/lib/schema';
-import {
-  getPostBySlug,
-  getAdjacentPosts,
-  getReadingTime,
-  extractLexicalHeadings,
-  getPostSlugs,
-} from '@/lib/blog';
+import { getPostBySlug, getAdjacentPosts, getReadingTime } 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';
@@ -34,21 +27,12 @@ export async function generateMetadata({ params }: BlogPostProps): Promise<Metad

  if (!post) return {};

-  const slugs = await getPostSlugs(slug, locale);
-  const deSlug = slugs?.de || post.slug;
-  const enSlug = slugs?.en || post.slug;
-
  const description = post.frontmatter.excerpt || '';
  return {
    title: post.frontmatter.title,
    description: description,
    alternates: {
      canonical: `${SITE_URL}/${locale}/blog/${post.slug}`,
-      languages: {
-        de: `${SITE_URL}/de/blog/${deSlug}`,
-        en: `${SITE_URL}/en/blog/${enSlug}`,
-        'x-default': `${SITE_URL}/en/blog/${enSlug}`,
-      },
    },
    openGraph: {
      title: `${post.frontmatter.title} | KLZ Cables`,
@@ -83,10 +67,6 @@ 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);

@@ -108,7 +88,6 @@ export default async function BlogPost({ params }: BlogPostProps) {
              alt={post.frontmatter.title}
              fill
              priority
-              quality={100}
              className="object-cover"
              sizes="100vw"
              style={{
@@ -134,7 +113,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 || 'de', {
+                    {new Date(post.frontmatter.date).toLocaleDateString(locale, {
                      year: 'numeric',
                      month: 'long',
                      day: 'numeric',
@@ -171,7 +150,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 || 'de', {
+                {new Date(post.frontmatter.date).toLocaleDateString(locale, {
                  year: 'numeric',
                  month: 'long',
                  day: 'numeric',
@@ -252,10 +231,10 @@ export default async function BlogPost({ params }: BlogPostProps) {
            </div>
          </div>

-          {/* Right Column: Sticky Sidebar - TOC */}
+          {/* Right Column: Sticky Sidebar - Temporarily Hidden without ToC */}
          <aside className="sticky-narrative-sidebar hidden lg:block">
-            <div className="space-y-12 lg:sticky lg:top-32">
-              <TableOfContents headings={headings} locale={locale} />
+            <div className="space-y-12">
+              {/* Future Payload Table of Contents Implementation */}
            </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 || 'de', {
+                          {new Date(post.frontmatter.date).toLocaleDateString(locale, {
                            year: 'numeric',
                            month: 'long',
                            day: 'numeric',
--- a/app/[locale]/contact/page.tsx
+++ b/app/[locale]/contact/page.tsx
@@ -8,7 +8,6 @@ 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<{
@@ -205,10 +204,12 @@ 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>
-                      <ObfuscatedEmail
-                        email="info@klz-cables.com"
+                      <a
+                        href="mailto: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]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -35,6 +35,13 @@ export async function generateMetadata(props: {
    },
    metadataBase: new URL(baseUrl),
    manifest: '/manifest.webmanifest',
+    alternates: {
+      canonical: `${baseUrl}/${locale}`,
+      languages: {
+        de: `${baseUrl}/de`,
+        en: `${baseUrl}/en`,
+      },
+    },
    icons: {
      icon: [
        { url: '/favicon.ico', sizes: 'any' },
@@ -125,7 +132,11 @@ export default async function Layout(props: {
  const feedbackEnabled = process.env.NEXT_PUBLIC_FEEDBACK_ENABLED === 'true';

  return (
-    <html lang={safeLocale} className={`overflow-x-hidden ${inter.variable}`}>
+    <html
+      lang={safeLocale}
+      className={`scroll-smooth overflow-x-hidden ${inter.variable}`}
+      data-scroll-behavior="smooth"
+    >
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
--- a/app/[locale]/products/[...slug]/page.tsx
+++ b/app/[locale]/products/[...slug]/page.tsx
@@ -322,8 +322,6 @@ export default async function ProductPage({ params }: ProductPageProps) {
    }
  }

-  console.log(`[DEBUG PAGE] Slug: ${productSlug}, children count: ${descriptionChildren.length}`);
-
  const descriptionContent = {
    root: {
      ...product.content.root,
@@ -355,31 +353,29 @@ export default async function ProductPage({ params }: ProductPageProps) {
        categories={product.frontmatter.categories}
        sku={product.frontmatter.sku}
      />
-      <section className="relative pt-28 md:pt-40 pb-12 md:pb-24 overflow-hidden bg-primary-dark">
+      <section className="relative pt-40 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 flex-wrap items-center gap-y-1 mb-6 md:mb-12 text-white/40 text-[10px] font-black uppercase tracking-[0.2em]">
+            <nav className="flex items-center mb-12 text-white/40 text-[10px] font-black uppercase tracking-[0.2em]">
              <Link
                href={`/${locale}/${productsSlug}`}
-                className="hover:text-accent transition-colors shrink-0"
+                className="hover:text-accent transition-colors"
              >
                {t.has('breadcrumb') ? t('breadcrumb') : 'Products'}
              </Link>
-              <span className="mx-2 md:mx-4 opacity-20">/</span>
+              <span className="mx-4 opacity-20">/</span>
              <Link
                href={`/${locale}/${productsSlug}/${categorySlug}`}
-                className="hover:text-accent transition-colors shrink-0 max-w-[140px] truncate"
+                className="hover:text-accent transition-colors"
              >
                {categoryTitle}
              </Link>
-              <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>
+              <span className="mx-4 opacity-20">/</span>
+              <span className="text-white/90">{product.frontmatter.title}</span>
            </nav>

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

-          <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-20">
+          <div className="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20">
            {/* Description Area Next to Sidebar */}
            <div className="lg:col-span-8">
-              <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">
+              <div className="max-w-none prose prose-primary prose-lg md:prose-xl mb-16 pb-16 border-b border-neutral-dark/5">
                {descriptionChildren.length > 0 ? (
                  <PayloadRichText data={descriptionContent} />
                ) : product.frontmatter.description ? (
@@ -468,12 +464,6 @@ 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>

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

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

          {/* Related Products Section */}
-          <div className="mt-10 md:mt-16 pt-10 md:pt-16 border-t border-neutral-dark/5">
+          <div className="mt-16 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,4 +1,5 @@
 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';
@@ -94,7 +95,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 flex items-center pt-32 pb-16 md:pt-40 md:pb-24 overflow-hidden bg-primary-dark">
+      <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">
        <Container className="relative z-10">
          <div className="max-w-4xl animate-slide-up">
            <Badge
@@ -105,7 +106,15 @@ 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="text-accent italic">{chunks}</span>,
+                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>
+                ),
              })}
            </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">
@@ -214,7 +223,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-4xl font-bold text-white mb-4 md:mb-8 tracking-tight">
+                  <h2 className="text-2xl md:text-5xl lg:text-6xl 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-2xl md:text-4xl">
+              <Heading level={2} className="text-white mb-6 md:mb-10 text-3xl md:text-5xl">
                <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-base md:text-xl font-bold italic leading-relaxed pl-5 md:pl-8 text-white/90">
+                <p className="text-lg md:text-2xl font-bold italic leading-relaxed pl-5 md:pl-8 text-white/90">
                  {t('michael.quote')}
                </p>
              </div>
@@ -156,7 +156,6 @@ 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" />
@@ -226,7 +225,6 @@ 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" />
@@ -237,12 +235,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-2xl md:text-4xl">
+              <Heading level={2} className="text-saturated mb-6 md:mb-10 text-3xl md:text-6xl">
                {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-base md:text-xl font-bold italic leading-relaxed pl-5 md:pl-8 text-text-secondary">
+                <p className="text-lg md:text-3xl 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,7 +72,6 @@ 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
@@ -85,30 +84,26 @@ export async function sendContactFormAction(formData: FormData) {
      }),
    );

-    if (!isTestSubmission) {
-      const notificationResult = await sendEmail({
-        replyTo: email,
-        subject: notificationSubject,
-        html: notificationHtml,
-      });
+    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,
-          subject: notificationSubject,
-          email,
-        });
-        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.info('Skipping notification email for test submission', { email });
+      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 },
+      );
    }

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

-    if (!isTestSubmission) {
-      const confirmationResult = await sendEmail({
-        to: email,
-        subject: confirmationSubject,
-        html: confirmationHtml,
-      });
+    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,
-          to: email,
-        });
-        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.info('Skipping confirmation email for test submission', { email });
+      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 },
+      );
    }

    // Notify via Gotify (Internal)
--- a/app/api/ai-search/route.ts
+++ b/app/api/ai-search/route.ts
@@ -0,0 +1,138 @@
+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/app/api/pages/[slug]/pdf/route.tsx
+++ b/app/api/pages/[slug]/pdf/route.tsx
@@ -1,64 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server';
-import { getPayload } from 'payload';
-import configPromise from '@payload-config';
-import { renderToStream } from '@react-pdf/renderer';
-import React from 'react';
-import { PDFPage } from '@/lib/pdf-page';
-
-export async function GET(req: NextRequest, { params }: { params: Promise<{ slug: string }> }) {
-  try {
-    const { slug } = await params;
-
-    // Get Payload App
-    const payload = await getPayload({ config: configPromise });
-
-    // Fetch the page
-    const pages = await payload.find({
-      collection: 'pages',
-      where: {
-        slug: { equals: slug },
-        _status: { equals: 'published' },
-      },
-      limit: 1,
-    });
-
-    if (pages.totalDocs === 0) {
-      return new NextResponse('Page not found', { status: 404 });
-    }
-
-    const page = pages.docs[0];
-
-    // Determine locale from searchParams or default to 'de'
-    const searchParams = req.nextUrl.searchParams;
-    const locale = (searchParams.get('locale') as 'en' | 'de') || 'de';
-
-    // Render the React-PDF document into a stream
-    const stream = await renderToStream(<PDFPage page={page} locale={locale} />);
-
-    // Pipe the Node.js Readable stream into a valid fetch/Web Response stream
-    const body = new ReadableStream({
-      start(controller) {
-        stream.on('data', (chunk) => controller.enqueue(chunk));
-        stream.on('end', () => controller.close());
-        stream.on('error', (err) => controller.error(err));
-      },
-      cancel() {
-        (stream as any).destroy?.();
-      },
-    });
-
-    const filename = `${slug}.pdf`;
-
-    return new NextResponse(body, {
-      status: 200,
-      headers: {
-        'Content-Type': 'application/pdf',
-        'Content-Disposition': `attachment; filename="${filename}"`,
-        // Cache control if needed, skip for now.
-      },
-    });
-  } catch (error) {
-    console.error('Error generating PDF:', error);
-    return new NextResponse('Internal Server Error', { status: 500 });
-  }
-}
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -3,6 +3,7 @@
 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';
@@ -15,14 +16,14 @@ export default function Footer() {
  const currentYear = new Date().getFullYear();

  return (
-    <footer className="bg-primary text-white py-14 md:py-24 relative overflow-hidden content-visibility-auto">
+    <footer className="bg-primary text-white 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-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">
+        <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">
            <Link
              href={`/${locale}`}
              className="inline-block group"
@@ -67,9 +68,9 @@ export default function Footer() {
            </div>
          </div>

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

-          {/* 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">
+          <div className="lg:col-span-2">
+            <h3 className="text-accent font-bold uppercase tracking-widest text-xs md:text-sm 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 – 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">
+          {/* 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">
              {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-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">
+        <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">
          <p>{t('copyright', { year: currentYear })}</p>
          <div className="flex gap-8">
            <Link
@@ -276,6 +276,48 @@ 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,6 +9,8 @@ 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');
@@ -16,6 +18,7 @@ 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
@@ -141,8 +144,7 @@ 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/90 backdrop-blur-md py-3 md:py-4 shadow-2xl':
-        !isHomePage || isScrolled || isMobileMenuOpen,
+      'bg-primary py-3 md:py-4 shadow-2xl': !isHomePage || isScrolled || isMobileMenuOpen,
    },
  );

@@ -153,7 +155,9 @@ 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={() =>
@@ -273,6 +277,19 @@ 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'}`}
@@ -335,138 +352,120 @@ export default function Header() {
            </button>
          </div>
        </div>
-      </header>

-      {/* 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) => (
+        {/* 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
-              key={item.href}
              className={cn(
-                'transition-all duration-500 transform',
+                '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 ? 200 + idx * 80 : 0}ms` }}
+              style={{ transitionDelay: isMobileMenuOpen ? '600ms' : '0ms' }}
            >
-              <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 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-px h-6 bg-white/30" />
-              <div>
-                <Link
-                  href={getPathForLocale('de')}
-                  className={`hover:text-accent transition-colors ${currentLocale === 'de' ? 'text-accent' : 'opacity-80'}`}
+
+              <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"
                >
-                  DE
-                </Link>
+                  {t('contact')}
+                </Button>
              </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>
+            {/* 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>
-          </div>
+          </nav>
+        </div>
+      </header>

-          {/* 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>
+      <AISearchResults
+        isOpen={isSearchOpen}
+        onClose={() => setIsSearchOpen(false)}
+      />
    </>
  );
 }
--- a/components/ObfuscatedEmail.tsx
+++ b/components/ObfuscatedEmail.tsx
@@ -1,38 +0,0 @@
-'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
@@ -1,41 +0,0 @@
-'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/PDFDownloadBlock.tsx
+++ b/components/PDFDownloadBlock.tsx
@@ -1,34 +0,0 @@
-'use client';
-
-import React from 'react';
-import { usePathname } from 'next/navigation';
-
-export const PDFDownloadBlock: React.FC<{ label: string; style: string }> = ({ label, style }) => {
-  const pathname = usePathname();
-
-  // Extract slug from pathname
-  const segments = pathname.split('/').filter(Boolean);
-  // Pathname is usually /[locale]/[slug] or /[locale]/products/[slug]
-  // We want the page slug.
-  const slug = segments[segments.length - 1] || 'home';
-
-  const href = `/api/pages/${slug}/pdf`;
-
-  return (
-    <div className="my-8">
-      <a
-        href={href}
-        className={`inline-flex items-center px-8 py-3.5 font-bold rounded-full transition-all duration-300 shadow-lg hover:shadow-xl group ${
-          style === 'primary'
-            ? 'bg-primary text-white hover:bg-primary-dark'
-            : style === 'secondary'
-              ? 'bg-accent text-primary-dark hover:bg-neutral-light'
-              : 'border-2 border-primary text-primary hover:bg-primary hover:text-white'
-        }`}
-      >
-        <span className="mr-3 transition-transform group-hover:scale-12 bit-bounce">📄</span>
-        {label}
-      </a>
-    </div>
-  );
-};
--- 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, Fragment } from 'react';
+import { Suspense } from 'react';

 // Import all custom React components that were previously mapped via Markdown
 import StickyNarrative from '@/components/blog/StickyNarrative';
@@ -24,8 +24,6 @@ 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';
@@ -37,180 +35,123 @@ import MeetTheTeam from '@/components/home/MeetTheTeam';
 import GallerySection from '@/components/home/GallerySection';
 import VideoSection from '@/components/home/VideoSection';
 import CTA from '@/components/home/CTA';
-import { PDFDownloadBlock } from '@/components/PDFDownloadBlock';
-
-/**
- * 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,
-  // Handle Lexical linebreak nodes (explicit shift+enter)
-  linebreak: () => <br />,
-  // Custom text converter: preserve \n inside text nodes as <br /> and obfuscate emails
+  // 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
  text: ({ node }: any) => {
-    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)}`);
-    }
-
-    // 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} />;
-        }
-        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} />;
+    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 part;
-            });
-          }
-        }
-        return item;
-      });
+              return <li key={i}>{cleanItem}</li>;
+            })}
+          </ul>
+        </div>
+      );
    }

-    // 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>
-        );
-      if (node.format & 32) content = <sub>{content}</sub>;
-      if (node.format & 64) content = <sup>{content}</sup>;
+    if (text && (text.includes('<') || text.includes('data-start'))) {
+      return <span dangerouslySetInnerHTML={{ __html: text }} />;
    }
-    return <>{content}</>;
+
+    // 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>);
+        }
+        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>,
+        );
+        lastIndex = match.index + match[0].length;
+      }
+      if (lastIndex < remaining.length) {
+        parts.push(<span key={key++}>{remaining.slice(lastIndex)}</span>);
+      }
+      return <>{parts}</>;
+    }
+
+    // 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>;
  },
  // Use div instead of p for paragraphs to allow nested block elements (like the lists above)
-  paragraph: ({ node, nodesToJSX }: any) => {
-    return (
-      <div className="mb-6 leading-relaxed text-text-secondary">
-        {nodesToJSX({ nodes: node.children })}
-      </div>
-    );
-  },
+  paragraph: ({ children }: any) => (
+    <div className="mb-6 leading-relaxed text-text-secondary">{children}</div>
+  ),
  // Scale headings to prevent multiple H1s (H1 -> H2, etc) and style natively
-  heading: ({ node, nodesToJSX }: any) => {
-    const children = nodesToJSX({ nodes: node.children });
+  heading: ({ node, children }: any) => {
    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
-          id={id}
-          className="text-2xl md:text-3xl font-bold mt-10 mb-5 text-text-primary scroll-mt-24"
-        >
-          {children}
-        </h2>
+        <h2 className="text-3xl md:text-4xl font-bold mt-12 mb-6 text-text-primary">{children}</h2>
      );
    if (tag === 'h2')
      return (
-        <h3
-          id={id}
-          className="text-xl md:text-2xl font-bold mt-8 mb-4 text-text-primary scroll-mt-24"
-        >
-          {children}
-        </h3>
+        <h3 className="text-2xl md:text-3xl font-bold mt-10 mb-5 text-text-primary">{children}</h3>
      );
    if (tag === 'h3')
      return (
-        <h4
-          id={id}
-          className="text-lg md:text-xl font-bold mt-6 mb-3 text-text-primary scroll-mt-24"
-        >
-          {children}
-        </h4>
+        <h4 className="text-xl md:text-2xl font-bold mt-8 mb-4 text-text-primary">{children}</h4>
      );
    if (tag === 'h4')
      return (
-        <h5
-          id={id}
-          className="text-lg md:text-xl font-bold mt-6 mb-4 text-text-primary scroll-mt-24"
-        >
-          {children}
-        </h5>
+        <h5 className="text-lg md:text-xl font-bold mt-6 mb-4 text-text-primary">{children}</h5>
      );
    if (tag === 'h5')
      return (
-        <h6
-          id={id}
-          className="text-base md:text-lg font-bold mt-6 mb-4 text-text-primary scroll-mt-24"
-        >
-          {children}
-        </h6>
+        <h6 className="text-base md:text-lg 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>
-    );
+    return <h6 className="text-base font-bold mt-6 mb-4 text-text-primary">{children}</h6>;
  },
-  list: ({ node, nodesToJSX }: any) => {
-    const children = nodesToJSX({ nodes: node.children });
+  list: ({ node, children }: any) => {
    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">
@@ -227,47 +168,31 @@ const jsxConverters: JSXConverters = {
      </ul>
    );
  },
-  listitem: ({ node, nodesToJSX }: any) => {
-    const children = nodesToJSX({ nodes: node.children });
+  listitem: ({ node, children }: any) => {
    if (node?.checked != null) {
      return (
-        <li className="flex items-start gap-3 mb-2 leading-relaxed">
+        <li className="flex items-center gap-3 mb-2 leading-relaxed">
          <input
            type="checkbox"
            checked={node.checked}
            readOnly
-            className="mt-1.5 w-4 h-4 text-primary focus:ring-primary border-gray-300 rounded shrink-0"
+            className="mt-1 w-4 h-4 text-primary focus:ring-primary border-gray-300 rounded"
          />
-          <div className="flex-1">{children}</div>
+          <span>{children}</span>
        </li>
      );
    }
-    return <li className="mb-2 leading-relaxed block">{children}</li>;
+    return <li className="mb-2 leading-relaxed">{children}</li>;
  },
-  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 });
+  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) => {
    // 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}
@@ -430,12 +355,6 @@ const jsxConverters: JSXConverters = {
        {node.fields.content && <RichText data={node.fields.content} converters={jsxConverters} />}
      </ProductTabs>
    ),
-    pdfDownload: ({ node }: any) => (
-      <PDFDownloadBlock label={node.fields.label} style={node.fields.style} />
-    ),
-    'block-pdfDownload': ({ node }: any) => (
-      <PDFDownloadBlock label={node.fields.label} style={node.fields.style} />
-    ),
    // ─── New Page Blocks ───────────────────────────────────────────
    heroSection: ({ node }: any) => {
      const f = node.fields;
@@ -1171,10 +1090,6 @@ 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-8 md:space-y-16">
+    <div className="space-y-16">
      {technicalItems.length > 0 && (
-        <div className="bg-white p-5 md:p-12 rounded-[20px] md:rounded-[32px] shadow-sm border border-neutral-dark/5">
+        <div className="bg-white p-8 md:p-12 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-2 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-6 md:gap-x-12 md:gap-y-8">
+          <dl className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-12 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-5 md:p-12 rounded-[20px] md:rounded-[32px] shadow-sm border border-neutral-dark/5 overflow-hidden"
+            className="bg-white p-8 md:p-12 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-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">
+              <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">
                {table.metaItems.map((item, mIdx) => (
                  <div key={mIdx}>
                    <dt className="text-[10px] font-black uppercase tracking-[0.2em] text-primary/40 mb-1">
@@ -98,11 +98,9 @@ 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-5 md:-mx-12 px-5 md:px-12 transition-all duration-500 ease-in-out ${
+                className={`overflow-x-auto -mx-8 md:-mx-12 px-8 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,9 +9,6 @@ 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);
@@ -37,7 +34,6 @@ export default function AnalyticsShell() {
    <Suspense fallback={null}>
      <DynamicAnalyticsProvider />
      <DynamicScrollDepthTracker />
-      <DynamicWebVitalsTracker />
    </Suspense>
  );
 }
--- a/components/analytics/WebVitalsTracker.tsx
+++ b/components/analytics/WebVitalsTracker.tsx
@@ -1,54 +0,0 @@
-'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,7 +15,6 @@ 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,10 +1,14 @@
 '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 }) {
@@ -12,87 +16,146 @@ 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-3xl sm:text-4xl md:text-5xl font-extrabold"
-            >
-              {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">
+    <>
+      <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"
+            >
+              <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"
+              />
              <Button
-                href="/contact"
+                type="submit"
                variant="accent"
                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',
-                  })
-                }
+                className="rounded-full px-8 py-3 shrink-0"
              >
-                {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')}
+                <Search className="w-5 h-5 mr-2 -ml-2" />
+                Suchen
              </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>
-        </div>
-      </Container>
+        </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>
-
-      <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 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>
-    </Section>
+
+        <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>
+      </Section>
+      <AISearchResults
+        isOpen={isSearchOpen}
+        onClose={() => setIsSearchOpen(false)}
+        initialQuery={searchQuery}
+        triggerSearch={true}
+      />
+    </>
  );
 }
--- a/components/home/MeetTheTeam.tsx
+++ b/components/home/MeetTheTeam.tsx
@@ -17,7 +17,6 @@ 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 || 'de', {
+                      {new Date(post.frontmatter.date).toLocaleDateString(locale, {
                        year: 'numeric',
                        month: 'short',
                        day: 'numeric',
--- a/components/home/VideoSection.tsx
+++ b/components/home/VideoSection.tsx
@@ -1,6 +1,7 @@
 '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 }) {
@@ -40,16 +41,18 @@ 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="italic text-accent">')
-                    .replace(/<\/future>/g, '</span>'),
-                }}
-              />
+              <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>') }} />
            ) : (
              t.rich('title', {
-                future: (chunks) => <span className="italic text-accent">{chunks}</span>,
+                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>
+                ),
              })
            )}
          </h2>
--- a/components/search/AISearchResults.tsx
+++ b/components/search/AISearchResults.tsx
@@ -0,0 +1,230 @@
+'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/config/lighthouserc.json
+++ b/config/lighthouserc.json
@@ -1,10 +1,15 @@
 {
  "ci": {
    "collect": {
-      "numberOfRuns": 1,
+      "numberOfRuns": 3,
      "settings": {
        "preset": "desktop",
-        "onlyCategories": ["performance", "accessibility", "best-practices", "seo"],
+        "onlyCategories": [
+          "performance",
+          "accessibility",
+          "best-practices",
+          "seo"
+        ],
        "chromeFlags": "--no-sandbox --disable-setuid-sandbox"
      }
    },
@@ -13,7 +18,7 @@
        "categories:performance": [
          "error",
          {
-            "minScore": 0.7
+            "minScore": 0.9
          }
        ],
        "categories:accessibility": [
@@ -49,4 +54,4 @@
      }
    }
  }
-}
+}
--- 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=8192"
+      NODE_OPTIONS: "--max-old-space-size=4096"
      UV_THREADPOOL_SIZE: "4"
      NPM_TOKEN: ${NPM_TOKEN:-}
      CI: "true"
@@ -75,6 +75,24 @@ 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
@@ -84,6 +102,8 @@ 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,6 +100,23 @@ 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
@@ -111,3 +128,5 @@ volumes:
    external: false
  klz_media_data:
    external: false
+  klz_qdrant_data:
+    external: false
--- 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.url || doc.featuredImage.sizes?.card?.url
+            ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
            : null,
        focalX:
          typeof doc.featuredImage === 'object' && doc.featuredImage !== null
@@ -136,60 +136,6 @@ export async function getPostBySlug(slug: string, locale: string): Promise<PostD
  }
 }

-export async function getPostSlugs(slug: string, locale: string): Promise<Record<string, string>> {
-  try {
-    const payload = await getPayload({ config: configPromise });
-
-    // First, find the post in the current locale to get its ID
-    let { docs } = await payload.find({
-      collection: 'posts',
-      where: {
-        slug: { equals: slug },
-        ...(!config.showDrafts ? { _status: { equals: 'published' } } : {}),
-      },
-      locale: locale as any,
-      draft: config.showDrafts,
-      limit: 1,
-    });
-
-    if (!docs || docs.length === 0) {
-      // Fallback: search across all locales
-      const { docs: crossLocaleDocs } = await payload.find({
-        collection: 'posts',
-        where: {
-          slug: { equals: slug },
-          ...(!config.showDrafts ? { _status: { equals: 'published' } } : {}),
-        },
-        locale: 'all',
-        draft: config.showDrafts,
-        limit: 1,
-      });
-      docs = crossLocaleDocs;
-    }
-
-    if (!docs || docs.length === 0) return {};
-
-    const postId = docs[0].id;
-
-    // Fetch the post with locale 'all' to get all localized fields
-    const { docs: allLocalesDocs } = await payload.find({
-      collection: 'posts',
-      where: {
-        id: { equals: postId },
-      },
-      locale: 'all',
-      draft: config.showDrafts,
-      limit: 1,
-    });
-
-    if (!allLocalesDocs || allLocalesDocs.length === 0) return {};
-    return (allLocalesDocs[0].slug as unknown as Record<string, string>) || {};
-  } catch (error) {
-    console.error(`[Payload] getPostSlugs failed for ${slug}:`, error);
-    return {};
-  }
-}
-
 export async function getAllPosts(locale: string): Promise<PostData[]> {
  try {
    const payload = await getPayload({ config: configPromise });
@@ -216,7 +162,7 @@ export async function getAllPosts(locale: string): Promise<PostData[]> {
          category: doc.category || '',
          featuredImage:
            typeof doc.featuredImage === 'object' && doc.featuredImage !== null
-              ? doc.featuredImage.url || doc.featuredImage.sizes?.card?.url
+              ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
              : null,
          focalX:
            typeof doc.featuredImage === 'object' && doc.featuredImage !== null
@@ -340,38 +286,3 @@ 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/og-helper.tsx
+++ b/lib/og-helper.tsx
@@ -11,21 +11,10 @@ export async function getOgFonts() {

  try {
    console.log(`[OG] Loading fonts: bold=${boldFontPath}, regular=${regularFontPath}`);
-    const boldFontBuffer = readFileSync(boldFontPath);
-    const regularFontBuffer = readFileSync(regularFontPath);
-
-    // Satori (Vercel OG) strictly requires an ArrayBuffer, not a Node Buffer view.
-    const boldFont = boldFontBuffer.buffer.slice(
-      boldFontBuffer.byteOffset,
-      boldFontBuffer.byteOffset + boldFontBuffer.byteLength,
-    );
-    const regularFont = regularFontBuffer.buffer.slice(
-      regularFontBuffer.byteOffset,
-      regularFontBuffer.byteOffset + regularFontBuffer.byteLength,
-    );
-
+    const boldFont = readFileSync(boldFontPath);
+    const regularFont = readFileSync(regularFontPath);
    console.log(
-      `[OG] Fonts loaded successfully (${boldFont.byteLength} and ${regularFont.byteLength} bytes)`,
+      `[OG] Fonts loaded successfully (${boldFont.length} and ${regularFont.length} bytes)`,
    );

    return [
--- a/lib/pages.ts
+++ b/lib/pages.ts
@@ -15,8 +15,6 @@ export interface PageFrontmatter {

 export interface PageData {
  slug: string;
-  redirectUrl?: string;
-  redirectPermanent?: boolean;
  frontmatter: PageFrontmatter;
  content: any; // Lexical AST Document
 }
@@ -98,8 +96,6 @@ export async function getPageBySlug(slug: string, locale: string): Promise<PageD

      return {
        slug: doc.slug,
-        redirectUrl: doc.redirectUrl,
-        redirectPermanent: doc.redirectPermanent ?? true,
        frontmatter: {
          title: doc.title,
          excerpt: doc.excerpt || '',
--- a/lib/pdf-datasheet.tsx
+++ b/lib/pdf-datasheet.tsx
@@ -1,8 +1,22 @@
 import * as React from 'react';
-import { Document, Page, View, Text, Image, StyleSheet, Font } from '@react-pdf/renderer';
+import {
+  Document,
+  Page,
+  View,
+  Text,
+  Image,
+  StyleSheet,
+  Font,
+} from '@react-pdf/renderer';

-// Standard fonts like Helvetica are built-in to PDF and don't require registration
-// unless we want to use specific TTF files. Using built-in Helvetica for maximum stability.
+// Register fonts (using system fonts for now, can be customized)
+Font.register({
+  family: 'Helvetica',
+  fonts: [
+    { src: '/fonts/Helvetica.ttf', fontWeight: 400 },
+    { src: '/fonts/Helvetica-Bold.ttf', fontWeight: 700 },
+  ],
+});

 // Industrial/technical/restrained design - STYLEGUIDE.md compliant
 const styles = StyleSheet.create({
@@ -288,7 +302,10 @@ const getLabels = (locale: 'en' | 'de') => {
  return labels[locale];
 };

-export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({ product, locale }) => {
+export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({
+  product,
+  locale,
+}) => {
  const labels = getLabels(locale);

  return (
@@ -300,7 +317,9 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({ product, locale }) =
            <View>
              <Text style={styles.logoText}>KLZ</Text>
            </View>
-            <Text style={styles.docTitle}>{labels.productDatasheet}</Text>
+            <Text style={styles.docTitle}>
+              {labels.productDatasheet}
+            </Text>
          </View>

          <View style={styles.productRow}>
@@ -309,8 +328,7 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({ product, locale }) =
                <View style={styles.categories}>
                  {product.categories.map((cat, index) => (
                    <Text key={index} style={styles.productMeta}>
-                      {cat.name}
-                      {index < product.categories.length - 1 ? ' • ' : ''}
+                      {cat.name}{index < product.categories.length - 1 ? ' • ' : ''}
                    </Text>
                  ))}
                </View>
@@ -319,8 +337,12 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({ product, locale }) =
            </View>
            <View style={styles.productImageCol}>
              {product.featuredImage ? (
-                <Image src={product.featuredImage} style={styles.heroImage} />
+                <Image
+                  src={product.featuredImage}
+                  style={styles.heroImage}
+                />
              ) : (
+
                <Text style={styles.noImage}>{labels.noImage}</Text>
              )}
            </View>
@@ -334,11 +356,7 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({ product, locale }) =
              <Text style={styles.sectionTitle}>{labels.description}</Text>
              <View style={styles.sectionAccent} />
              <Text style={styles.description}>
-                {stripHtml(
-                  product.applicationHtml ||
-                    product.shortDescriptionHtml ||
-                    product.descriptionHtml,
-                )}
+                {stripHtml(product.applicationHtml || product.shortDescriptionHtml || product.descriptionHtml)}
              </Text>
            </View>
          )}
@@ -354,14 +372,17 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({ product, locale }) =
                    key={index}
                    style={[
                      styles.specsTableRow,
-                      index === product.attributes.length - 1 && styles.specsTableRowLast,
+                      index === product.attributes.length - 1 &&
+                      styles.specsTableRowLast,
                    ]}
                  >
                    <View style={styles.specsTableLabelCell}>
                      <Text style={styles.specsTableLabelText}>{attr.name}</Text>
                    </View>
                    <View style={styles.specsTableValueCell}>
-                      <Text style={styles.specsTableValueText}>{attr.options.join(', ')}</Text>
+                      <Text style={styles.specsTableValueText}>
+                        {attr.options.join(', ')}
+                      </Text>
                    </View>
                  </View>
                ))}
--- a/lib/pdf-page.tsx
+++ b/lib/pdf-page.tsx
@@ -1,328 +0,0 @@
-import * as React from 'react';
-import { Document, Page, View, Text, StyleSheet, Font, Link } from '@react-pdf/renderer';
-
-// Standard fonts like Helvetica are built-in to PDF and don't require registration
-// unless we want to use specific TTF files. Using built-in Helvetica for maximum stability.
-
-// ─── Brand Tokens (matching datasheet) ──────────────────────────────────
-const C = {
-  navy: '#001a4d',
-  navyDeep: '#000d26',
-  accent: '#82ed20',
-  white: '#FFFFFF',
-  offWhite: '#f8f9fa',
-  gray100: '#f3f4f6',
-  gray200: '#e5e7eb',
-  gray300: '#d1d5db',
-  gray400: '#9ca3af',
-  gray600: '#4b5563',
-  gray900: '#111827',
-};
-
-const MARGIN = 72;
-
-const styles = StyleSheet.create({
-  page: {
-    color: C.gray900,
-    lineHeight: 1.5,
-    backgroundColor: C.white,
-    paddingTop: 0,
-    paddingBottom: 100,
-    fontFamily: 'Helvetica',
-  },
-
-  // Hero-style header
-  hero: {
-    backgroundColor: C.white,
-    paddingTop: 24,
-    paddingBottom: 20,
-    paddingHorizontal: MARGIN,
-    marginBottom: 20,
-    position: 'relative',
-    borderBottomWidth: 1,
-    borderBottomColor: C.gray200,
-  },
-
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 16,
-  },
-
-  logoText: {
-    fontSize: 24,
-    fontWeight: 700,
-    color: C.navyDeep,
-    letterSpacing: 1,
-    textTransform: 'uppercase',
-  },
-
-  docTitle: {
-    fontSize: 10,
-    fontWeight: 700,
-    color: C.navy,
-    letterSpacing: 2,
-    textTransform: 'uppercase',
-  },
-
-  productHero: {
-    marginTop: 0,
-  },
-
-  pageTitle: {
-    fontSize: 24,
-    fontWeight: 700,
-    color: C.navyDeep,
-    marginBottom: 0,
-    textTransform: 'uppercase',
-    letterSpacing: -0.5,
-  },
-
-  accentBar: {
-    width: 30,
-    height: 3,
-    backgroundColor: C.accent,
-    marginTop: 8,
-    borderRadius: 1.5,
-  },
-
-  // Content Area
-  content: {
-    paddingHorizontal: MARGIN,
-  },
-
-  // Lexical Elements
-  paragraph: {
-    fontSize: 10,
-    color: C.gray600,
-    lineHeight: 1.7,
-    marginBottom: 12,
-  },
-  heading1: {
-    fontSize: 16,
-    fontWeight: 700,
-    color: C.navyDeep,
-    marginTop: 20,
-    marginBottom: 10,
-    textTransform: 'uppercase',
-    letterSpacing: 0.5,
-  },
-  heading2: {
-    fontSize: 12,
-    fontWeight: 700,
-    color: C.navyDeep,
-    marginTop: 16,
-    marginBottom: 8,
-  },
-  heading3: {
-    fontSize: 10,
-    fontWeight: 700,
-    color: C.navyDeep,
-    marginTop: 12,
-    marginBottom: 6,
-  },
-  list: {
-    marginBottom: 12,
-    marginLeft: 8,
-  },
-  listItem: {
-    flexDirection: 'row',
-    marginBottom: 4,
-  },
-  listItemBullet: {
-    width: 12,
-    fontSize: 10,
-    color: C.accent,
-    fontWeight: 700,
-  },
-  listItemContent: {
-    flex: 1,
-    fontSize: 10,
-    color: C.gray600,
-    lineHeight: 1.7,
-  },
-  link: {
-    color: C.accent,
-    textDecoration: 'none',
-  },
-  textBold: {
-    fontWeight: 700,
-    fontFamily: 'Helvetica-Bold',
-    color: C.navyDeep,
-  },
-  textItalic: {
-    fontStyle: 'italic',
-  },
-
-  // Footer — matches brochure style
-  footer: {
-    position: 'absolute',
-    bottom: 40,
-    left: MARGIN,
-    right: MARGIN,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingTop: 24,
-    borderTopWidth: 1,
-    borderTopColor: C.gray200,
-  },
-
-  footerText: {
-    fontSize: 8,
-    color: C.gray400,
-    fontWeight: 500,
-    textTransform: 'uppercase',
-    letterSpacing: 1,
-  },
-
-  footerBrand: {
-    fontSize: 10,
-    fontWeight: 700,
-    color: C.navyDeep,
-    textTransform: 'uppercase',
-    letterSpacing: 1,
-  },
-});
-
-// ─── Lexical to React-PDF Renderer ────────────────────────────────
-
-const renderLexicalNode = (node: any, idx: number): React.ReactNode => {
-  if (!node) return null;
-
-  switch (node.type) {
-    case 'text': {
-      const format = node.format || 0;
-      const isBold = (format & 1) !== 0;
-      const isItalic = (format & 2) !== 0;
-
-      let elementStyle: any = {};
-      if (isBold) elementStyle = { ...elementStyle, ...styles.textBold };
-      if (isItalic) elementStyle = { ...elementStyle, ...styles.textItalic };
-
-      return (
-        <Text key={idx} style={elementStyle}>
-          {node.text}
-        </Text>
-      );
-    }
-
-    case 'paragraph': {
-      return (
-        <Text key={idx} style={styles.paragraph}>
-          {node.children?.map((child: any, i: number) => renderLexicalNode(child, i))}
-        </Text>
-      );
-    }
-
-    case 'heading': {
-      let hStyle = styles.heading3;
-      if (node.tag === 'h1') hStyle = styles.heading1;
-      if (node.tag === 'h2') hStyle = styles.heading2;
-
-      return (
-        <Text key={idx} style={hStyle}>
-          {node.children?.map((child: any, i: number) => renderLexicalNode(child, i))}
-        </Text>
-      );
-    }
-
-    case 'list': {
-      return (
-        <View key={idx} style={styles.list}>
-          {node.children?.map((child: any, i: number) => {
-            if (child.type === 'listitem') {
-              return (
-                <View key={i} style={styles.listItem}>
-                  <Text style={styles.listItemBullet}>
-                    {node.listType === 'number' ? `${i + 1}.` : '•'}
-                  </Text>
-                  <Text style={styles.listItemContent}>
-                    {child.children?.map((c: any, ci: number) => renderLexicalNode(c, ci))}
-                  </Text>
-                </View>
-              );
-            }
-            return renderLexicalNode(child, i);
-          })}
-        </View>
-      );
-    }
-
-    case 'link': {
-      const href = node.fields?.url || node.url || '#';
-      return (
-        <Link key={idx} src={href} style={styles.link}>
-          {node.children?.map((child: any, i: number) => renderLexicalNode(child, i))}
-        </Link>
-      );
-    }
-
-    case 'linebreak': {
-      return <Text key={idx}>{'\n'}</Text>;
-    }
-
-    // Ignore payload blocks recursively to avoid crashing
-    case 'block':
-      return null;
-
-    default:
-      if (node.children) {
-        return (
-          <Text key={idx}>
-            {node.children.map((child: any, i: number) => renderLexicalNode(child, i))}
-          </Text>
-        );
-      }
-      return null;
-  }
-};
-
-interface PDFPageProps {
-  page: any;
-  locale?: string;
-}
-
-export const PDFPage: React.FC<PDFPageProps> = ({ page, locale = 'de' }) => {
-  const dateStr = new Date().toLocaleDateString(locale === 'en' ? 'en-US' : 'de-DE', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  });
-
-  return (
-    <Document>
-      <Page size="A4" style={styles.page}>
-        {/* Hero Header */}
-        <View style={styles.hero} fixed>
-          <View style={styles.header}>
-            <View>
-              <Text style={styles.logoText}>KLZ</Text>
-            </View>
-            <Text style={styles.docTitle}>{locale === 'en' ? 'Document' : 'Dokument'}</Text>
-          </View>
-
-          <View style={styles.productHero}>
-            <Text style={styles.pageTitle}>{page.title}</Text>
-            <View style={styles.accentBar} />
-          </View>
-        </View>
-
-        <View style={styles.content}>
-          <View>
-            {page.content?.root?.children?.map((node: any, i: number) =>
-              renderLexicalNode(node, i),
-            )}
-          </View>
-        </View>
-
-        {/* Minimal footer */}
-        <View style={styles.footer} fixed>
-          <Text style={styles.footerBrand}>KLZ CABLES</Text>
-          <Text style={styles.footerText}>{dateStr}</Text>
-        </View>
-      </Page>
-    </Document>
-  );
-};
--- a/lib/products.ts
+++ b/lib/products.ts
@@ -18,7 +18,6 @@ export interface ProductData {
  slug: string;
  frontmatter: ProductFrontmatter;
  content: any; // Lexical AST from Payload
-  application?: any; // Lexical AST for Application field
 }

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

@@ -197,7 +195,6 @@ 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,15 +65,7 @@ export function getServerAppServices(): AppServices {
  }

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

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

  // Create error reporting service (GlitchTip/Sentry or no-op)
  const errors = sentryEnabled
-    ? new GlitchtipErrorReportingService(
-        {
-          enabled: true,
-          dsn: config.errors.glitchtip.dsn,
-          tracesSampleRate: 0.1, // Default to 10% sampling
-        },
-        logger,
-        notifications,
-      )
+    ? new GlitchtipErrorReportingService({ enabled: true }, 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,8 +8,6 @@ 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.
@@ -48,12 +46,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' && this.options.enabled) {
+        if (typeof window !== 'undefined' && process.env.NODE_ENV === 'production') {
          Sentry.init({
-            dsn: this.options.dsn || 'https://public@errors.infra.mintel.me/1',
+            dsn: 'https://public@errors.infra.mintel.me/1',
            tunnel: '/errors/api/relay',
            enabled: true,
-            tracesSampleRate: this.options.tracesSampleRate ?? 0.1,
+            tracesSampleRate: 0,
            replaysOnErrorSampleRate: 1.0,
            replaysSessionSampleRate: 0.1,
          });
--- a/messages/de.json
+++ b/messages/de.json
@@ -3,7 +3,7 @@
    "pages": {
      "impressum": "impressum",
      "datenschutz": "datenschutz",
-      "agbs": "terms",
+      "agbs": "agbs",
      "kontakt": "contact",
      "team": "team",
      "blog": "blog",
@@ -74,7 +74,7 @@
    "privacyPolicy": "Datenschutz",
    "privacyPolicySlug": "datenschutz",
    "terms": "AGB",
-    "termsSlug": "terms",
+    "termsSlug": "agbs",
    "products": "Produkte",
    "lowVoltage": "Niederspannungskabel",
    "mediumVoltage": "Mittelspannungskabel",
--- a/messages/en.json
+++ b/messages/en.json
@@ -3,7 +3,7 @@
    "pages": {
      "legal-notice": "impressum",
      "privacy-policy": "datenschutz",
-      "terms": "terms",
+      "terms": "agbs",
      "contact": "contact",
      "team": "team",
      "blog": "blog",
@@ -396,4 +396,4 @@
      "cta": "Back to Safety"
    }
  }
-}
+}
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -12,16 +12,9 @@ const nextConfig = {
    maxInactiveAge: 60 * 1000,
  },
  experimental: {
-    staleTimes: {
-      dynamic: 0,
-      static: 30,
-    },
    optimizePackageImports: ['lucide-react', 'framer-motion', '@/components/ui'],
    cpus: 3,
    workerThreads: false,
-    serverActions: {
-      allowedOrigins: ["*.klz-cables.com", "*.branch.klz-cables.com", "localhost:3000", "klz.localhost"],
-    },
  },
  reactStrictMode: false,
  productionBrowserSourceMaps: false,
@@ -464,6 +457,10 @@ const nextConfig = {
          source: '/en/datenschutz',
          destination: '/en/privacy-policy',
        },
+        {
+          source: '/en/agbs',
+          destination: '/en/terms',
+        },
      ],
      afterFiles: [],
      fallback: [],
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
  "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",
@@ -13,10 +14,12 @@
    "@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",
@@ -24,6 +27,7 @@
    "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",
@@ -139,7 +143,7 @@
    "prepare": "husky",
    "preinstall": "npx only-allow pnpm"
  },
-  "version": "2.2.14",
+  "version": "2.0.2",
  "pnpm": {
    "onlyBuiltDependencies": [
      "@parcel/watcher",
--- a/payload-types.ts
+++ b/payload-types.ts
@@ -87,9 +87,7 @@ export interface Config {
    products: ProductsSelect<false> | ProductsSelect<true>;
    pages: PagesSelect<false> | PagesSelect<true>;
    'payload-kv': PayloadKvSelect<false> | PayloadKvSelect<true>;
-    'payload-locked-documents':
-      | PayloadLockedDocumentsSelect<false>
-      | PayloadLockedDocumentsSelect<true>;
+    'payload-locked-documents': PayloadLockedDocumentsSelect<false> | PayloadLockedDocumentsSelect<true>;
    'payload-preferences': PayloadPreferencesSelect<false> | PayloadPreferencesSelect<true>;
    'payload-migrations': PayloadMigrationsSelect<false> | PayloadMigrationsSelect<true>;
  };
@@ -100,9 +98,6 @@ export interface Config {
  globals: {};
  globalsSelect: {};
  locale: 'de' | 'en';
-  widgets: {
-    collections: CollectionsWidget;
-  };
  user: User;
  jobs: {
    tasks: unknown;
@@ -333,14 +328,6 @@ export interface Page {
  layout?: ('default' | 'fullBleed') | null;
  excerpt?: string | null;
  featuredImage?: (number | null) | Media;
-  /**
-   * If set, visiting this page will immediately redirect the user to this URL (e.g. /de/terms).
-   */
-  redirectUrl?: string | null;
-  /**
-   * Check for a permanent (301) redirect. Uncheck for a temporary (302) redirect.
-   */
-  redirectPermanent?: boolean | null;
  content: {
    root: {
      type: string;
@@ -587,8 +574,6 @@ export interface PagesSelect<T extends boolean = true> {
  layout?: T;
  excerpt?: T;
  featuredImage?: T;
-  redirectUrl?: T;
-  redirectPermanent?: T;
  content?: T;
  updatedAt?: T;
  createdAt?: T;
@@ -634,16 +619,6 @@ export interface PayloadMigrationsSelect<T extends boolean = true> {
  updatedAt?: T;
  createdAt?: T;
 }
-/**
- * This interface was referenced by `Config`'s JSON-Schema
- * via the `definition` "collections_widget".
- */
-export interface CollectionsWidget {
-  data?: {
-    [k: string]: unknown;
-  };
-  width: 'full';
-}
 /**
 * This interface was referenced by `Config`'s JSON-Schema
 * via the `definition` "StatsBlock".
@@ -982,6 +957,7 @@ export interface Auth {
  [k: string]: unknown;
 }

+
 declare module 'payload' {
  export interface GeneratedTypes extends Config {}
-}
+}
--- a/payload.config.ts
+++ b/payload.config.ts
@@ -71,8 +71,6 @@ export default buildConfig({
  },
  db: postgresAdapter({
    prodMigrations: migrations,
-    migrationDir:
-      process.env.NODE_ENV === 'production' ? undefined : path.resolve(dirname, 'src/migrations'),
    pool: {
      connectionString:
        process.env.DATABASE_URI ||
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/scripts/backup-db.sh
+++ b/scripts/backup-db.sh
@@ -13,6 +13,7 @@ fi

 DB_NAME="${PAYLOAD_DB_NAME:-payload}"
 DB_USER="${PAYLOAD_DB_USER:-payload}"
+DB_CONTAINER="klz-2026-klz-db-1"
 BACKUP_DIR="./backups"
 TIMESTAMP=$(date +"%Y%m%d_%H%M%S")
 BACKUP_FILE="${BACKUP_DIR}/payload_${TIMESTAMP}.sql.gz"
@@ -20,21 +21,20 @@ BACKUP_FILE="${BACKUP_DIR}/payload_${TIMESTAMP}.sql.gz"
 # Ensure backup directory exists
 mkdir -p "$BACKUP_DIR"

-# Check if database container is running
-if ! docker compose ps --services --filter "status=running" | grep -qx "klz-db"; then
-  echo "⚠️ Database container 'klz-db' is not running. Starting it..."
-  docker compose up -d klz-db
-  echo "⏳ Waiting for database to be ready..."
-  sleep 3
+# Check if container is running
+if ! docker ps --format '{{.Names}}' | grep -q "$DB_CONTAINER"; then
+  echo "❌ Database container '$DB_CONTAINER' is not running."
+  echo "   Start it with: docker compose up -d klz-db"
+  exit 1
 fi

 echo "📦 Backing up Payload database..."
-echo "   Service:   klz-db"
+echo "   Container: $DB_CONTAINER"
 echo "   Database:  $DB_NAME"
 echo "   Output:    $BACKUP_FILE"

 # Run pg_dump inside the container and compress
-docker compose exec -T klz-db pg_dump -U "$DB_USER" -d "$DB_NAME" --clean --if-exists | gzip > "$BACKUP_FILE"
+docker exec "$DB_CONTAINER" pg_dump -U "$DB_USER" -d "$DB_NAME" --clean --if-exists | gzip > "$BACKUP_FILE"

 # Show result
 SIZE=$(du -h "$BACKUP_FILE" | cut -f1)
--- a/scripts/check-broken-assets.ts
+++ b/scripts/check-broken-assets.ts
@@ -2,16 +2,11 @@ import puppeteer, { HTTPResponse } from 'puppeteer';
 import axios from 'axios';
 import * as cheerio from 'cheerio';

-const targetUrl =
-  process.argv.find((arg) => !arg.startsWith('--') && arg.startsWith('http')) ||
-  process.env.NEXT_PUBLIC_BASE_URL ||
-  'http://localhost:3000';
-const limit = process.env.ASSET_CHECK_LIMIT ? parseInt(process.env.ASSET_CHECK_LIMIT) : 20;
+const targetUrl = process.argv[2] || process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
 const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';

 async function main() {
  console.log(`\n🚀 Starting Strict Asset Integrity Check for: ${targetUrl}`);
-  console.log(`📊 Limit: ${limit} pages\n`);

  // 1. Fetch Sitemap to discover all routes
  const sitemapUrl = `${targetUrl.replace(/\/$/, '')}/sitemap.xml`;
@@ -36,17 +31,6 @@ async function main() {
      .sort();

    console.log(`✅ Found ${urls.length} target URLs.`);
-
-    if (urls.length > limit) {
-      console.log(
-        `⚠️  Too many pages (${urls.length}). Limiting to ${limit} representative pages.`,
-      );
-      // Simplify selection: home pages + a slice of the rest
-      const homeEN = urls.filter((u) => u.endsWith('/en') || u === targetUrl);
-      const homeDE = urls.filter((u) => u.endsWith('/de'));
-      const others = urls.filter((u) => !homeEN.includes(u) && !homeDE.includes(u));
-      urls = [...homeEN, ...homeDE, ...others.slice(0, limit - (homeEN.length + homeDE.length))];
-    }
  } catch (err: any) {
    console.error(`❌ Failed to fetch sitemap: ${err.message}`);
    process.exit(1);
--- a/scripts/check-forms.ts
+++ b/scripts/check-forms.ts
@@ -66,36 +66,17 @@ async function main() {

  const page = await browser.newPage();

-  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. 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://'),
  });

-  // 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
@@ -115,9 +96,6 @@ 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');
@@ -126,24 +104,14 @@ 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"]', { timeout: 15000 }),
+      page.waitForSelector('[role="alert"][aria-live="polite"]', { 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}`);
@@ -166,9 +134,6 @@ 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(
@@ -176,71 +141,23 @@ 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"]', { timeout: 15000 }),
+      page.waitForSelector('[role="alert"][aria-live="polite"]', { 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();

-  // 6. Evaluation
+  // 5. Evaluation
  if (hasErrors) {
    console.error(`\n🚨 IMPORTANT: Form E2E checks failed. The CI build is failing.`);
    process.exit(1);
--- a/scripts/check-locale.ts
+++ b/scripts/check-locale.ts
@@ -38,21 +38,11 @@ function getExpectedTranslation(
  sourcePath: string,
  sourceLocale: string,
  targetLocale: string,
-  alternates: { hreflang: string; href: string }[],
-): string | null {
+): string {
  const segments = sourcePath.split('/').filter(Boolean);
+  // First segment is locale
  segments[0] = targetLocale;

-  // Blog posts have dynamic slugs. If it's a blog post, trust the alternate tag
-  // if the href is present in the sitemap.
-  // The Smoke Test's primary job is ensuring the alternate links point to valid pages.
-  if (segments[1] === (targetLocale === 'de' ? 'blog' : 'blog') && segments.length > 2) {
-    const altLink = alternates.find((a) => a.hreflang === targetLocale);
-    if (altLink) {
-      return new URL(altLink.href).pathname;
-    }
-  }
-
  const map = sourceLocale === 'de' ? SLUG_MAP : REVERSE_SLUG_MAP;

  return (
@@ -60,7 +50,7 @@ function getExpectedTranslation(
    segments
      .map((seg, i) => {
        if (i === 0) return seg; // locale
-        return map[seg] || seg; // translate or keep
+        return map[seg] || seg; // translate or keep (product names like n2x2y stay the same)
      })
      .join('/')
  );
@@ -128,7 +118,7 @@ async function main() {
        if (alt.hreflang === locale) continue; // Same locale, skip

        // 1. Check slug translation is correct
-        const expectedPath = getExpectedTranslation(path, locale, alt.hreflang, alternates);
+        const expectedPath = getExpectedTranslation(path, locale, alt.hreflang);
        const actualPath = new URL(alt.href).pathname;

        if (actualPath !== expectedPath) {
--- a/scripts/lhci-puppeteer-setup.js
+++ b/scripts/lhci-puppeteer-setup.js
@@ -1,24 +0,0 @@
-/**
- * LHCI Puppeteer Setup Script
- * Sets the gatekeeper session cookie before auditing
- */
-module.exports = async (browser, context) => {
-  const page = await browser.newPage();
-  // Using LHCI_URL or TARGET_URL if available
-  const targetUrl =
-    process.env.LHCI_URL || process.env.TARGET_URL || 'https://testing.klz-cables.com';
-  const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';
-
-  console.log(`🔑 LHCI Auth: Setting gatekeeper cookie for ${new URL(targetUrl).hostname}...`);
-
-  await page.setCookie({
-    name: 'klz_gatekeeper_session',
-    value: gatekeeperPassword,
-    domain: new URL(targetUrl).hostname,
-    path: '/',
-    httpOnly: true,
-    secure: targetUrl.startsWith('https://'),
-  });
-
-  await page.close();
-};
--- a/scripts/pagespeed-sitemap.ts
+++ b/scripts/pagespeed-sitemap.ts
@@ -12,11 +12,7 @@ import * as path from 'path';
 * 3. Runs Lighthouse CI on those URLs
 */

-const targetUrl =
-  process.argv.find((arg) => !arg.startsWith('--') && arg.startsWith('http')) ||
-  process.env.NEXT_PUBLIC_BASE_URL ||
-  process.env.LHCI_URL ||
-  'http://localhost:3000';
+const targetUrl = process.argv[2] || process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
 const limit = process.env.PAGESPEED_LIMIT ? parseInt(process.env.PAGESPEED_LIMIT) : 20; // Default limit to avoid infinite runs
 const gatekeeperPassword = process.env.GATEKEEPER_PASSWORD || 'klz2026';

@@ -80,56 +76,7 @@ async function main() {
      Cookie: `klz_gatekeeper_session=${gatekeeperPassword}`,
    });

-    // Detect Chrome path from Puppeteer installation if not provided
-    let chromePath = process.env.CHROME_PATH || process.env.PUPPETEER_EXECUTABLE_PATH;
-    if (!chromePath) {
-      try {
-        console.log('🔍 Attempting to detect Puppeteer Chrome path...');
-        const puppeteerInfo = execSync('npx puppeteer browsers latest chrome', {
-          encoding: 'utf8',
-        });
-        console.log(`📦 Puppeteer info: ${puppeteerInfo}`);
-        const match = puppeteerInfo.match(/executablePath: (.*)/);
-        if (match && match[1]) {
-          chromePath = match[1].trim();
-          console.log(`✅ Detected Puppeteer Chrome at: ${chromePath}`);
-        }
-      } catch (e: any) {
-        console.warn(`⚠️ Could not detect Puppeteer Chrome path via command: ${e.message}`);
-      }
-
-      // Fallback to known paths if still not found
-      if (!chromePath) {
-        const fallbacks = [
-          '/root/.cache/puppeteer/chrome/linux-145.0.7632.77/chrome-linux64/chrome',
-          '/home/runner/.cache/puppeteer/chrome/linux-145.0.7632.77/chrome-linux64/chrome',
-          path.join(
-            process.cwd(),
-            'node_modules',
-            '.puppeteer',
-            'chrome',
-            'linux-145.0.7632.77',
-            'chrome-linux64',
-            'chrome',
-          ),
-        ];
-
-        for (const fallback of fallbacks) {
-          if (fs.existsSync(fallback)) {
-            chromePath = fallback;
-            console.log(`✅ Found Puppeteer Chrome at fallback: ${chromePath}`);
-            break;
-          }
-        }
-      }
-    } else {
-      console.log(`ℹ️ Using existing Chrome path: ${chromePath}`);
-    }
-
-    if (!chromePath) {
-      console.warn('❌ CHROME_PATH is still undefined. Lighthouse might fail.');
-    }
-
+    const chromePath = process.env.CHROME_PATH || process.env.PUPPETEER_EXECUTABLE_PATH;
    const chromePathArg = chromePath ? `--collect.chromePath="${chromePath}"` : '';

    // Clean up old reports
@@ -138,16 +85,15 @@ async function main() {
    }

    // Using a more robust way to execute and capture output
-    // We use a puppeteer script to set cookies which is more reliable than extraHeaders for LHCI
-    const lhciCommand = `npx lhci collect ${urlArgs} ${chromePathArg} --config=config/lighthouserc.json --collect.puppeteerScript="scripts/lhci-puppeteer-setup.js" --collect.settings.chromeFlags="--no-sandbox --disable-setuid-sandbox --disable-dev-shm-usage" && npx lhci assert --config=config/lighthouserc.json`;
+    // We remove 'npx lhci upload' to keep everything local and avoid Google-hosted reports
+    const lhciCommand = `npx lhci collect ${urlArgs} ${chromePathArg} --config=config/lighthouserc.json --collect.settings.extraHeaders='${extraHeaders}' --collect.settings.chromeFlags="--no-sandbox --disable-setuid-sandbox --disable-dev-shm-usage" && npx lhci assert --config=config/lighthouserc.json`;

-    console.log(`💻 Executing LHCI with CHROME_PATH="${chromePath}" and Puppeteer Auth...`);
+    console.log(`💻 Executing LHCI...`);

    try {
      execSync(lhciCommand, {
        encoding: 'utf8',
        stdio: 'inherit',
-        env: { ...process.env, CHROME_PATH: chromePath },
      });
    } catch (err: any) {
      console.warn('⚠️ LHCI assertion finished with warnings or errors.');
--- a/instrumentation-client.ts
+++ b/instrumentation-client.ts
@@ -1,5 +1,4 @@
 // 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.
-import * as Sentry from '@sentry/nextjs';
-export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;
+export {};
--- a/src/lib/qdrant.ts
+++ b/src/lib/qdrant.ts
@@ -0,0 +1,124 @@
+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
@@ -0,0 +1,16 @@
+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/migrations/20260305_215000_products_featured_image.ts
+++ b/src/migrations/20260305_215000_products_featured_image.ts
@@ -1,52 +0,0 @@
-import { MigrateUpArgs, MigrateDownArgs, sql } from '@payloadcms/db-postgres';
-
-export async function up({ db }: MigrateUpArgs): Promise<void> {
-  // Add featured_image_id to products and _products_v
-  await db.execute(sql`
-    ALTER TABLE "products" ADD COLUMN IF NOT EXISTS "featured_image_id" integer;
-  `);
-  await db.execute(sql`
-    ALTER TABLE "_products_v" ADD COLUMN IF NOT EXISTS "version_featured_image_id" integer;
-  `);
-
-  // Add foreign key constraints
-  await db.execute(sql`
-    DO $$ BEGIN
-      ALTER TABLE "products" ADD CONSTRAINT "products_featured_image_id_media_id_fk" FOREIGN KEY ("featured_image_id") REFERENCES "public"."media"("id") ON DELETE set null ON UPDATE no action;
-    EXCEPTION WHEN duplicate_object THEN null; END $$;
-  `);
-  await db.execute(sql`
-    DO $$ BEGIN
-      ALTER TABLE "_products_v" ADD CONSTRAINT "_products_v_version_featured_image_id_media_id_fk" FOREIGN KEY ("version_featured_image_id") REFERENCES "public"."media"("id") ON DELETE set null ON UPDATE no action;
-    EXCEPTION WHEN duplicate_object THEN null; END $$;
-  `);
-
-  // Add indexes
-  await db.execute(sql`
-    CREATE INDEX IF NOT EXISTS "products_featured_image_idx" ON "products" USING btree ("featured_image_id");
-  `);
-  await db.execute(sql`
-    CREATE INDEX IF NOT EXISTS "_products_v_version_version_featured_image_idx" ON "_products_v" USING btree ("version_featured_image_id");
-  `);
-}
-
-export async function down({ db }: MigrateDownArgs): Promise<void> {
-  await db.execute(sql`
-    ALTER TABLE "products" DROP CONSTRAINT IF EXISTS "products_featured_image_id_media_id_fk";
-  `);
-  await db.execute(sql`
-    ALTER TABLE "_products_v" DROP CONSTRAINT IF EXISTS "_products_v_version_featured_image_id_media_id_fk";
-  `);
-  await db.execute(sql`
-    DROP INDEX IF EXISTS "products_featured_image_idx";
-  `);
-  await db.execute(sql`
-    DROP INDEX IF EXISTS "_products_v_version_version_featured_image_idx";
-  `);
-  await db.execute(sql`
-    ALTER TABLE "products" DROP COLUMN IF EXISTS "featured_image_id";
-  `);
-  await db.execute(sql`
-    ALTER TABLE "_products_v" DROP COLUMN IF EXISTS "version_featured_image_id";
-  `);
-}
--- a/src/migrations/20260312_120000_pages_redirect_fields.ts
+++ b/src/migrations/20260312_120000_pages_redirect_fields.ts
@@ -1,22 +0,0 @@
-import { MigrateUpArgs, MigrateDownArgs, sql } from '@payloadcms/db-postgres';
-
-export async function up({ db }: MigrateUpArgs): Promise<void> {
-  // redirect_permanent is a non-localized checkbox → stored on the main pages table
-  await db.execute(sql`
-    ALTER TABLE "pages" ADD COLUMN IF NOT EXISTS "redirect_permanent" boolean DEFAULT true;
-  `);
-
-  // redirect_url is a localized text field → stored on the pages_locales table
-  await db.execute(sql`
-    ALTER TABLE "pages_locales" ADD COLUMN IF NOT EXISTS "redirect_url" varchar;
-  `);
-}
-
-export async function down({ db }: MigrateDownArgs): Promise<void> {
-  await db.execute(sql`
-    ALTER TABLE "pages" DROP COLUMN IF EXISTS "redirect_permanent";
-  `);
-  await db.execute(sql`
-    ALTER TABLE "pages_locales" DROP COLUMN IF EXISTS "redirect_url";
-  `);
-}
--- a/src/migrations/index.ts
+++ b/src/migrations/index.ts
@@ -2,8 +2,6 @@ import * as migration_20260223_195005_products_collection from './20260223_19500
 import * as migration_20260223_195151_remove_sku_unique from './20260223_195151_remove_sku_unique';
 import * as migration_20260225_003500_add_pages_collection from './20260225_003500_add_pages_collection';
 import * as migration_20260225_175000_native_localization from './20260225_175000_native_localization';
-import * as migration_20260305_215000_products_featured_image from './20260305_215000_products_featured_image';
-import * as migration_20260312_120000_pages_redirect_fields from './20260312_120000_pages_redirect_fields';

 export const migrations = [
  {
@@ -26,14 +24,4 @@ export const migrations = [
    down: migration_20260225_175000_native_localization.down,
    name: '20260225_175000_native_localization',
  },
-  {
-    up: migration_20260305_215000_products_featured_image.up,
-    down: migration_20260305_215000_products_featured_image.down,
-    name: '20260305_215000_products_featured_image',
-  },
-  {
-    up: migration_20260312_120000_pages_redirect_fields.up,
-    down: migration_20260312_120000_pages_redirect_fields.down,
-    name: '20260312_120000_pages_redirect_fields',
-  },
 ];
--- a/src/payload/blocks/PDFDownload.ts
+++ b/src/payload/blocks/PDFDownload.ts
@@ -1,30 +0,0 @@
-import { Block } from 'payload';
-
-export const PDFDownload: Block = {
-  slug: 'pdfDownload',
-  labels: {
-    singular: 'PDF Download',
-    plural: 'PDF Downloads',
-  },
-  admin: {},
-  fields: [
-    {
-      name: 'label',
-      type: 'text',
-      label: 'Button Beschriftung',
-      required: true,
-      localized: true,
-      defaultValue: 'Als PDF herunterladen',
-    },
-    {
-      name: 'style',
-      type: 'select',
-      defaultValue: 'primary',
-      options: [
-        { label: 'Primary', value: 'primary' },
-        { label: 'Secondary', value: 'secondary' },
-        { label: 'Outline', value: 'outline' },
-      ],
-    },
-  ],
-};
--- a/src/payload/blocks/allBlocks.ts
+++ b/src/payload/blocks/allBlocks.ts
@@ -16,7 +16,6 @@ import { StickyNarrative } from './StickyNarrative';
 import { TeamProfile } from './TeamProfile';
 import { TechnicalGrid } from './TechnicalGrid';
 import { VisualLinkPreview } from './VisualLinkPreview';
-import { PDFDownload } from './PDFDownload';
 import { homeBlocksArray } from './HomeBlocks';

 export const payloadBlocks = [
@@ -39,5 +38,4 @@ export const payloadBlocks = [
  TeamProfile,
  TechnicalGrid,
  VisualLinkPreview,
-  PDFDownload,
 ];
--- a/src/payload/collections/Pages.ts
+++ b/src/payload/collections/Pages.ts
@@ -72,33 +72,6 @@ export const Pages: CollectionConfig = {
        position: 'sidebar',
      },
    },
-    {
-      type: 'collapsible',
-      label: 'Redirect Settings',
-      admin: {
-        position: 'sidebar',
-      },
-      fields: [
-        {
-          name: 'redirectUrl',
-          type: 'text',
-          localized: true,
-          admin: {
-            description:
-              'If set, visiting this page will immediately redirect the user to this URL (e.g. /de/terms).',
-          },
-        },
-        {
-          name: 'redirectPermanent',
-          type: 'checkbox',
-          defaultValue: true,
-          admin: {
-            description:
-              'Check for a permanent (301) redirect. Uncheck for a temporary (302) redirect.',
-          },
-        },
-      ],
-    },
    {
      name: 'content',
      type: 'richText',
--- a/src/payload/collections/Products.ts
+++ b/src/payload/collections/Products.ts
@@ -37,6 +37,51 @@ 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,7 +1,6 @@
 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'];
@@ -19,9 +18,7 @@ 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;
    }
@@ -37,7 +34,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
@@ -52,9 +49,7 @@ 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);
@@ -69,38 +64,11 @@ describe('OG Image Generation', () => {
    }, 30000);
  });

-  it('should generate static blog overview OG image', async ({ skip }) => {
+  it('should generate blog 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	ec013a32a2	Merge main into feature/ai-search and resolve conflicts	2026-02-27 18:45:34 +01:00
Marc Mintel	40e26117bd	chore: remove env	2026-02-26 11:27:39 +01:00
Marc Mintel	20fd889751	feat: ai search	2026-02-26 03:10:15 +01:00