refactor: Replace hardcoded Traefik service names with a dynamic project name variable.

ci: Update Gitea deploy workflow configuration.
perf: Add Docker build cache mounts for npm ci and npm run build commands.
2026-02-01 14:26:44 +01:00 · 2026-02-01 14:17:09 +01:00 · 2026-02-01 14:00:44 +01:00 · 2026-02-01 13:43:42 +01:00 · 2026-02-01 13:38:35 +01:00 · 2026-02-01 13:26:25 +01:00
180 changed files with 5665 additions and 951 deletions
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,5 +1,6 @@
 node_modules
 .next
+!.next/cache
 .git
 .DS_Store
 .env
--- a/.env
+++ b/.env
@@ -19,3 +19,13 @@ 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
+
+# Directus
+DIRECTUS_URL=https://cms.klz-cables.com
+DIRECTUS_KEY=59fb8f4c1a51b18fe28ad947f713914e
+DIRECTUS_SECRET=7459038d41401dfb11254cf7f1ef2d0f
+DIRECTUS_ADMIN_EMAIL=marc@mintel.me
+DIRECTUS_ADMIN_PASSWORD=Tim300493.
+DIRECTUS_DB_NAME=directus
+DIRECTUS_DB_USER=directus
+DIRECTUS_DB_PASSWORD=directus
--- a/.env.example
+++ b/.env.example
@@ -40,11 +40,32 @@ MAIL_RECIPIENTS=info@klz-cables.com
 # ────────────────────────────────────────────────────────────────────────────
 LOG_LEVEL=info

+# ────────────────────────────────────────────────────────────────────────────
+# Deployment Configuration (CI/CD only)
+# ────────────────────────────────────────────────────────────────────────────
+# These are typically set by the CI/CD workflow
+IMAGE_TAG=latest
+TRAEFIK_HOST=klz-cables.com
+ENV_FILE=.env
+
 # ────────────────────────────────────────────────────────────────────────────
 # Varnish Cache (Docker only)
 # ────────────────────────────────────────────────────────────────────────────
 VARNISH_CACHE_SIZE=256m

+# ────────────────────────────────────────────────────────────────────────────
+# Strapi CMS
+# ────────────────────────────────────────────────────────────────────────────
+STRAPI_DATABASE_NAME=strapi
+STRAPI_DATABASE_USERNAME=strapi
+STRAPI_DATABASE_PASSWORD=strapi
+STRAPI_URL=http://localhost:1337
+APP_KEYS=toBeModified1,toBeModified2
+API_TOKEN_SALT=tobemodified
+ADMIN_JWT_SECRET=tobemodified
+TRANSFER_TOKEN_SALT=tobemodified
+JWT_SECRET=tobemodified
+
 # ============================================================================
 # IMPORTANT NOTES
 # ============================================================================
@@ -61,7 +82,11 @@ VARNISH_CACHE_SIZE=256m
 # ──────────────────
 # 1. Build-time: Only NEXT_PUBLIC_* vars are needed (via --build-arg)
 # 2. Runtime: All vars are loaded from .env file on the server
-# 3. The .env file should exist at: /home/deploy/sites/klz-cables.com/.env
+# 3. Branch Deployments:
+#    - main branch uses .env.prod
+#    - staging branch uses .env.staging
+#    - CI/CD supports STAGING_ prefix for all secrets to override defaults
+#    - TRAEFIK_HOST is automatically derived from NEXT_PUBLIC_BASE_URL
 #
 # Security:
 # ─────────
--- a/.env.production
+++ b/.env.production
@@ -26,6 +26,15 @@ MAIL_PASSWORD=
 MAIL_FROM=KLZ Cables <noreply@klz-cables.com>
 MAIL_RECIPIENTS=info@klz-cables.com

+# Strapi
+STRAPI_DATABASE_NAME=strapi
+STRAPI_DATABASE_USERNAME=strapi
+STRAPI_DATABASE_PASSWORD=
+APP_KEYS=
+API_TOKEN_SALT=
+ADMIN_JWT_SECRET=
+TRANSFER_TOKEN_SALT=
+JWT_SECRET=

 # Varnish Cache Size (optional)
 VARNISH_CACHE_SIZE=256m
--- a/.gitea/workflows/ci.yml
+++ b/.gitea/workflows/ci.yml
@@ -0,0 +1,32 @@
+name: CI - Lint, Typecheck & Test
+
+on:
+  push:
+    branches-ignore:
+      - main
+  pull_request:
+
+jobs:
+  quality-assurance:
+    runs-on: docker
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: 🔍 Lint
+        run: npm run lint
+
+      - name: 🏗️ Typecheck
+        run: npm run typecheck
+
+      - name: 🧪 Test
+        run: npm run test
--- a/.gitea/workflows/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@@ -2,184 +2,332 @@ name: Build & Deploy KLZ Cables

 on:
  push:
-    branches: [main]
+    branches:
+      - main
+    tags:
+      - 'v*'
+  workflow_dispatch:
+    inputs:
+      skip_long_checks:
+        description: 'Skip tests? (true/false)'
+        required: false
+        default: 'false'
+
+concurrency:
+  group: ${{ github.workflow }}
+  cancel-in-progress: false

 jobs:
-  build-and-deploy:
+  # ──────────────────────────────────────────────────────────────────────────────
+  # JOB 1: Prepare & Determine Environment
+  # ──────────────────────────────────────────────────────────────────────────────
+  prepare:
+    name: 🔍 Prepare Environment
    runs-on: docker
-
+    outputs:
+      target:           ${{ steps.determine.outputs.target }}
+      image_tag:        ${{ steps.determine.outputs.image_tag }}
+      env_file:         ${{ steps.determine.outputs.env_file }}
+      traefik_host:     ${{ steps.determine.outputs.traefik_host }}
+      next_public_base_url: ${{ steps.determine.outputs.next_public_base_url }}
+      directus_url:     ${{ steps.determine.outputs.directus_url }}
+      directus_host:    ${{ steps.determine.outputs.directus_host }}
+      project_name:     ${{ steps.determine.outputs.project_name }}
+      is_prod:          ${{ steps.determine.outputs.is_prod }}
+      gotify_title:     ${{ steps.determine.outputs.gotify_title }}
+      gotify_priority:  ${{ steps.determine.outputs.gotify_priority }}
+      short_sha:        ${{ steps.determine.outputs.short_sha }}
+      commit_msg:       ${{ steps.determine.outputs.commit_msg }}
    steps:
-      # ═══════════════════════════════════════════════════════════════════════════════
-      # LOGGING: Workflow Start - Full Transparency
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 📋 Log Workflow Start
-        run: |
-          echo "🚀 Starting deployment for ${{ github.repository }} (${{ github.ref }})"
-          echo "  • Commit: ${{ github.sha }}"
-          echo "  • Timestamp: $(date -u +'%Y-%m-%d %H:%M:%S UTC')"
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0

+      - name: 🔍 Environment & Version ermitteln
+        id: determine
+        run: |
+          TAG="${{ github.ref_name }}"
+          SHORT_SHA="${{ github.sha }}"
+          SHORT_SHA="${SHORT_SHA:0:9}"
+          COMMIT_MSG=$(git log -1 --pretty=%s || echo "No commit message available")
+
+          if [[ "${{ github.ref_type }}" == "branch" && "$TAG" == "main" ]]; then
+            TARGET="testing"
+            IMAGE_TAG="main-${SHORT_SHA}"
+            ENV_FILE=".env.testing"
+            TRAEFIK_HOST='`testing.klz-cables.com`'
+            NEXT_PUBLIC_BASE_URL="https://testing.klz-cables.com"
+            DIRECTUS_URL="https://cms-testing.klz-cables.com"
+            DIRECTUS_HOST='`cms-testing.klz-cables.com`'
+            PROJECT_NAME="klz-cables-testing"
+            IS_PROD="false"
+            GOTIFY_TITLE="🧪 Testing-Deploy"
+            GOTIFY_PRIORITY=4
+          elif [[ "${{ github.ref_type }}" == "tag" ]]; then
+            if [[ "$TAG" =~ ^v[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+              TARGET="production"
+              IMAGE_TAG="$TAG"
+              ENV_FILE=".env.prod"
+              TRAEFIK_HOST='`klz-cables.com`, `www.klz-cables.com`'
+              NEXT_PUBLIC_BASE_URL="https://klz-cables.com"
+              DIRECTUS_URL="https://cms.klz-cables.com"
+              DIRECTUS_HOST='`cms.klz-cables.com`'
+              PROJECT_NAME="klz-cables-prod"
+              IS_PROD="true"
+              GOTIFY_TITLE="🚀 Production-Release"
+              GOTIFY_PRIORITY=6
+            elif [[ "$TAG" =~ -rc\. || "$TAG" =~ -beta\. || "$TAG" =~ -alpha\. ]]; then
+              TARGET="staging"
+              IMAGE_TAG="$TAG"
+              ENV_FILE=".env.staging"
+              TRAEFIK_HOST='`staging.klz-cables.com`'
+              NEXT_PUBLIC_BASE_URL="https://staging.klz-cables.com"
+              DIRECTUS_URL="https://cms-staging.klz-cables.com"
+              DIRECTUS_HOST='`cms-staging.klz-cables.com`'
+              PROJECT_NAME="klz-cables-staging"
+              IS_PROD="false"
+              GOTIFY_TITLE="🧪 Staging-Deploy (Pre-Release)"
+              GOTIFY_PRIORITY=5
+            else
+              TARGET="skip"
+              GOTIFY_TITLE="❓ Unbekannter Tag"
+              GOTIFY_PRIORITY=3
+            fi
+          else
+            TARGET="skip"
+          fi
+
+          echo "target=$TARGET" >> $GITHUB_OUTPUT
+          echo "image_tag=$IMAGE_TAG" >> $GITHUB_OUTPUT
+          echo "env_file=$ENV_FILE" >> $GITHUB_OUTPUT
+          echo "traefik_host=$TRAEFIK_HOST" >> $GITHUB_OUTPUT
+          echo "next_public_base_url=$NEXT_PUBLIC_BASE_URL" >> $GITHUB_OUTPUT
+          echo "directus_url=$DIRECTUS_URL" >> $GITHUB_OUTPUT
+          echo "directus_host=$DIRECTUS_HOST" >> $GITHUB_OUTPUT
+          echo "project_name=$PROJECT_NAME" >> $GITHUB_OUTPUT
+          echo "is_prod=$IS_PROD" >> $GITHUB_OUTPUT
+          echo "gotify_title=$GOTIFY_TITLE" >> $GITHUB_OUTPUT
+          echo "gotify_priority=$GOTIFY_PRIORITY" >> $GITHUB_OUTPUT
+          echo "short_sha=$SHORT_SHA" >> $GITHUB_OUTPUT
+          echo "commit_msg=$COMMIT_MSG" >> $GITHUB_OUTPUT
+
+  # ──────────────────────────────────────────────────────────────────────────────
+  # JOB 2: Quality Assurance (Lint & Test)
+  # ──────────────────────────────────────────────────────────────────────────────
+  qa:
+    name: 🧪 Quality Assurance
+    needs: prepare
+    if: needs.prepare.outputs.target != 'skip'
+    runs-on: docker
+    steps:
      - name: Checkout repository
        uses: actions/checkout@v4

-      # ═══════════════════════════════════════════════════════════════════════════════
-      # LOGGING: Registry Login Phase
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 🔐 Login to private registry
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: 📦 Restore npm cache
+        uses: actions/cache@v4
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: 🧪 Run Checks in Parallel
+        if: github.event.inputs.skip_long_checks != 'true'
+        run: |
+          npm run lint &
+          LINT_PID=$!
+          npm run typecheck &
+          TYPE_PID=$!
+          npm run test &
+          TEST_PID=$!
+
+          # Wait for all and fail if any fail
+          wait $LINT_PID || exit 1
+          wait $TYPE_PID || exit 1
+          wait $TEST_PID || exit 1
+
+  # ──────────────────────────────────────────────────────────────────────────────
+  # JOB 3: Build & Push Docker Image
+  # ──────────────────────────────────────────────────────────────────────────────
+  build:
+    name: 🏗️ Build & Push
+    needs: prepare
+    runs-on: docker
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: 🔐 Registry Login
        run: |
-          echo "🔐 Authenticating with registry.infra.mintel.me..."
          echo "${{ secrets.REGISTRY_PASS }}" | docker login registry.infra.mintel.me -u "${{ secrets.REGISTRY_USER }}" --password-stdin

-      # ═══════════════════════════════════════════════════════════════════════════════
-      # LOGGING: Build Phase
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 🏗️ Build Docker image
+      - name: 🏗️ Docker Image bauen & pushen
+        env:
+          IMAGE_TAG: ${{ needs.prepare.outputs.image_tag }}
+          TARGET:    ${{ needs.prepare.outputs.target }}
+          NEXT_PUBLIC_BASE_URL:          ${{ needs.prepare.outputs.next_public_base_url }}
+          NEXT_PUBLIC_UMAMI_WEBSITE_ID:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.TESTING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID) }}
+          NEXT_PUBLIC_UMAMI_SCRIPT_URL:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.TESTING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL) }}
+          DIRECTUS_URL:                  ${{ needs.prepare.outputs.directus_url }}
        run: |
-          echo "🏗️ Building Docker image (linux/arm64)..."
+          echo "🏗️ Building → $TARGET / $IMAGE_TAG"
          docker buildx build \
            --pull \
            --platform linux/arm64 \
-            --build-arg NEXT_PUBLIC_BASE_URL="${{ secrets.NEXT_PUBLIC_BASE_URL }}" \
-            --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID="${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID }}" \
-            --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL="${{ secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL }}" \
-            -t registry.infra.mintel.me/mintel/klz-cables.com:latest \
+            --build-arg NEXT_PUBLIC_BASE_URL="$NEXT_PUBLIC_BASE_URL" \
+            --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID="$NEXT_PUBLIC_UMAMI_WEBSITE_ID" \
+            --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL="$NEXT_PUBLIC_UMAMI_SCRIPT_URL" \
+            --build-arg DIRECTUS_URL="$DIRECTUS_URL" \
+            -t registry.infra.mintel.me/mintel/klz-cables.com:$IMAGE_TAG \
+            --cache-from type=registry,ref=registry.infra.mintel.me/mintel/klz-cables.com:buildcache \
+            --cache-to type=registry,ref=registry.infra.mintel.me/mintel/klz-cables.com:buildcache,mode=max \
            --push .

-      # ═══════════════════════════════════════════════════════════════════════════════
-      # LOGGING: Deployment Phase
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 🚀 Deploy to production server
+
+  # ──────────────────────────────────────────────────────────────────────────────
+  # JOB 4: Deploy via SSH
+  # ──────────────────────────────────────────────────────────────────────────────
+  deploy:
+    name: 🚀 Deploy
+    needs: [prepare, build, qa]
+    runs-on: docker
+    env:
+      TARGET:               ${{ needs.prepare.outputs.target }}
+      IMAGE_TAG:            ${{ needs.prepare.outputs.image_tag }}
+      ENV_FILE:             ${{ needs.prepare.outputs.env_file }}
+      TRAEFIK_HOST:         ${{ needs.prepare.outputs.traefik_host }}
+      NEXT_PUBLIC_BASE_URL:          ${{ needs.prepare.outputs.next_public_base_url }}
+      NEXT_PUBLIC_UMAMI_WEBSITE_ID:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.TESTING_NEXT_PUBLIC_UMAMI_WEBSITE_ID  || secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID) }}
+      NEXT_PUBLIC_UMAMI_SCRIPT_URL:  ${{ needs.prepare.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.TESTING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL) }}
+      SENTRY_DSN:                    ${{ needs.prepare.outputs.target == 'production' && secrets.SENTRY_DSN                    || (needs.prepare.outputs.target == 'staging' && secrets.STAGING_SENTRY_DSN                    || secrets.TESTING_SENTRY_DSN                    || secrets.SENTRY_DSN) }}
+      MAIL_HOST:                     ${{ secrets.MAIL_HOST }}
+      MAIL_PORT:                     ${{ secrets.MAIL_PORT }}
+      MAIL_USERNAME:                 ${{ secrets.MAIL_USERNAME }}
+      MAIL_PASSWORD:                 ${{ secrets.MAIL_PASSWORD }}
+      MAIL_FROM:                     ${{ secrets.MAIL_FROM }}
+      MAIL_RECIPIENTS:               ${{ secrets.MAIL_RECIPIENTS }}
+      DIRECTUS_URL:                  ${{ needs.prepare.outputs.directus_url }}
+      DIRECTUS_HOST:                 ${{ needs.prepare.outputs.directus_host }}
+      PROJECT_NAME:                  ${{ needs.prepare.outputs.project_name }}
+      DIRECTUS_KEY:                  ${{ secrets.DIRECTUS_KEY }}
+      DIRECTUS_SECRET:               ${{ secrets.DIRECTUS_SECRET }}
+      DIRECTUS_ADMIN_EMAIL:          ${{ secrets.DIRECTUS_ADMIN_EMAIL }}
+      DIRECTUS_ADMIN_PASSWORD:       ${{ secrets.DIRECTUS_ADMIN_PASSWORD }}
+      DIRECTUS_DB_NAME:              ${{ secrets.DIRECTUS_DB_NAME || 'directus' }}
+      DIRECTUS_DB_USER:              ${{ secrets.DIRECTUS_DB_USER || 'directus' }}
+      DIRECTUS_DB_PASSWORD:          ${{ secrets.DIRECTUS_DB_PASSWORD }}
+      DIRECTUS_API_TOKEN:            ${{ secrets.DIRECTUS_API_TOKEN }}
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: 🚀 Deploy to ${{ env.TARGET }}
        run: |
-          echo "🚀 Deploying to alpha.mintel.me..."
-          
-          # Setup SSH
+          echo "Deploying $TARGET → $IMAGE_TAG"
+
          mkdir -p ~/.ssh
          echo "${{ secrets.ALPHA_SSH_KEY }}" > ~/.ssh/id_ed25519
          chmod 600 ~/.ssh/id_ed25519
          ssh-keyscan -H alpha.mintel.me >> ~/.ssh/known_hosts 2>/dev/null
-          
-          # Create .env file content
+
          cat > /tmp/klz-cables.env << EOF
-          # ============================================================================
-          # KLZ Cables - Production Environment Configuration
-          # ============================================================================
-          # Auto-generated by CI/CD workflow
-          # DO NOT EDIT MANUALLY - Changes will be overwritten on next deployment
-          # ============================================================================
-          
-          # Application
+          # Generated by CI - $TARGET - $(date -u)
          NODE_ENV=production
-          NEXT_PUBLIC_BASE_URL=${{ secrets.NEXT_PUBLIC_BASE_URL }}
-          
-          # Analytics (Umami)
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID=${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID }}
-          NEXT_PUBLIC_UMAMI_SCRIPT_URL=${{ secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL }}
-          
-          # Error Tracking (GlitchTip/Sentry)
-          SENTRY_DSN=${{ secrets.SENTRY_DSN }}
-          
-          # Email Configuration (Mailgun)
-          MAIL_HOST=${{ secrets.MAIL_HOST }}
-          MAIL_PORT=${{ secrets.MAIL_PORT }}
-          MAIL_USERNAME=${{ secrets.MAIL_USERNAME }}
-          MAIL_PASSWORD=${{ secrets.MAIL_PASSWORD }}
-          MAIL_FROM=${{ secrets.MAIL_FROM }}
-          MAIL_RECIPIENTS=${{ secrets.MAIL_RECIPIENTS }}
-          
+          NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
+          NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
+          NEXT_PUBLIC_UMAMI_SCRIPT_URL=$NEXT_PUBLIC_UMAMI_SCRIPT_URL
+          SENTRY_DSN=$SENTRY_DSN
+          MAIL_HOST=$MAIL_HOST
+          MAIL_PORT=$MAIL_PORT
+          MAIL_USERNAME=$MAIL_USERNAME
+          MAIL_PASSWORD=$MAIL_PASSWORD
+          MAIL_FROM=$MAIL_FROM
+          MAIL_RECIPIENTS=$MAIL_RECIPIENTS
+
+          # Directus
+          DIRECTUS_URL=$DIRECTUS_URL
+          DIRECTUS_HOST=$DIRECTUS_HOST
+          DIRECTUS_KEY=$DIRECTUS_KEY
+          DIRECTUS_SECRET=$DIRECTUS_SECRET
+          DIRECTUS_ADMIN_EMAIL=$DIRECTUS_ADMIN_EMAIL
+          DIRECTUS_ADMIN_PASSWORD=$DIRECTUS_ADMIN_PASSWORD
+          DIRECTUS_DB_NAME=$DIRECTUS_DB_NAME
+          DIRECTUS_DB_USER=$DIRECTUS_DB_USER
+          DIRECTUS_DB_PASSWORD=$DIRECTUS_DB_PASSWORD
+          DIRECTUS_API_TOKEN=$DIRECTUS_API_TOKEN
+
+          IMAGE_TAG=$IMAGE_TAG
+          TRAEFIK_HOST=$TRAEFIK_HOST
+          ENV_FILE=$ENV_FILE
          EOF
-          
-          # Upload .env and deploy
-          scp -o StrictHostKeyChecking=accept-new /tmp/klz-cables.env root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/.env
-          
-          ssh -o StrictHostKeyChecking=accept-new root@alpha.mintel.me bash << EOF
-          set -e
-          cd /home/deploy/sites/klz-cables.com
-          
-          chmod 600 .env
-          chown deploy:deploy .env
-          
-          echo "${{ secrets.REGISTRY_PASS }}" | docker login registry.infra.mintel.me -u "${{ secrets.REGISTRY_USER }}" --password-stdin
-          docker pull registry.infra.mintel.me/mintel/klz-cables.com:latest
-          
-          docker-compose down
-          
-          echo "🚀 Starting containers..."
-          docker-compose up -d
-          
-          echo "⏳ Giving the app a few seconds to warm up..."
-          sleep 10
-          
-          echo "🔍 Checking container status..."
-          docker-compose ps
-          
-          if ! docker-compose ps | grep -q "Up"; then
-            echo "❌ Container failed to start"
-            docker-compose logs --tail=100
-            exit 1
-          fi

-          echo "✅ Deployment complete!"
-          EOF
-          
-          rm -f /tmp/klz-cables.env
+          scp -o StrictHostKeyChecking=accept-new /tmp/klz-cables.env root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/$ENV_FILE
+          scp -o StrictHostKeyChecking=accept-new docker-compose.yml root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/docker-compose.yml

-      # ═══════════════════════════════════════════════════════════════════════════════
-      # LOGGING: Workflow Summary
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 📊 Workflow Summary
-        if: always()
+          ssh -o StrictHostKeyChecking=accept-new root@alpha.mintel.me IMAGE_TAG="$IMAGE_TAG" ENV_FILE="$ENV_FILE" PROJECT_NAME="$PROJECT_NAME" bash << 'EOF'
+            set -e
+            cd /home/deploy/sites/klz-cables.com
+            chmod 600 "$ENV_FILE"
+            chown deploy:deploy "$ENV_FILE"
+            echo "${{ secrets.REGISTRY_PASS }}" | docker login registry.infra.mintel.me -u "${{ secrets.REGISTRY_USER }}" --password-stdin
+            echo "→ Pulling image: $IMAGE_TAG"
+            docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" pull
+            echo "→ Starting containers..."
+            docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" up -d --remove-orphans
+            docker system prune -f --filter "until=168h"
+            echo "→ Waiting 15s for warmup..."
+            sleep 15
+            echo "→ Container status:"
+            docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" ps
+            if ! docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" ps | grep -q "Up"; then
+              echo "❌ Fehler: Container nicht Up!"
+              docker compose -p "$PROJECT_NAME" --env-file "$ENV_FILE" logs --tail=150
+              exit 1
+            fi
+
+  # ──────────────────────────────────────────────────────────────────────────────
+  # JOB 5: Notifications
+  # ──────────────────────────────────────────────────────────────────────────────
+  notifications:
+    name: 🔔 Notifications
+    needs: [prepare, qa, build, deploy]
+    if: always()
+    runs-on: docker
+    steps:
+      - name: 📊 Deployment Summary
        run: |
-          echo "📊 Status: ${{ job.status }}"
-          echo "🎯 Target: alpha.mintel.me"
+          echo "┌──────────────────────────────┐"
+          echo "│ Deployment Summary           │"
+          echo "├──────────────────────────────┤"
+          echo "│ Status:     ${{ needs.deploy.result }} │"
+          echo "│ Umgebung:   ${{ needs.prepare.outputs.target || 'skipped' }} │"
+          echo "│ Version:    ${{ needs.prepare.outputs.image_tag }} │"
+          echo "│ Commit:     ${{ needs.prepare.outputs.short_sha }} │"
+          echo "│ Message:    ${{ needs.prepare.outputs.commit_msg }} │"
+          echo "└──────────────────────────────┘"

-      # ═══════════════════════════════════════════════════════════════════════════════
-      # NOTIFICATION: Gotify
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 🔔 Gotify Notification (Success)
-        if: success()
+      - name: 🔔 Gotify - Success
+        if: needs.deploy.result == 'success'
        run: |
-          echo "Sending success notification to Gotify..."
-          RESPONSE=$(curl -k -s -w "\n%{http_code}" -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-            -F "title=✅ Deployment Success: ${{ github.repository }}" \
-            -F "message=The deployment of ${{ github.repository }} (branch: ${{ github.ref }}) was successful.
-            
-            Commit: ${{ github.sha }}
-            Actor: ${{ github.actor }}
-            Run ID: ${{ github.run_id }}" \
-            -F "priority=5")
-          
-          HTTP_CODE=$(echo "$RESPONSE" | tail -n1)
-          BODY=$(echo "$RESPONSE" | sed '$d')
-          
-          echo "HTTP Status: $HTTP_CODE"
-          echo "Response Body: $BODY"
-          
-          if [ "$HTTP_CODE" -lt 200 ] || [ "$HTTP_CODE" -ge 300 ]; then
-            echo "Failed to send Gotify notification"
-            exit 0 # Don't fail the workflow because of notification failure
-          fi
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=${{ needs.prepare.outputs.gotify_title }}" \
+            -F "message=Erfolgreich deployt auf **${{ needs.prepare.outputs.target }}**\n\nVersion: **${{ needs.prepare.outputs.image_tag }}**\nCommit: ${{ needs.prepare.outputs.short_sha }} (${{ needs.prepare.outputs.commit_msg }})\nVon: ${{ github.actor }}\nRun: ${{ github.run_id }}" \
+            -F "priority=4" || true

-      - name: 🔔 Gotify Notification (Failure)
-        if: failure()
+      - name: 🔔 Gotify - Failure
+        if: needs.deploy.result == 'failure' || needs.build.result == 'failure' || needs.qa.result == 'failure'
        run: |
-          echo "Sending failure notification to Gotify..."
-          RESPONSE=$(curl -k -s -w "\n%{http_code}" -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-            -F "title=❌ Deployment Failed: ${{ github.repository }}" \
-            -F "message=The deployment of ${{ github.repository }} (branch: ${{ github.ref }}) failed!
-            
-            Commit: ${{ github.sha }}
-            Actor: ${{ github.actor }}
-            Run ID: ${{ github.run_id }}
-            
-            Please check the logs for details." \
-            -F "priority=8")
-          
-          HTTP_CODE=$(echo "$RESPONSE" | tail -n1)
-          BODY=$(echo "$RESPONSE" | sed '$d')
-          
-          echo "HTTP Status: $HTTP_CODE"
-          echo "Response Body: $BODY"
-          
-          if [ "$HTTP_CODE" -lt 200 ] || [ "$HTTP_CODE" -ge 300 ]; then
-            echo "Failed to send Gotify notification"
-            exit 0 # Don't fail the workflow because of notification failure
-          fi
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=❌ Deployment FEHLGESCHLAGEN – ${{ needs.prepare.outputs.target || 'unknown' }}" \
+            -F "message=**Fehler beim Deploy auf ${{ needs.prepare.outputs.target }}**\n\nVersion: ${{ needs.prepare.outputs.image_tag || '?' }}\nCommit: ${{ needs.prepare.outputs.short_sha || '?' }}\nVon: ${{ github.actor }}\nRun: ${{ github.run_id }}\n\nBitte Logs prüfen!" \
+            -F "priority=8" || true
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,7 @@
 node_modules
-.next
+.next
+.DS_Store
+
+# Directus
+directus/uploads
+!directus/extensions/
--- a/6
+++ b/6
@@ -8,7 +8,7 @@ WORKDIR /app

 # Install dependencies based on the preferred package manager
 COPY package.json package-lock.json* ./
-RUN npm ci
+RUN --mount=type=cache,target=/root/.npm npm ci


 # Rebuild the source code only when needed
@@ -27,15 +27,17 @@ ENV NEXT_TELEMETRY_DISABLED=1
 ARG NEXT_PUBLIC_BASE_URL
 ARG NEXT_PUBLIC_UMAMI_WEBSITE_ID
 ARG NEXT_PUBLIC_UMAMI_SCRIPT_URL
+ARG DIRECTUS_URL

 ENV NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
 ENV NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
 ENV NEXT_PUBLIC_UMAMI_SCRIPT_URL=$NEXT_PUBLIC_UMAMI_SCRIPT_URL
+ENV DIRECTUS_URL=$DIRECTUS_URL

 # Validate environment variables during build
 RUN npx tsx scripts/validate-env.ts

-RUN npm run build
+RUN --mount=type=cache,target=/app/.next/cache npm run build

 # Production image, copy all the files and run next
 FROM base AS runner
--- a/README.md
+++ b/README.md
@@ -29,6 +29,35 @@ npm run export

 # Or run development server
 npm run dev
+
+### 🏗️ CMS (Strapi)
+The CMS runs in Docker. Use the following npm scripts for local development:
+
+```bash
+# Start Strapi and its database
+npm run cms:dev
+
+# View logs
+npm run cms:logs
+
+# Stop the CMS
+npm run cms:stop
+```
+
+Once running, you can access the Strapi admin panel at `http://localhost:1337/admin`.
+
+### 🔄 Data & Migration
+To sync data or migrate existing content:
+
+```bash
+# Export local data
+npm run cms:export -- my-data.tar.gz
+
+# Import data
+npm run cms:import -- my-data.tar.gz
+
+# Migrate existing MDX data to Strapi
+npm run cms:migrate
 ```

 ### Environment Variables
@@ -73,7 +102,8 @@ NEXT_PUBLIC_SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
 - **Framework**: Next.js 14 (App Router)
 - **Language**: TypeScript
 - **Styling**: SCSS
- **Data**: Static JSON (WordPress export)
+- **CMS**: Strapi (Source of Truth)
+- **Data**: Static JSON (WordPress export) & Strapi API
 - **Email**: Resend
 - **Analytics**: Vercel (consent-based)
 - **CAPTCHA**: Cloudflare Turnstile
@@ -103,7 +133,7 @@ app/
 ├── api/
 │   └── contact/route.ts # Contact API
 ├── sitemap.ts          # Sitemap generator
-└── robots.ts           # Robots.txt generator
+├── robots.ts           # Robots.txt generator

 lib/
 ├── data.ts             # Data access
@@ -114,7 +144,7 @@ components/
 ├── LocaleSwitcher.tsx  # Language switcher
 ├── ContactForm.tsx     # Contact form
 ├── CookieConsent.tsx   # GDPR banner
-└── SEO.tsx             # SEO utilities
+├── SEO.tsx             # SEO utilities

 data/
 ├── raw/                # WordPress export
@@ -222,21 +252,30 @@ GET /robots.txt

 ### Automatic Deployment (Current Setup)

-The project uses **Gitea Actions** for CI/CD. Every push to `main` triggers:
+The project uses **Gitea Actions** for CI/CD. Every push to `main` or `staging` triggers:

-1. **Build**: Docker image built for `linux/arm64`
-2. **Push**: Image pushed to `registry.infra.mintel.me`
-3. **Deploy**: SSH to production server, pull and restart containers
+1. **Build**: Docker image built for `linux/arm64` with branch-specific build args
+2. **Push**: Image pushed to `registry.infra.mintel.me` with commit SHA tag
+3. **Deploy**: SSH to production server, pull and restart containers using branch-specific `.env` files

 **Workflow**: `.gitea/workflows/deploy.yml`

+**Branch Deployments**:
+- `main` branch: Deploys to production using `.env.prod`
+- `staging` branch: Deploys to staging using `.env.staging`
+
+**Environment Overrides**:
+The CI/CD workflow supports `STAGING_`-prefixed secrets (e.g., `STAGING_NEXT_PUBLIC_BASE_URL`) to override default secrets when deploying the `staging` branch.
+
 **Required Secrets** (configure in Gitea repository settings):
 - `REGISTRY_USER` - Docker registry username
 - `REGISTRY_PASS` - Docker registry password
 - `ALPHA_SSH_KEY` - SSH private key for deployment
+- `NEXT_PUBLIC_BASE_URL` - Application base URL (e.g., `https://klz-cables.com`)
 - `NEXT_PUBLIC_UMAMI_WEBSITE_ID` - Analytics ID
 - `NEXT_PUBLIC_UMAMI_SCRIPT_URL` - Analytics script URL
 - `SENTRY_DSN` - Error tracking DSN
+- `MAIL_HOST`, `MAIL_PORT`, `MAIL_USERNAME`, `MAIL_PASSWORD`, `MAIL_FROM`, `MAIL_RECIPIENTS` - Email configuration

 ### Manual Deployment

--- a/app/[locale]/[slug]/opengraph-image.tsx
+++ b/app/[locale]/[slug]/opengraph-image.tsx
@@ -1,6 +1,7 @@
 import { ImageResponse } from 'next/og';
 import { getPageBySlug } from '@/lib/pages';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

@@ -8,11 +9,11 @@ export default async function Image({ params: { locale, slug } }: { params: { lo
  const pageData = await getPageBySlug(slug, locale);

  if (!pageData) {
-    return new ImageResponse(
-      <div style={{ display: 'flex', width: '100%', height: '100%', backgroundColor: '#001a4d' }} />
-    );
+    return new Response('Page not found', { status: 404 });
  }

+  const fonts = await getOgFonts();
+
  return new ImageResponse(
    (
      <OGImageTemplate
@@ -22,8 +23,9 @@ export default async function Image({ params: { locale, slug } }: { params: { lo
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
+
--- a/app/[locale]/api/og/product/route.tsx
+++ b/app/[locale]/api/og/product/route.tsx
@@ -3,6 +3,7 @@ import { getProductBySlug } from '@/lib/mdx';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
 import { NextRequest } from 'next/server';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

@@ -10,7 +11,7 @@ export async function GET(
  request: NextRequest,
  { params }: { params: { locale: string } }
 ) {
-  const { searchParams } = new URL(request.url);
+  const { searchParams, origin } = new URL(request.url);
  const slug = searchParams.get('slug');
  const locale = params.locale || 'en';

@@ -18,6 +19,7 @@ export async function GET(
    return new Response('Missing slug', { status: 400 });
  }

+  const fonts = await getOgFonts();
  const t = await getTranslations({ locale, namespace: 'Products' });

  // Check if it's a category page
@@ -36,8 +38,8 @@ export async function GET(
        />
      ),
      {
-        width: 1200,
-        height: 630,
+        ...OG_IMAGE_SIZE,
+        fonts,
      }
    );
  }
@@ -45,16 +47,13 @@ export async function GET(
  const product = await getProductBySlug(slug, locale);

  if (!product) {
-    return new ImageResponse(
-      <div style={{ display: 'flex', width: '100%', height: '100%', backgroundColor: '#001a4d' }} />
-    );
+    return new Response('Product not found', { status: 404 });
  }

-  const { origin } = new URL(request.url);
  const featuredImage = product.frontmatter.images?.[0]
    ? (product.frontmatter.images[0].startsWith('http')
-        ? product.frontmatter.images[0]
-        : `${origin}${product.frontmatter.images[0]}`)
+      ? product.frontmatter.images[0]
+      : `${origin}${product.frontmatter.images[0]}`)
    : undefined;

  return new ImageResponse(
@@ -67,8 +66,9 @@ export async function GET(
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
+
--- a/app/[locale]/blog/[slug]/opengraph-image.tsx
+++ b/app/[locale]/blog/[slug]/opengraph-image.tsx
@@ -1,6 +1,7 @@
 import { ImageResponse } from 'next/og';
 import { getPostBySlug } from '@/lib/blog';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

@@ -8,15 +9,19 @@ export default async function Image({ params: { locale, slug } }: { params: { lo
  const post = await getPostBySlug(slug, locale);

  if (!post) {
-    return new ImageResponse(
-      <div style={{ display: 'flex', width: '100%', height: '100%', backgroundColor: '#001a4d' }} />
-    );
+    return new Response('Post not found', { status: 404 });
  }

+  const fonts = await getOgFonts();
+
+  // We don't have request.url here, but we can assume the domain from SITE_URL or config
+  // For local images during dev, relative paths in <img> might not work in Satori
+  // but if we are in nodejs runtime, we could potentially read from disk.
+  // For now, let's just make sure it's absolute.
  const featuredImage = post.frontmatter.featuredImage
    ? (post.frontmatter.featuredImage.startsWith('http')
-        ? post.frontmatter.featuredImage
-        : `https://klz-cables.com${post.frontmatter.featuredImage}`)
+      ? post.frontmatter.featuredImage
+      : `https://klz-cables.com${post.frontmatter.featuredImage}`)
    : undefined;

  return new ImageResponse(
@@ -29,8 +34,9 @@ export default async function Image({ params: { locale, slug } }: { params: { lo
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
+
--- a/app/[locale]/blog/opengraph-image.tsx
+++ b/app/[locale]/blog/opengraph-image.tsx
@@ -1,25 +1,25 @@
 import { ImageResponse } from 'next/og';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

 export default async function Image({ params: { locale } }: { params: { locale: string } }) {
  const t = await getTranslations({ locale, namespace: 'Blog.meta' });
-  const title = t('title');
-  const description = t('description');
+  const fonts = await getOgFonts();

  return new ImageResponse(
    (
      <OGImageTemplate
-        title={title}
-        description={description}
+        title={t('title')}
+        description={t('description')}
        label="Blog"
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
--- a/app/[locale]/contact/opengraph-image.tsx
+++ b/app/[locale]/contact/opengraph-image.tsx
@@ -1,11 +1,14 @@
 import { ImageResponse } from 'next/og';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

 export default async function Image({ params: { locale } }: { params: { locale: string } }) {
  const t = await getTranslations({ locale, namespace: 'Contact' });
+  const fonts = await getOgFonts();
+
  const title = t('meta.title') || t('title');
  const description = t('meta.description') || t('subtitle');

@@ -18,8 +21,8 @@ export default async function Image({ params: { locale } }: { params: { locale:
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
--- a/app/[locale]/opengraph-image.tsx
+++ b/app/[locale]/opengraph-image.tsx
@@ -1,11 +1,13 @@
 import { ImageResponse } from 'next/og';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

 export default async function Image({ params: { locale } }: { params: { locale: string } }) {
  const t = await getTranslations({ locale, namespace: 'Index.meta' });
+  const fonts = await getOgFonts();

  return new ImageResponse(
    (
@@ -16,8 +18,9 @@ export default async function Image({ params: { locale } }: { params: { locale:
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
+
--- a/app/[locale]/products/[...slug]/page.tsx
+++ b/app/[locale]/products/[...slug]/page.tsx
@@ -5,6 +5,7 @@ import ProductSidebar from '@/components/ProductSidebar';
 import ProductTabs from '@/components/ProductTabs';
 import ProductTechnicalData from '@/components/ProductTechnicalData';
 import RelatedProducts from '@/components/RelatedProducts';
+import DatasheetDownload from '@/components/DatasheetDownload';
 import { Badge, Container, Heading, Section } from '@/components/ui';
 import { getDatasheetPath } from '@/lib/datasheets';
 import { getAllProducts, getProductBySlug } from '@/lib/mdx';
@@ -362,6 +363,19 @@ export default async function ProductPage({ params }: ProductPageProps) {
                 <MDXRemote source={processedContent} components={productComponents} />
              </div>

+              {/* Datasheet Download Section - Only for Medium Voltage for now */}
+              {categoryFileSlug === 'medium-voltage-cables' && datasheetPath && (
+                <div className="mt-24 pt-24 border-t-2 border-neutral-dark/5">
+                  <div className="mb-12">
+                    <h2 className="text-3xl md:text-4xl font-black text-primary tracking-tighter uppercase mb-4">
+                      {t('downloadDatasheet')}
+                    </h2>
+                    <div className="h-1.5 w-24 bg-accent rounded-full" />
+                  </div>
+                  <DatasheetDownload datasheetPath={datasheetPath} />
+                </div>
+              )}
+
              {/* Structured Data */}
              <JsonLd
                id={`jsonld-${product.slug}`}
--- a/app/[locale]/products/opengraph-image.tsx
+++ b/app/[locale]/products/opengraph-image.tsx
@@ -1,83 +1,29 @@
 import { ImageResponse } from 'next/og';
-import { getProductBySlug } from '@/lib/mdx';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

-export default async function Image({ params: { locale, slug } }: { params: { locale: string, slug?: string[] } }) {
-  const t = await getTranslations('Products');
+export default async function Image({ params: { locale } }: { params: { locale: string } }) {
+  const t = await getTranslations({ locale, namespace: 'Products' });
+  const fonts = await getOgFonts();

-  // If no slug, it's the main products page
-  if (!slug || slug.length === 0) {
-    const title = t('meta.title') || t('title');
-    const description = t('meta.description') || t('subtitle');
-
-    return new ImageResponse(
-      (
-        <OGImageTemplate
-          title={title}
-          description={description}
-          label="Products"
-        />
-      ),
-      {
-        width: 1200,
-        height: 630,
-      }
-    );
-  }
-
-  const productSlug = slug[slug.length - 1];
-
-  // Check if it's a category page
-  const categories = ['low-voltage-cables', 'medium-voltage-cables', 'high-voltage-cables', 'solar-cables'];
-  if (categories.includes(productSlug)) {
-    const categoryKey = productSlug.replace(/-cables$/, '').replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-    const categoryTitle = t.has(`categories.${categoryKey}.title`) ? t(`categories.${categoryKey}.title`) : productSlug;
-    const categoryDesc = t.has(`categories.${categoryKey}.description`) ? t(`categories.${categoryKey}.description`) : '';
-
-    return new ImageResponse(
-      (
-        <OGImageTemplate
-          title={categoryTitle}
-          description={categoryDesc}
-          label="Product Category"
-        />
-      ),
-      {
-        width: 1200,
-        height: 630,
-      }
-    );
-  }
-
-  const product = await getProductBySlug(productSlug, locale);
-
-  if (!product) {
-    return new ImageResponse(
-      <div style={{ display: 'flex', width: '100%', height: '100%', backgroundColor: '#001a4d' }} />
-    );
-  }
-
-  const featuredImage = product.frontmatter.images?.[0]
-    ? (product.frontmatter.images[0].startsWith('http')
-        ? product.frontmatter.images[0]
-        : `https://klz-cables.com${product.frontmatter.images[0]}`)
-    : undefined;
+  const title = t('meta.title') || t('title');
+  const description = t('meta.description') || t('subtitle');

  return new ImageResponse(
    (
      <OGImageTemplate
-        title={product.frontmatter.title}
-        description={product.frontmatter.description}
-        label={product.frontmatter.categories?.[0] || 'Product'}
-        image={featuredImage}
+        title={title}
+        description={description}
+        label="Products"
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
+
--- a/app/[locale]/team/opengraph-image.tsx
+++ b/app/[locale]/team/opengraph-image.tsx
@@ -1,11 +1,14 @@
 import { ImageResponse } from 'next/og';
 import { getTranslations } from 'next-intl/server';
 import { OGImageTemplate } from '@/components/OGImageTemplate';
+import { getOgFonts, OG_IMAGE_SIZE } from '@/lib/og-helper';

 export const runtime = 'nodejs';

 export default async function Image({ params: { locale } }: { params: { locale: string } }) {
  const t = await getTranslations({ locale, namespace: 'Team' });
+  const fonts = await getOgFonts();
+
  const title = t('meta.title') || t('hero.subtitle');
  const description = t('meta.description') || t('hero.title');

@@ -15,12 +18,12 @@ export default async function Image({ params: { locale } }: { params: { locale:
        title={title}
        description={description}
        label="Our Team"
-        image="https://klz-cables.com/uploads/2024/12/DSC07655-Large.webp"
      />
    ),
    {
-      width: 1200,
-      height: 630,
+      ...OG_IMAGE_SIZE,
+      fonts,
    }
  );
 }
+
--- a/app/actions/contact.ts
+++ b/app/actions/contact.ts
@@ -1,5 +1,7 @@
 "use server";

+import client, { ensureAuthenticated } from "@/lib/directus";
+import { createItem } from "@directus/sdk";
 import { sendEmail } from "@/lib/mail/mailer";
 import ContactEmail from "@/components/emails/ContactEmail";
 import React from "react";
@@ -18,10 +20,34 @@ export async function sendContactFormAction(formData: FormData) {
    return { success: false, error: "Missing required fields" };
  }

+  // 1. Save to Directus
+  try {
+    await ensureAuthenticated();
+    if (productName) {
+      await client.request(createItem('product_requests', {
+        product_name: productName,
+        email,
+        message
+      }));
+      logger.info('Product request stored in Directus');
+    } else {
+      await client.request(createItem('contact_submissions', {
+        name,
+        email,
+        message
+      }));
+      logger.info('Contact submission stored in Directus');
+    }
+  } catch (error) {
+    logger.error('Failed to store submission in Directus', { error });
+    // We continue anyway to try sending the email, but maybe we should report this
+  }
+
+  // 2. Send Email
  logger.info('Sending contact form email', { email, productName });

  const subject = productName
-    ? `Product Inquiry: ${productName}` 
+    ? `Product Inquiry: ${productName}`
    : "New Contact Form Submission";

  const result = await sendEmail({
--- a/components/DatasheetDownload.tsx
+++ b/components/DatasheetDownload.tsx
@@ -0,0 +1,68 @@
+'use client';
+
+import { cn } from '@/components/ui/utils';
+import { useTranslations } from 'next-intl';
+
+interface DatasheetDownloadProps {
+  datasheetPath: string;
+  className?: string;
+}
+
+export default function DatasheetDownload({ datasheetPath, className }: DatasheetDownloadProps) {
+  const t = useTranslations('Products');
+
+  return (
+    <div className={cn("mt-8 animate-slight-fade-in-from-bottom", className)}>
+      <a 
+        href={datasheetPath} 
+        target="_blank"
+        rel="noopener noreferrer"
+        className="group relative block w-full overflow-hidden rounded-[32px] bg-primary-dark p-1 transition-all duration-500 hover:shadow-[0_20px_50px_rgba(0,0,0,0.2)] hover:-translate-y-1"
+      >
+        {/* Animated Background Gradient */}
+        <div className="absolute inset-0 bg-gradient-to-r from-accent via-saturated to-accent opacity-20 group-hover:opacity-40 transition-opacity duration-500 animate-gradient-x" />
+        
+        {/* Inner Content */}
+        <div className="relative flex items-center gap-6 rounded-[31px] bg-primary-dark/90 backdrop-blur-xl p-6 md:p-8 border border-white/10">
+          {/* Icon Container */}
+          <div className="relative flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-2xl bg-white/5 border border-white/10 group-hover:bg-accent group-hover:border-white/20 transition-all duration-500">
+            <div className="absolute inset-0 rounded-2xl bg-accent/20 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
+            <svg 
+              className="relative h-8 w-8 text-white transition-transform duration-500 group-hover:scale-110 group-hover:rotate-3" 
+              fill="none" 
+              stroke="currentColor" 
+              viewBox="0 0 24 24"
+            >
+              <path 
+                strokeLinecap="round" 
+                strokeLinejoin="round" 
+                strokeWidth={1.5} 
+                d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" 
+              />
+            </svg>
+          </div>
+
+          {/* Text Content */}
+          <div className="flex-1">
+            <div className="flex items-center gap-2 mb-1">
+              <span className="text-[10px] font-black uppercase tracking-[0.2em] text-accent">PDF Datasheet</span>
+            </div>
+            <h3 className="text-xl md:text-2xl font-black text-white uppercase tracking-tighter leading-none group-hover:text-accent transition-colors duration-300">
+              {t('downloadDatasheet')}
+            </h3>
+            <p className="mt-2 text-sm font-medium text-white/60 leading-relaxed">
+              {t('downloadDatasheetDesc')}
+            </p>
+          </div>
+
+          {/* Arrow Icon */}
+          <div className="flex h-10 w-10 items-center justify-center rounded-full bg-white/5 text-white/20 group-hover:bg-accent group-hover:text-white group-hover:translate-x-1 transition-all duration-500">
+            <svg className="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M9 5l7 7-7 7" />
+            </svg>
+          </div>
+        </div>
+      </a>
+    </div>
+  );
+}
--- a/components/OGImageTemplate.tsx
+++ b/components/OGImageTemplate.tsx
@@ -29,7 +29,7 @@ export function OGImageTemplate({
    backgroundColor: mode === 'light' ? '#ffffff' : primaryBlue,
    padding: '80px',
    position: 'relative',
-    fontFamily: 'Inter, sans-serif',
+    fontFamily: 'Inter',
  };

  return (
@@ -39,7 +39,10 @@ export function OGImageTemplate({
        <div
          style={{
            position: 'absolute',
-            inset: 0,
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
            display: 'flex',
          }}
        >
@@ -57,23 +60,26 @@ export function OGImageTemplate({
          <div
            style={{
              position: 'absolute',
-              inset: 0,
-              background: 'linear-gradient(to right, rgba(0,26,77,0.9) 0%, rgba(0,26,77,0.4) 100%)',
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              background: 'linear-gradient(to right, rgba(0,26,77,0.95), rgba(0,26,77,0.6))',
            }}
          />
        </div>
      )}

-      {/* Decorative Scribble Circle (Simplified for Satori) */}
+      {/* Decorative Brand Accent (Top Right) */}
      <div
        style={{
          position: 'absolute',
-          top: '-100px',
-          right: '-100px',
+          top: '-150px',
+          right: '-150px',
          width: '600px',
          height: '600px',
-          borderRadius: '50%',
-          background: `radial-gradient(circle, ${accentGreen}1a 0%, transparent 70%)`,
+          borderRadius: '300px',
+          backgroundColor: `${accentGreen}15`,
          display: 'flex',
        }}
      />
@@ -84,11 +90,11 @@ export function OGImageTemplate({
          <div
            style={{
              fontSize: '24px',
-              fontWeight: 'bold',
+              fontWeight: 700,
              color: accentGreen,
              textTransform: 'uppercase',
-              letterSpacing: '0.2em',
-              marginBottom: '24px',
+              letterSpacing: '0.3em',
+              marginBottom: '32px',
              display: 'flex',
            }}
          >
@@ -99,13 +105,14 @@ export function OGImageTemplate({
        {/* Title */}
        <div
          style={{
-            fontSize: '72px',
-            fontWeight: '900',
+            fontSize: title.length > 40 ? '64px' : '82px',
+            fontWeight: 700,
            color: 'white',
-            lineHeight: '1.1',
-            maxWidth: '900px',
-            marginBottom: '32px',
+            lineHeight: '1.05',
+            maxWidth: '950px',
+            marginBottom: '40px',
            display: 'flex',
+            letterSpacing: '-0.02em',
          }}
        >
          {title}
@@ -116,13 +123,14 @@ export function OGImageTemplate({
          <div
            style={{
              fontSize: '32px',
-              color: 'rgba(255,255,255,0.8)',
-              maxWidth: '800px',
+              color: 'rgba(255,255,255,0.7)',
+              maxWidth: '850px',
              lineHeight: '1.4',
              display: 'flex',
+              fontWeight: 400,
            }}
          >
-            {description}
+            {description.length > 160 ? description.substring(0, 157) + '...' : description}
          </div>
        )}
      </div>
@@ -139,33 +147,34 @@ export function OGImageTemplate({
      >
        <div
          style={{
-            width: '120px',
-            height: '8px',
+            width: '80px',
+            height: '6px',
            backgroundColor: accentGreen,
-            borderRadius: '4px',
+            borderRadius: '3px',
            marginRight: '24px',
          }}
        />
        <div
          style={{
            fontSize: '24px',
-            fontWeight: 'bold',
+            fontWeight: 700,
            color: 'white',
            textTransform: 'uppercase',
-            letterSpacing: '0.1em',
+            letterSpacing: '0.15em',
+            display: 'flex',
          }}
        >
          KLZ Cables
        </div>
      </div>

-      {/* Saturated Blue Accent */}
+      {/* Saturated Blue Brand Strip */}
      <div
        style={{
          position: 'absolute',
          top: 0,
          right: 0,
-          width: '10px',
+          width: '12px',
          height: '100%',
          backgroundColor: saturatedBlue,
        }}
@@ -173,3 +182,4 @@ export function OGImageTemplate({
    </div>
  );
 }
+
--- a/components/ProductSidebar.tsx
+++ b/components/ProductSidebar.tsx
@@ -3,6 +3,7 @@
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import RequestQuoteForm from '@/components/RequestQuoteForm';
+import DatasheetDownload from '@/components/DatasheetDownload';
 import Scribble from '@/components/Scribble';
 import { cn } from '@/components/ui/utils';

@@ -64,33 +65,7 @@ export default function ProductSidebar({ productName, productImage, datasheetPat

      {/* Datasheet Download */}
      {datasheetPath && (
-        <a 
-          href={datasheetPath} 
-          target="_blank"
-          rel="noopener noreferrer"
-          className="block bg-white rounded-2xl border border-neutral-medium overflow-hidden group transition-all duration-500 hover:shadow-xl hover:border-saturated/30 hover:-translate-y-0.5"
-        >
-          <div className="p-4 flex items-center gap-4">
-            <div className="w-12 h-12 rounded-xl bg-neutral-medium/20 flex items-center justify-center flex-shrink-0 group-hover:bg-saturated group-hover:text-white transition-all duration-500 text-saturated border border-transparent group-hover:border-white/20">
-              <svg className="w-6 h-6 transition-transform duration-500 group-hover:scale-110" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-              </svg>
-            </div>
-            <div className="flex-1 min-w-0">
-              <h3 className="text-sm md:text-base font-heading font-black text-neutral-dark m-0 uppercase tracking-tighter leading-tight group-hover:text-saturated transition-colors duration-300">
-                {t('downloadDatasheet')}
-              </h3>
-              <p className="text-text-secondary text-[10px] md:text-xs m-0 mt-0.5 font-semibold leading-tight truncate uppercase tracking-widest opacity-60">
-                {t('downloadDatasheetDesc')}
-              </p>
-            </div>
-            <div className="text-neutral-dark/20 group-hover:text-saturated transition-all duration-500 transform group-hover:translate-x-1">
-              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M9 5l7 7-7 7" />
-              </svg>
-            </div>
-          </div>
-        </a>
+        <DatasheetDownload datasheetPath={datasheetPath} className="mt-0" />
      )}
    </div>
  );
--- a/data/pages/de/agbs.mdx
+++ b/data/pages/de/agbs.mdx
@@ -5,7 +5,7 @@ featuredImage: null
 locale: de
 ---

-*Stand November 2024*
+*Stand Januar 2026*

 ## 1. Allgemeines

@@ -21,13 +21,12 @@ Sofern nicht ausdrücklich als bindend bezeichnet, sind unsere Angebote freiblei

 ## 3. Preise

-Alle von uns genannten Preise verstehen sich zzgl. der jeweiligen gesetzlichen Mehrwertsteuer vor Metallzuschlag fracht- frei innerhalb der Bundesrepublik Deutschland (Festland), jedoch ohne Abladen. Die Verkaufspreise, soweit sie als Hohlpreis deklariert sind, enthalten keinerlei Metallwerte. Diese werden zusätzlich separat berechnet.
+Die Preise gelten für den in unseren Angeboten und Auftragsbestätigungen aufgeführten Leistungs- und Lieferumfang. Mehrleistungen werden gesondert berechnet. Die Hohlpreise verstehen sich in Euro zuzüglich Metallzuschlag, gegebenenfalls Verpackung, auftragsspezifischer Schnittkosten und der gesetzlichen Mehrwertsteuer.

 ## 4. Metallnotierung

-Basis zur Kupferabrechnung ist die Notierung "LME Copper official price cash offer", Durchschnitt des Liefervormonats zuzüglich der dann aktuellen von uns benannten Kupfer-Prämie.
-
-Basis zur Aluminiumabrechnung ist die Notierung "LME Aluminium official price cash offer", Durchschnitt des Liefervormonats zuzüglich der dann von uns benannten Aluminium-Prämie. USD werden auf Basis des EUR/USD LME-FX-Rate (MTLE) in EUR umgerechnet. Die entsprechenden Notierungen können Sie der Web-Seite [www.westmetall.com](https://www.westmetall.com) entnehmen. Die Prämienzuschläge können stark variieren und KLZ behält sich das Recht vor, diese fristgerecht anzupassen, ungeachtet der Angebotslegung.
+Basis zur Kupferabrechnung ist die Notierung „LME Copper official price cash offer“, Durchschnitt des Liefervormonats zuzüglich der dann aktuellen von uns benannten Kupfer-Prämie.
+Basis zur Aluminiumabrechnung ist die Notierung „LME Aluminium official price cash offer“, Durchschnitt des Liefervormonats zuzüglich der dann von uns benannten Aluminium-Prämie. USD werden auf Basis des EUR/USD LME-FX-Rate (MTLE) in EUR umgerechnet. Die entsprechenden Notierungen können Sie der Web-Seite [www.westmetall.com](https://www.westmetall.com) entnehmen. Die Prämienzuschläge können stark variieren und KLZ behält sich das Recht vor, diese fristgerecht anzupassen, ungeachtet der Angebotslegung.

 ## 5. Metallzahl

@@ -43,7 +42,7 @@ Wir behalten uns an den von uns gelieferten Waren – nachfolgend: Vorbehaltswar

 ## 8. Zahlungsbedingungen | Aufrechnung | Zurückbehaltungsrechte

-Unsere Rechnungen sind 14 Tage nach Rechnungsdatum ohne jeden Abzug zahlbar. Bei Nichteinhaltung der vereinbarten Zahlungsbedingungen sind wir berechtigt, Zinsen in Höhe von 7 %-Punkten über dem Basiszinssatz zu berechnen; das Recht zur Geltendmachung weitergehender Schäden, insbesondere nachgewiesener höherer Zinsen, bleibt hiervon unberührt.
+Unsere Rechnungen sind 10 Tage nach Rechnungsdatum ohne jeden Abzug zahlbar. Rechnungsstellung bzw. Datum ist grundsätzlich der Tag der Übergabe an den Spediteur soweit wir aus unseren deutschen Lägern liefern. Ansonsten gilt bei Direktimporten der Tag der Verzollung, der zeitnah zum Anliefertag liegt. Bei Nichteinhaltung der vereinbarten Zahlungsbedingungen sind wir berechtigt, Zinsen in Höhe von 7 %-Punkten über dem Basiszinssatz zu berechnen; das Recht zur Geltendmachung weitergehender Schäden, insbesondere nachgewiesener höherer Zinsen, bleibt hiervon unberührt.

 ## 9. Liefervorbehalt | Teillieferungen

@@ -69,13 +68,13 @@ Wird uns ein Abrufauftrag erteilt und werden über die Abruftermine keine gesond

 ## 12. Maß- und Gewichtsangaben

-Alle Angaben über Durchmesser, Gewicht, technische Gestaltung, Herstellung und Umfang der von uns zu liefernden Ware stehen unter dem Vorbehalt der Abweichung innerhalb der handelsüblichen zulässigen Toleranzen. Darüber hinaus behalten wir uns Änderungen, die einer technischen Verbesserung dienen, jederzeit vor. Farbabweichungen und/oder Abweichungen in der äußeren Beschaffenheit der von uns zu liefernden Ware, die jedoch deren Qualität und technische Wirksamkeit unbeeinflusst lassen, begründen keine Mängelhaftungsansprüche des Bestellers.
+Alle Angaben über Durchmesser, Gewicht, technische Gestaltung, Herstellung und Umfang der von uns zu liefernden Ware stehen unter dem Vorbehalt der Abweichung innerhalb der handelsüblichen zulässigen Toleranzen. Darüber hinaus behalten wir uns Änderungen, die einer technischen Verbesserung dienen, jederzeit vor. Farbabweichungen und/oder Abweichungen in der äußeren Beschaffenheit der von uns zu liefernden Ware, die jedoch deren Qualität und technische Wirksamkeit unbeeinflusst lässt, begründen keine Mängelhaftungsansprüche des Bestellers.

 ## 13. Gefahrübergang und -tragung

 Die Lieferung erfolgt DAP frei Bestimmungsort Deutschland, wo auch der Erfüllungsort für die Lieferung und eine etwaige Nacherfüllung ist.

-Wird die bestellte Ware von uns versandbereit gestellt und/oder verzögert sich die Versendung und/oder der Abruf aus Gründen, die vom Besteller zu vertreten sind, sind wir berechtigt, Ersatz des hieraus entstehenden Schadens einschließlich Mehraufwendungen zu verlangen. Hierfür berechnen wir eine pauschale Entschädigung i.H.v 2% des Rechnungsbetrages für jeden angefangenen Monat, maximal jedoch 10 % insgesamt beginnend mit der Lieferfrist bzw. – mangels einer Lieferfrist – mit der Mitteilung der Versandbereitschaft der Ware.
+Wird die bestellte Ware von uns versandbereit gestellt und/oder verzögert sich die Versendung und/oder der Abruf aus Gründen, die vom Besteller zu vertreten sind, sind wir berechtigt, Ersatz des hieraus entstehenden Schadens einschließlich Mehraufwendungen für Einlagerungen zu verlangen. Hierfür berechnen wir eine pauschale Entschädigung i.H. von 2% des Rechnungsbetrages für jeden angefangenen Monat, maximal jedoch 10 % insgesamt beginnend mit der Lieferfrist bzw. – mangels einer Lieferfrist – mit der Mitteilung der Versandbereitschaft der Ware.

 Der Nachweis eines höheren Schadens und unsere gesetzlichen Ansprüche (insbesondere Ersatz von Mehraufwendungen, angemessene Entschädigung, Kündigung) bleiben unberührt; die Pauschale ist aber auf weitergehende Geldansprüche anzurechnen. Dem Besteller bleibt der Nachweis gestattet, dass uns überhaupt kein oder nur ein wesentlich geringerer Schaden als vorstehende Pauschale entstanden ist. Rücksendungen an uns, die nicht vorher von uns schriftlich bestätigt worden sind, erfolgen auf alleinige Gefahr des Bestellers.

@@ -93,7 +92,9 @@ Weitergehende Ansprüche des Bestellers, gleich aus welchem Rechtsgrund, sind na

 Die Verjährungsfristen für Mängelhaftungsansprüche beträgt 24 Monate ab Übergabe der Ware.

-Sollte es bei einer Mängelrüge zu unterschiedlichen Meinungen bezüglich des Kabelschaden kommen, gilt hier im Zweifelsfall nur die Expertise des VDE-Instituts selbst. Andere, auch akkreditierte Testlabore, akzeptieren wir nicht. Wir weisen ausdrücklich daraufhin, dass beim Verlegen des Kabels in den Graben oder in Rohren, bzw. in Bauwerke eine ständige Sichtkontrolle durch den Kabelverleger vorzunehmen ist, ob Auffälligkeiten zu vermerken sind. Eine spätere Reklamation, die fahrlässiges Verhalten vermuten lässt, schränkt sich damit ein.
+Sollte es bei einer Mängelrüge zu unterschiedlichen Meinungen bezüglich des Kabelschaden kommen, gilt hier im Zweifelsfall nur die Expertise des VDE-Instituts selbst. Andere, auch akkreditierte Testlabore, akzeptieren wir nicht.
+
+Wir weisen ausdrücklich daraufhin, dass beim Verlegen des Kabels in den Gräben oder in Rohren, bzw. in Bauwerke eine ständige Sichtkontrolle durch den Kabelverleger vorzunehmen ist, ob Auffälligkeiten zu vermerken sind. Eine spätere Reklamation, die fahrlässiges Verhalten vermuten lässt, schränkt sich damit ein. Dies gilt auch bei der Annahme der Ware, wo offensichtliche Beschädigungen direkt zu kommunizieren sind. Spätere Ansprüche nach Akzeptanz einer einwandfreien Belieferung sind detailliert zu beweisen.

 ## 15. Schadenersatz | Gesamthaftung

@@ -109,4 +110,6 @@ Es gilt ausschließlich das Recht der Bundesrepublik Deutschland unter Ausschlus

 Mit der Veröffentlichung der vorliegenden L&Z im Internet werden alle von uns früher verwendeten Bedingungen gegenstandslos.

+Remshalden, 28.1.2026
+
 [Download als PDF](/AGB-KLZ-1-2026.pdf)
--- a/data/pages/en/terms.mdx
+++ b/data/pages/en/terms.mdx
@@ -5,7 +5,7 @@ featuredImage: null
 locale: en
 ---

-*Status November 2024*
+*Status January 2026*

 ## 1. General

@@ -21,7 +21,7 @@ Unless expressly designated as binding, our offers are non-binding; the customer

 ## 3. Prices

-All prices stated by us are understood plus the respective statutory value-added tax, before metal surcharge, freight-free within the Federal Republic of Germany (mainland), however without unloading. The sales prices, insofar as they are declared as hollow prices, contain no metal values whatsoever. These are additionally calculated separately.
+The prices apply to the scope of services and deliveries listed in our offers and order confirmations. Additional services will be charged separately. The hollow prices are in Euro plus metal surcharge, if applicable packaging, order-specific cutting costs and the statutory value-added tax.

 ## 4. Metal quotation

@@ -43,7 +43,7 @@ We retain title to the goods delivered by us – hereinafter: reserved goods –

 ## 8. Payment terms | Offsetting | Right of retention

-Our invoices are payable 14 days after invoice date without any deduction. In case of non-compliance with the agreed payment terms, we are entitled to calculate interest at a rate of 7 percentage points above the base interest rate; the right to assert further damages, in particular proven higher interest, remains unaffected by this.
+Our invoices are payable 10 days after invoice date without any deduction. Invoicing or date is basically the day of handover to the forwarder as far as we deliver from our German warehouses. Otherwise, in the case of direct imports, the day of customs clearance, which is close to the delivery day, applies. In case of non-compliance with the agreed payment terms, we are entitled to calculate interest at a rate of 7 percentage points above the base interest rate; the right to assert further damages, in particular proven higher interest, remains unaffected by this.

 ## 9. Delivery reservation | Partial deliveries

@@ -69,13 +69,13 @@ If a call-off order is issued to us and no separate written agreements are made

 ## 12. Dimension and weight specifications

-All information about diameter, weight, technical design, manufacture and scope of the goods to be delivered by us are subject to the reservation of deviation within the commercially usual permissible tolerances. Darüber hinaus behalten wir uns Änderungen, die einer technischen Verbesserung dienen, jederzeit vor. Color deviations and/or deviations in the external characteristics of the goods to be delivered by us, which however leave their quality and technical effectiveness unaffected, do not give rise to any claims for defects by the orderer.
+All information about diameter, weight, technical design, manufacture and scope of the goods to be delivered by us are subject to the reservation of deviation within the commercially usual permissible tolerances. Furthermore, we reserve the right to make changes that serve technical improvement at any time. Color deviations and/or deviations in the external characteristics of the goods to be delivered by us, which however leave their quality and technical effectiveness unaffected, do not give rise to any claims for defects by the orderer.

 ## 13. Transfer of risk and burden

 Delivery is made DAP free destination Germany, where the place of performance for delivery and any subsequent performance is also located.

-If the ordered goods are made ready for shipment by us and/or the dispatch and/or the call-off is delayed for reasons for which the orderer is responsible, we are entitled to demand compensation for the damage resulting therefrom including additional expenses. For this, we calculate a flat-rate compensation of 2% of the invoice amount for each month started, however maximum 10% in total, starting with the delivery period or – lacking a delivery period – with the notification of readiness for shipment of the goods.
+If the ordered goods are made ready for shipment by us and/or the dispatch and/or the call-off is delayed for reasons for which the orderer is responsible, we are entitled to demand compensation for the damage resulting therefrom including additional expenses for storage. For this, we calculate a flat-rate compensation of 2% of the invoice amount for each month started, however maximum 10% in total, starting with the delivery period or – lacking a delivery period – with the notification of readiness for shipment of the goods.

 Proof of higher damage and our legal claims (in particular compensation for additional expenses, reasonable compensation, termination) remain unaffected; the flat-rate is however to be credited against further monetary claims. The orderer is permitted to prove that no damage or only a substantially lower damage than the aforementioned flat-rate has arisen for us. Returns to us, which have not been confirmed by us in writing beforehand, are at the sole risk of the orderer.

@@ -93,7 +93,9 @@ Further claims of the orderer, regardless of the legal basis, are excluded or li

 The limitation periods for claims for defects are 24 months from delivery of the goods.

-If there are different opinions regarding cable damage in the event of a defect notification, only the expertise of the VDE Institute itself applies in case of doubt. We do not accept other, even accredited test laboratories. We expressly point out that when laying the cable in the trench or in pipes, or in buildings, a constant visual inspection must be carried out by the cable layer to check for any noticeable features. A later complaint that suggests negligent behavior is thus restricted.
+If there are different opinions regarding cable damage in the event of a defect notification, only the expertise of the VDE Institute itself applies in case of doubt. We do not accept other, even accredited test laboratories.
+
+We expressly point out that when laying the cable in the trench or in pipes, or in buildings, a constant visual inspection must be carried out by the cable layer to check for any noticeable features. A later complaint that suggests negligent behavior is thus restricted. This also applies to the acceptance of the goods, where obvious damage must be communicated directly. Subsequent claims after acceptance of a faultless delivery must be proven in detail.

 ## 15. Damages | Total liability

@@ -109,4 +111,6 @@ Only the law of the Federal Republic of Germany applies, excluding the UN Conven

 With the publication of these DPT on the Internet, all previously used conditions of ours become void.

+Remshalden, January 28, 2026
+
 [Download as PDF](/AGB-KLZ-1-2026.pdf)
--- a/docker-compose.override.yml
+++ b/docker-compose.override.yml
@@ -1,4 +1,27 @@
 services:
  app:
-    env_file:
-      - .env
+    image: node:20-alpine
+    working_dir: /app
+    command: sh -c "npm install && npx next dev"
+    volumes:
+      - .:/app
+    environment:
+      NODE_ENV: development
+      # Docker Internal Communication
+      DIRECTUS_URL: http://directus:8055
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.klz-app-local.rule=Host(`klz.localhost`)"
+      - "traefik.http.routers.klz-app-local.entrypoints=web"
+      - "traefik.http.routers.klz-app-local.service=klz-cables"
+
+  directus:
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.klz-directus-local.rule=Host(`cms.klz.localhost`)"
+      - "traefik.http.routers.klz-directus-local.entrypoints=web"
+      - "traefik.http.routers.klz-directus-local.service=klz-directus"
+    ports:
+      - "8055:8055"
+    environment:
+      PUBLIC_URL: http://cms.klz.localhost
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,33 +1,79 @@
 services:
  app:
-    image: registry.infra.mintel.me/mintel/klz-cables.com:latest
+    image: registry.infra.mintel.me/mintel/klz-cables.com:${IMAGE_TAG:-latest}
    restart: always
    networks:
      - infra
-    ports:
-      - "3000:3000"
    env_file:
-      - .env
+      - ${ENV_FILE:-.env}
    labels:
      - "traefik.enable=true"
      # HTTP ⇒ HTTPS redirect
-      - "traefik.http.routers.klz-cables-web.rule=(Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)) && !PathPrefix(`/.well-known/acme-challenge/`)"
-      - "traefik.http.routers.klz-cables-web.entrypoints=web"
-      - "traefik.http.routers.klz-cables-web.middlewares=redirect-https"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.rule=Host(${TRAEFIK_HOST}) && !PathPrefix(`/.well-known/acme-challenge/`)"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.entrypoints=web"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-web.middlewares=redirect-https"
      # HTTPS router
-      - "traefik.http.routers.klz-cables.rule=Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)"
-      - "traefik.http.routers.klz-cables.entrypoints=websecure"
-      - "traefik.http.routers.klz-cables.tls.certresolver=le"
-      - "traefik.http.routers.klz-cables.tls=true"
-      - "traefik.http.routers.klz-cables.service=klz-cables"
-      - "traefik.http.services.klz-cables.loadbalancer.server.port=3000"
-      - "traefik.http.services.klz-cables.loadbalancer.server.scheme=http"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.rule=Host(${TRAEFIK_HOST})"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.entrypoints=websecure"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.tls.certresolver=le"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.tls=true"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.service=${PROJECT_NAME:-klz-cables}"
+      - "traefik.http.services.${PROJECT_NAME:-klz-cables}.loadbalancer.server.port=3000"
+      - "traefik.http.services.${PROJECT_NAME:-klz-cables}.loadbalancer.server.scheme=http"
      # Forwarded Headers
-      - "traefik.http.middlewares.klz-forward.headers.customrequestheaders.X-Forwarded-Proto=https"
-      - "traefik.http.middlewares.klz-forward.headers.customrequestheaders.X-Forwarded-Ssl=on"
+      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-forward.headers.customrequestheaders.X-Forwarded-Proto=https"
+      - "traefik.http.middlewares.${PROJECT_NAME:-klz-cables}-forward.headers.customrequestheaders.X-Forwarded-Ssl=on"
      # Middlewares
-      - "traefik.http.routers.klz-cables.middlewares=klz-forward,compress"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}.middlewares=${PROJECT_NAME:-klz-cables}-forward,compress"
+
+  directus:
+    image: directus/directus:11
+    restart: always
+    networks:
+      - infra
+    env_file:
+      - ${ENV_FILE:-.env}
+    environment:
+      KEY: ${DIRECTUS_KEY}
+      SECRET: ${DIRECTUS_SECRET}
+      ADMIN_EMAIL: ${DIRECTUS_ADMIN_EMAIL}
+      ADMIN_PASSWORD: ${DIRECTUS_ADMIN_PASSWORD}
+      DB_CLIENT: 'pg'
+      DB_HOST: 'directus-db'
+      DB_PORT: '5432'
+      DB_DATABASE: ${DIRECTUS_DB_NAME:-directus}
+      DB_USER: ${DIRECTUS_DB_USER:-directus}
+      DB_PASSWORD: ${DIRECTUS_DB_PASSWORD:-directus}
+      WEBSOCKETS_ENABLED: 'true'
+      PUBLIC_URL: ${DIRECTUS_URL:-https://cms.klz-cables.com}
+    volumes:
+      - ./directus/uploads:/directus/uploads
+      - ./directus/extensions:/directus/extensions
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-directus.rule=Host(${DIRECTUS_HOST})"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-directus.entrypoints=websecure"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-directus.tls.certresolver=le"
+      - "traefik.http.routers.${PROJECT_NAME:-klz-cables}-directus.tls=true"
+      - "traefik.http.services.${PROJECT_NAME:-klz-cables}-directus.loadbalancer.server.port=8055"
+
+  directus-db:
+    image: postgres:15-alpine
+    restart: always
+    networks:
+      - infra
+    env_file:
+      - ${ENV_FILE:-.env}
+    environment:
+      POSTGRES_DB: ${DIRECTUS_DB_NAME:-directus}
+      POSTGRES_USER: ${DIRECTUS_DB_USER:-directus}
+      POSTGRES_PASSWORD: ${DIRECTUS_DB_PASSWORD:-directus}
+    volumes:
+      - directus-db-data:/var/lib/postgresql/data

 networks:
  infra:
    external: true
+
+volumes:
+  directus-db-data:
--- a/docker-compose.yml.bak
+++ b/docker-compose.yml.bak
@@ -0,0 +1,81 @@
+services:
+  app:
+    image: registry.infra.mintel.me/mintel/klz-cables.com:latest
+    restart: always
+    networks:
+      - infra
+    env_file:
+      - .env
+    labels:
+      - "traefik.enable=true"
+      # HTTP ⇒ HTTPS redirect
+      - "traefik.http.routers.klz-cables-web.rule=(Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)) && !PathPrefix(`/.well-known/acme-challenge/`)"
+      - "traefik.http.routers.klz-cables-web.entrypoints=web"
+      - "traefik.http.routers.klz-cables-web.middlewares=redirect-https"
+      # HTTPS router
+      - "traefik.http.routers.klz-cables.rule=Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)"
+      - "traefik.http.routers.klz-cables.entrypoints=websecure"
+      - "traefik.http.routers.klz-cables.tls.certresolver=le"
+      - "traefik.http.routers.klz-cables.tls=true"
+      - "traefik.http.routers.klz-cables.service=klz-cables"
+      - "traefik.http.services.klz-cables.loadbalancer.server.port=3000"
+      - "traefik.http.services.klz-cables.loadbalancer.server.scheme=http"
+      # Forwarded Headers
+      - "traefik.http.middlewares.klz-forward.headers.customrequestheaders.X-Forwarded-Proto=https"
+      - "traefik.http.middlewares.klz-forward.headers.customrequestheaders.X-Forwarded-Ssl=on"
+      # Middlewares
+      - "traefik.http.routers.klz-cables.middlewares=klz-forward,compress"
+
+  cms:
+    build:
+      context: ./cms
+      dockerfile: Dockerfile
+    restart: always
+    networks:
+      - infra
+    env_file:
+      - .env
+    environment:
+      DATABASE_CLIENT: postgres
+      DATABASE_HOST: cms-db
+      DATABASE_PORT: 5432
+      DATABASE_NAME: ${STRAPI_DATABASE_NAME:-strapi}
+      DATABASE_USERNAME: ${STRAPI_DATABASE_USERNAME:-strapi}
+      DATABASE_PASSWORD: ${STRAPI_DATABASE_PASSWORD:-strapi}
+      NODE_ENV: ${NODE_ENV:-development}
+      STRAPI_URL: ${STRAPI_URL:-https://cms.klz-cables.com}
+    volumes:
+      - ./cms/config:/opt/app/config
+      - ./cms/src:/opt/app/src
+      - ./cms/package.json:/opt/app/package.json
+      - ./cms/package-lock.json:/opt/app/package-lock.json
+      - ./cms/public/uploads:/opt/app/public/uploads
+      - ./cms/dist:/opt/app/dist
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.klz-cms.rule=Host(`cms.klz-cables.com`) || Host(`cms-staging.klz-cables.com`)"
+      - "traefik.http.routers.klz-cms.entrypoints=websecure"
+      - "traefik.http.routers.klz-cms.tls.certresolver=le"
+      - "traefik.http.routers.klz-cms.tls=true"
+      - "traefik.http.services.klz-cms.loadbalancer.server.port=1337"
+
+  cms-db:
+    image: postgres:16-alpine
+    restart: always
+    networks:
+      - infra
+    env_file:
+      - .env
+    environment:
+      POSTGRES_DB: ${STRAPI_DATABASE_NAME:-strapi}
+      POSTGRES_USER: ${STRAPI_DATABASE_USERNAME:-strapi}
+      POSTGRES_PASSWORD: ${STRAPI_DATABASE_PASSWORD:-strapi}
+    volumes:
+      - cms-db-data:/var/lib/postgresql/data
+
+networks:
+  infra:
+    external: true
+
+volumes:
+  cms-db-data:
--- a/docs/DEPLOYMENT.md
+++ b/docs/DEPLOYMENT.md
@@ -70,6 +70,15 @@ These are loaded from the `.env` file at runtime and are only available on the s
 | `MAIL_RECIPIENTS` | ❌ No | Comma-separated list of recipient emails |
 | `REDIS_URL` | ❌ No | Redis connection URL (e.g., `redis://redis:6379/2`) |
 | `REDIS_KEY_PREFIX` | ❌ No | Redis key prefix (default: `klz:`) |
+| `STRAPI_DATABASE_NAME` | ✅ Yes | Strapi database name |
+| `STRAPI_DATABASE_USERNAME` | ✅ Yes | Strapi database username |
+| `STRAPI_DATABASE_PASSWORD` | ✅ Yes | Strapi database password |
+| `STRAPI_URL` | ✅ Yes | URL of the Strapi CMS |
+| `APP_KEYS` | ✅ Yes | Strapi application keys (comma-separated) |
+| `API_TOKEN_SALT` | ✅ Yes | Strapi API token salt |
+| `ADMIN_JWT_SECRET` | ✅ Yes | Strapi admin JWT secret |
+| `TRANSFER_TOKEN_SALT` | ✅ Yes | Strapi transfer token salt |
+| `JWT_SECRET` | ✅ Yes | Strapi JWT secret |

 ## Local Development

--- a/lib/config.ts
+++ b/lib/config.ts
@@ -57,6 +57,13 @@ function createConfig() {
      from: env.MAIL_FROM,
      recipients: env.MAIL_RECIPIENTS,
    },
+    directus: {
+      url: env.DIRECTUS_URL,
+      adminEmail: env.DIRECTUS_ADMIN_EMAIL,
+      password: env.DIRECTUS_ADMIN_PASSWORD,
+      token: env.DIRECTUS_API_TOKEN,
+      proxyPath: '/cms',
+    },
  } as const;
 }

@@ -86,6 +93,7 @@ export const config = {
  get cache() { return getConfig().cache; },
  get logging() { return getConfig().logging; },
  get mail() { return getConfig().mail; },
+  get directus() { return getConfig().directus; },
 };

 /**
@@ -124,5 +132,11 @@ export function getMaskedConfig() {
      from: c.mail.from,
      recipients: c.mail.recipients,
    },
+    directus: {
+      url: c.directus.url,
+      adminEmail: mask(c.directus.adminEmail),
+      password: mask(c.directus.password),
+      token: mask(c.directus.token),
+    },
  };
 }
--- a/lib/datasheets.ts
+++ b/lib/datasheets.ts
@@ -15,6 +15,9 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
  // Normalize slug: remove common suffixes that might not be in the PDF filename
  const normalizedSlug = slug.replace(/-hv$|-mv$/, '');

+  // Subdirectories to search in
+  const subdirs = ['', 'low-voltage', 'medium-voltage', 'high-voltage', 'solar'];
+
  // List of patterns to try for the current locale
  const patterns = [
    `${slug}-${locale}.pdf`,
@@ -25,10 +28,13 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
    `${normalizedSlug}-3-${locale}.pdf`,
  ];

-  for (const pattern of patterns) {
-    const filePath = path.join(datasheetsDir, pattern);
-    if (fs.existsSync(filePath)) {
-      return `/datasheets/${pattern}`;
+  for (const subdir of subdirs) {
+    for (const pattern of patterns) {
+      const relativePath = path.join(subdir, pattern);
+      const filePath = path.join(datasheetsDir, relativePath);
+      if (fs.existsSync(filePath)) {
+        return `/datasheets/${relativePath}`;
+      }
    }
  }

@@ -42,10 +48,13 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
      `${normalizedSlug}-2-en.pdf`,
      `${normalizedSlug}-3-en.pdf`,
    ];
-    for (const pattern of enPatterns) {
-      const filePath = path.join(datasheetsDir, pattern);
-      if (fs.existsSync(filePath)) {
-        return `/datasheets/${pattern}`;
+    for (const subdir of subdirs) {
+      for (const pattern of enPatterns) {
+        const relativePath = path.join(subdir, pattern);
+        const filePath = path.join(datasheetsDir, relativePath);
+        if (fs.existsSync(filePath)) {
+          return `/datasheets/${relativePath}`;
+        }
      }
    }
  }
--- a/lib/directus.ts
+++ b/lib/directus.ts
@@ -0,0 +1,92 @@
+import { createDirectus, rest, authentication, readItems } from '@directus/sdk';
+import { config } from './config';
+
+const { url, adminEmail, password, token, proxyPath } = config.directus;
+
+const client = createDirectus(url)
+    .with(rest())
+    .with(authentication());
+
+export async function ensureAuthenticated() {
+    if (token) {
+        client.setToken(token);
+        return;
+    }
+    if (adminEmail && password) {
+        try {
+            await client.login(adminEmail, password);
+        } catch (e) {
+            console.error("Failed to authenticate with Directus:", e);
+        }
+    }
+}
+
+/**
+ * Maps the new translation-based schema back to the application's Product interface
+ */
+function mapDirectusProduct(item: any, locale: string): any {
+    const langCode = locale === 'en' ? 'en-US' : 'de-DE';
+    const translation = item.translations?.find((t: any) => t.languages_code === langCode) || item.translations?.[0] || {};
+
+    return {
+        id: item.id,
+        sku: item.sku,
+        title: translation.name || '',
+        description: translation.description || '',
+        content: translation.content || '',
+        technicalData: {
+            technicalItems: translation.technical_items || [],
+            voltageTables: translation.voltage_tables || []
+        },
+        locale: locale,
+        // Use proxy URL for assets to avoid CORS and handle internal/external issues
+        data_sheet_url: item.data_sheet ? `${proxyPath}/assets/${item.data_sheet}` : null,
+        categories: (item.categories_link || []).map((c: any) => c.categories_id?.translations?.[0]?.name).filter(Boolean)
+    };
+}
+
+export async function getProducts(locale: string = 'de') {
+    await ensureAuthenticated();
+    try {
+        const items = await client.request(readItems('products', {
+            fields: [
+                '*',
+                'translations.*',
+                'categories_link.categories_id.translations.name'
+            ]
+        }));
+        return items.map(item => mapDirectusProduct(item, locale));
+    } catch (error) {
+        console.error('Error fetching products:', error);
+        return [];
+    }
+}
+
+export async function getProductBySlug(slug: string, locale: string = 'de') {
+    await ensureAuthenticated();
+    const langCode = locale === 'en' ? 'en-US' : 'de-DE';
+    try {
+        const items = await client.request(readItems('products', {
+            filter: {
+                translations: {
+                    slug: { _eq: slug },
+                    languages_code: { _eq: langCode }
+                }
+            },
+            fields: [
+                '*',
+                'translations.*',
+                'categories_link.categories_id.translations.name'
+            ],
+            limit: 1
+        }));
+
+        if (!items || items.length === 0) return null;
+        return mapDirectusProduct(items[0], locale);
+    } catch (error) {
+        console.error(`Error fetching product ${slug}:`, error);
+        return null;
+    }
+}
+
+export default client;
--- a/lib/env.ts
+++ b/lib/env.ts
@@ -11,17 +11,17 @@ const preprocessEmptyString = (val: unknown) => (val === '' ? undefined : val);
 export const envSchema = z.object({
  NODE_ENV: z.enum(['development', 'production', 'test']).default('development'),
  NEXT_PUBLIC_BASE_URL: z.preprocess(preprocessEmptyString, z.string().url()),
-  
+
  // Analytics
  NEXT_PUBLIC_UMAMI_WEBSITE_ID: z.preprocess(preprocessEmptyString, z.string().optional()),
  NEXT_PUBLIC_UMAMI_SCRIPT_URL: z.preprocess(preprocessEmptyString, z.string().url().default('https://analytics.infra.mintel.me/script.js')),
-  
+
  // Error Tracking
  SENTRY_DSN: z.preprocess(preprocessEmptyString, z.string().optional()),
-  
+
  // Logging
  LOG_LEVEL: z.enum(['debug', 'info', 'warn', 'error']).default('info'),
-  
+
  // Mail
  MAIL_HOST: z.preprocess(preprocessEmptyString, z.string().optional()),
  MAIL_PORT: z.preprocess(preprocessEmptyString, z.coerce.number().default(587)),
@@ -32,6 +32,12 @@ export const envSchema = z.object({
    (val) => (typeof val === 'string' ? val.split(',').filter(Boolean) : val),
    z.array(z.string()).default([])
  ),
+
+  // Directus
+  DIRECTUS_URL: z.preprocess(preprocessEmptyString, z.string().url().default('http://localhost:8055')),
+  DIRECTUS_ADMIN_EMAIL: z.preprocess(preprocessEmptyString, z.string().optional()),
+  DIRECTUS_ADMIN_PASSWORD: z.preprocess(preprocessEmptyString, z.string().optional()),
+  DIRECTUS_API_TOKEN: z.preprocess(preprocessEmptyString, z.string().optional()),
 });

 export type Env = z.infer<typeof envSchema>;
@@ -54,5 +60,9 @@ export function getRawEnv() {
    MAIL_PASSWORD: process.env.MAIL_PASSWORD,
    MAIL_FROM: process.env.MAIL_FROM,
    MAIL_RECIPIENTS: process.env.MAIL_RECIPIENTS,
+    DIRECTUS_URL: process.env.DIRECTUS_URL,
+    DIRECTUS_ADMIN_EMAIL: process.env.DIRECTUS_ADMIN_EMAIL,
+    DIRECTUS_ADMIN_PASSWORD: process.env.DIRECTUS_ADMIN_PASSWORD,
+    DIRECTUS_API_TOKEN: process.env.DIRECTUS_API_TOKEN,
  };
 }
--- a/lib/metadata.ts
+++ b/lib/metadata.ts
@@ -2,9 +2,10 @@ import { Metadata } from 'next';
 import { SITE_URL } from './schema';

 export function getOGImageMetadata(path: string, title: string, locale: string): NonNullable<Metadata['openGraph']>['images'] {
+  const cleanPath = path ? (path.startsWith('/') ? path : `/${path}`) : '';
  return [
    {
-      url: `${SITE_URL}/${locale}/${path}/opengraph-image`,
+      url: `${SITE_URL}/${locale}${cleanPath}/opengraph-image`,
      width: 1200,
      height: 630,
      alt: title,
--- a/lib/og-helper.tsx
+++ b/lib/og-helper.tsx
@@ -0,0 +1,42 @@
+import { readFileSync } from 'fs';
+import { join } from 'path';
+
+/**
+ * Loads the Inter fonts for use in Satori (Next.js OG Image generation).
+ * Since we are using runtime = 'nodejs', we can read them from the filesystem.
+ */
+export async function getOgFonts() {
+    const boldFontPath = join(process.cwd(), 'public/fonts/Inter-Bold.ttf');
+    const regularFontPath = join(process.cwd(), 'public/fonts/Inter-Regular.ttf');
+
+    try {
+        const boldFont = readFileSync(boldFontPath);
+        const regularFont = readFileSync(regularFontPath);
+
+        return [
+            {
+                name: 'Inter',
+                data: boldFont,
+                weight: 700 as const,
+                style: 'normal' as const,
+            },
+            {
+                name: 'Inter',
+                data: regularFont,
+                weight: 400 as const,
+                style: 'normal' as const,
+            },
+        ];
+    } catch (error) {
+        console.error('Failed to load OG fonts from filesystem, falling back to system fonts:', error);
+        return [];
+    }
+}
+
+/**
+ * Common configuration for OG images
+ */
+export const OG_IMAGE_SIZE = {
+    width: 1200,
+    height: 630,
+};
--- a/lib/pdf-datasheet.tsx
+++ b/lib/pdf-datasheet.tsx
@@ -21,234 +21,149 @@ Font.register({
 // Industrial/technical/restrained design - STYLEGUIDE.md compliant
 const styles = StyleSheet.create({
  page: {
-    // Large margins for engineering documentation feel.
-    // Extra bottom padding reserves space for the fixed footer so content
-    // (esp. long descriptions) doesn't render underneath it.
-    paddingTop: 72,
-    paddingLeft: 72,
-    paddingRight: 72,
-    paddingBottom: 140,
+    color: '#111827', // Text Primary
+    lineHeight: 1.5,
+    backgroundColor: '#FFFFFF',
+    paddingTop: 0,
+    paddingBottom: 100,
    fontFamily: 'Helvetica',
-    fontSize: 10,
-    color: '#1F2933', // Dark gray text
-    lineHeight: 1.5, // Generous line height
-    backgroundColor: '#F8F9FA', // Almost white background
  },

-  // Engineering documentation header
+  // Hero-style header
+  hero: {
+    backgroundColor: '#FFFFFF',
+    paddingTop: 24,
+    paddingBottom: 0,
+    paddingHorizontal: 72,
+    marginBottom: 20,
+    position: 'relative',
+    borderBottomWidth: 0,
+    borderBottomColor: '#e5e7eb',
+  },
+
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
-    alignItems: 'flex-start',
-    marginBottom: 48, // Large spacing
-    paddingBottom: 24,
-    borderBottom: '2px solid #E6E9ED', // Light gray separator
-  },
-
-  // Logo area - industrial style
-  logoArea: {
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-  },
-
-  // Optional image logo container (keeps header height stable)
-  logoContainer: {
-    width: 120,
-    height: 32,
-    justifyContent: 'center',
-  },
-
-  // Image logo (preferred when available)
-  logo: {
-    width: 110,
-    height: 28,
-    objectFit: 'contain',
+    alignItems: 'center',
+    marginBottom: 16,
  },

  logoText: {
-    fontSize: 20,
+    fontSize: 24,
    fontWeight: 700,
-    color: '#0E2A47', // Dark navy
+    color: '#000d26',
    letterSpacing: 1,
    textTransform: 'uppercase',
  },

-  logoSubtext: {
-    fontSize: 10,
-    fontWeight: 400,
-    color: '#6B7280', // Medium gray
-    letterSpacing: 0.5,
-    marginTop: 2,
-  },
-
-  // Document info - technical style
-  docInfo: {
-    textAlign: 'right',
-    alignItems: 'flex-end',
-  },
-
  docTitle: {
-    fontSize: 16,
+    fontSize: 10,
    fontWeight: 700,
-    color: '#0E2A47', // Dark navy
-    marginBottom: 8,
-    letterSpacing: 0.5,
+    color: '#001a4d',
+    letterSpacing: 2,
    textTransform: 'uppercase',
  },

-  skuContainer: {
-    backgroundColor: '#E6E9ED', // Light gray background
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    border: '1px solid #E6E9ED',
+  productRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 20,
+  },
+  productInfoCol: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  productImageCol: {
+    flex: 1,
+    height: 120,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: '#e5e7eb',
+    backgroundColor: '#FFFFFF',
+    overflow: 'hidden',
  },

-  skuLabel: {
-    fontSize: 8,
-    color: '#6B7280', // Medium gray
-    textTransform: 'uppercase',
-    letterSpacing: 0.5,
-    marginBottom: 4,
-  },
-
-  skuValue: {
-    fontSize: 14,
-    fontWeight: 700,
-    color: '#0E2A47', // Dark navy
-  },
-
-  // Product section - technical specification style
-  productSection: {
-    marginBottom: 40,
-    backgroundColor: '#FFFFFF', // White background for content blocks
-    padding: 24,
-    border: '1px solid #E6E9ED',
+  // Product Hero Info
+  productHero: {
+    marginTop: 0,
  },

  productName: {
    fontSize: 24,
    fontWeight: 700,
-    color: '#0E2A47', // Dark navy
-    marginBottom: 12,
-    lineHeight: 1.2,
+    color: '#000d26',
+    marginBottom: 0,
    textTransform: 'uppercase',
-    letterSpacing: 0.5,
+    letterSpacing: -0.5,
  },

  productMeta: {
-    fontSize: 12,
-    color: '#6B7280', // Medium gray
-    fontWeight: 500,
+    fontSize: 10,
+    color: '#4b5563',
+    fontWeight: 700,
+    textTransform: 'uppercase',
+    letterSpacing: 1,
  },

-  // Content sections - rectangular blocks
+  heroImage: {
+    width: '100%',
+    height: '100%',
+    objectFit: 'contain',
+  },
+
+  noImage: {
+    fontSize: 8,
+    color: '#9ca3af',
+    textAlign: 'center',
+  },
+
+  // Content Area
+  content: {
+    paddingHorizontal: 72,
+  },
+
+  // Content sections
  section: {
-    marginBottom: 32,
-    backgroundColor: '#FFFFFF',
-    padding: 24,
-    border: '1px solid #E6E9ED',
+    marginBottom: 20,
  },

  sectionTitle: {
    fontSize: 14,
    fontWeight: 700,
-    color: '#0E2A47', // Dark navy
-    marginBottom: 16,
-    letterSpacing: 0.5,
+    color: '#000d26', // Primary Dark
+    marginBottom: 8,
    textTransform: 'uppercase',
-    borderBottom: '1px solid #E6E9ED',
-    paddingBottom: 8,
+    letterSpacing: -0.2,
+  },
+
+  sectionAccent: {
+    width: 30,
+    height: 3,
+    backgroundColor: '#82ed20', // Accent Green
+    marginBottom: 8,
+    borderRadius: 1.5,
  },

-  // Description - technical documentation style
  description: {
-    fontSize: 10,
-    lineHeight: 1.6,
-    color: '#1F2933', // Dark gray text
-    marginBottom: 0,
+    fontSize: 11,
+    lineHeight: 1.7,
+    color: '#4b5563', // Text Secondary
  },

-  // Cross-section table - engineering specification style
-  table: {
-    marginTop: 16,
-    borderWidth: 1,
-    borderColor: '#E6E9ED',
-  },
-
-  tableHeader: {
-    flexDirection: 'row',
-    backgroundColor: '#E6E9ED',
-    borderBottomWidth: 1,
-    borderBottomColor: '#E6E9ED',
-  },
-
-  tableHeaderCell: {
-    flex: 1,
-    padding: 8,
-    fontSize: 10,
-    fontWeight: 700,
-    color: '#0E2A47',
-    textTransform: 'uppercase',
-    letterSpacing: 0.3,
-  },
-
-  tableHeaderCellLast: {
-    borderRightWidth: 0,
-  },
-
-  tableHeaderCellWithDivider: {
-    borderRightWidth: 1,
-    borderRightColor: '#E6E9ED',
-  },
-
-  tableRow: {
-    flexDirection: 'row',
-    borderBottomWidth: 1,
-    borderBottomColor: '#E6E9ED',
-  },
-
-  tableCell: {
-    flex: 1,
-    padding: 8,
-    fontSize: 10,
-    color: '#1F2933',
-  },
-
-  tableCellLast: {
-    borderRightWidth: 0,
-  },
-
-  tableCellWithDivider: {
-    borderRightWidth: 1,
-    borderRightColor: '#E6E9ED',
-  },
-
-  tableRowAlt: {
-    backgroundColor: '#F8F9FA',
-  },
-
-  // Specifications - technical data style
-  specsContainer: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-  },
-
-  // Backwards-compatible alias used by the component markup
-  specsGrid: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-  },
-
-  // Technical data table (used for the metagrid)
+  // Technical data table
  specsTable: {
-    borderWidth: 1,
-    borderColor: '#E6E9ED',
+    marginTop: 8,
+    border: '1px solid #e5e7eb',
+    borderRadius: 8,
+    overflow: 'hidden',
  },

  specsTableRow: {
    flexDirection: 'row',
    borderBottomWidth: 1,
-    borderBottomColor: '#E6E9ED',
+    borderBottomColor: '#e5e7eb',
  },

  specsTableRowLast: {
@@ -256,63 +171,35 @@ const styles = StyleSheet.create({
  },

  specsTableLabelCell: {
-    flex: 3,
-    paddingVertical: 8,
-    paddingHorizontal: 8,
-    backgroundColor: '#F8F9FA',
+    flex: 1,
+    paddingVertical: 4,
+    paddingHorizontal: 16,
+    backgroundColor: '#f8f9fa',
    borderRightWidth: 1,
-    borderRightColor: '#E6E9ED',
-    justifyContent: 'center',
+    borderRightColor: '#e5e7eb',
  },

  specsTableValueCell: {
-    flex: 4,
-    paddingVertical: 8,
-    paddingHorizontal: 8,
-    justifyContent: 'center',
+    flex: 1,
+    paddingVertical: 4,
+    paddingHorizontal: 16,
  },

  specsTableLabelText: {
    fontSize: 9,
    fontWeight: 700,
-    color: '#0E2A47',
+    color: '#000d26',
    textTransform: 'uppercase',
-    letterSpacing: 0.3,
-    lineHeight: 1.2,
+    letterSpacing: 0.5,
  },

  specsTableValueText: {
    fontSize: 10,
-    color: '#1F2933',
-    lineHeight: 1.4,
+    color: '#111827',
+    fontWeight: 500,
  },

-  specColumn: {
-    width: '48%',
-    marginRight: '4%',
-    marginBottom: 16,
-  },
-
-  specItem: {
-    marginBottom: 12,
-  },
-
-  specLabel: {
-    fontSize: 9,
-    fontWeight: 700,
-    color: '#0E2A47',
-    marginBottom: 4,
-    textTransform: 'uppercase',
-    letterSpacing: 0.3,
-  },
-
-  specValue: {
-    fontSize: 10,
-    color: '#1F2933',
-    lineHeight: 1.4,
-  },
-
-  // Categories - technical classification
+  // Categories
  categories: {
    flexDirection: 'row',
    flexWrap: 'wrap',
@@ -320,42 +207,48 @@ const styles = StyleSheet.create({
  },

  categoryTag: {
-    backgroundColor: '#E6E9ED',
+    backgroundColor: '#f8f9fa',
    paddingHorizontal: 12,
    paddingVertical: 6,
-    border: '1px solid #E6E9ED',
+    border: '1px solid #e5e7eb',
+    borderRadius: 100,
  },

  categoryText: {
-    fontSize: 9,
-    color: '#6B7280',
-    fontWeight: 500,
+    fontSize: 8,
+    color: '#4b5563',
+    fontWeight: 700,
    textTransform: 'uppercase',
-    letterSpacing: 0.3,
+    letterSpacing: 0.5,
  },

-  // Engineering documentation footer
+  // Footer
  footer: {
    position: 'absolute',
-    bottom: 48,
+    bottom: 40,
    left: 72,
    right: 72,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingTop: 24,
-    borderTop: '2px solid #E6E9ED',
-    fontSize: 9,
-    color: '#6B7280',
+    borderTop: '1px solid #e5e7eb',
  },

-  footerLeft: {
+  footerText: {
+    fontSize: 8,
+    color: '#9ca3af',
+    fontWeight: 500,
+    textTransform: 'uppercase',
+    letterSpacing: 1,
+  },
+
+  footerBrand: {
+    fontSize: 10,
    fontWeight: 700,
-    color: '#0E2A47',
-  },
-
-  footerRight: {
-    color: '#6B7280',
+    color: '#000d26',
+    textTransform: 'uppercase',
+    letterSpacing: 1,
  },
 });

@@ -364,6 +257,7 @@ interface ProductData {
  name: string;
  shortDescriptionHtml: string;
  descriptionHtml: string;
+  applicationHtml?: string;
  images: string[];
  featuredImage: string | null;
  sku: string;
@@ -389,19 +283,19 @@ const stripHtml = (html: string): string => {
 const getLabels = (locale: 'en' | 'de') => {
  const labels = {
    en: {
-      productDatasheet: 'Product Datasheet',
-      description: 'Description',
-      specifications: 'Technical Specifications',
-      categories: 'Categories',
+      productDatasheet: 'Technical Datasheet',
+      description: 'APPLICATION',
+      specifications: 'TECHNICAL DATA',
+      categories: 'CATEGORIES',
      sku: 'SKU',
      noImage: 'No image available',
    },
    de: {
-      productDatasheet: 'Produktdatenblatt',
-      description: 'Beschreibung',
-      specifications: 'Technische Spezifikationen',
-      categories: 'Kategorien',
-      sku: 'Artikelnummer',
+      productDatasheet: 'Technisches Datenblatt',
+      description: 'ANWENDUNG',
+      specifications: 'TECHNISCHE DATEN',
+      categories: 'KATEGORIEN',
+      sku: 'ARTIKELNUMMER',
      noImage: 'Kein Bild verfügbar',
    },
  };
@@ -411,106 +305,111 @@ const getLabels = (locale: 'en' | 'de') => {
 export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({
  product,
  locale,
-  logoUrl = '/media/logo.svg',
 }) => {
  const labels = getLabels(locale);

  return (
    <Document>
      <Page size="A4" style={styles.page}>
-        {/* Clean, minimal header */}
-        <View style={styles.header}>
-          <View style={styles.logoArea}>
-            <View style={styles.logoContainer}>
-              {logoUrl ? (
-                /* eslint-disable-next-line jsx-a11y/alt-text */
-                <Image src={logoUrl} style={styles.logo} />
-              ) : (
-                <View>
-                  <Text style={styles.logoText}>KLZ</Text>
-                  <Text style={styles.logoSubtext}>Cables</Text>
+        {/* Hero Header */}
+        <View style={styles.hero}>
+          <View style={styles.header}>
+            <View>
+              <Text style={styles.logoText}>KLZ</Text>
+            </View>
+            <Text style={styles.docTitle}>
+              {labels.productDatasheet}
+            </Text>
+          </View>
+
+          <View style={styles.productRow}>
+            <View style={styles.productInfoCol}>
+              <View style={styles.productHero}>
+                <View style={styles.categories}>
+                  {product.categories.map((cat, index) => (
+                    <Text key={index} style={styles.productMeta}>
+                      {cat.name}{index < product.categories.length - 1 ? ' • ' : ''}
+                    </Text>
+                  ))}
                </View>
+                <Text style={styles.productName}>{product.name}</Text>
+              </View>
+            </View>
+            <View style={styles.productImageCol}>
+              {product.featuredImage ? (
+                <Image
+                  src={product.featuredImage}
+                  style={styles.heroImage}
+                />
+              ) : (
+
+                <Text style={styles.noImage}>{labels.noImage}</Text>
              )}
            </View>
          </View>
+        </View>

-          <View style={styles.docInfo}>
-            <Text style={styles.docTitle}>
-              {locale === 'en' ? 'Product Datasheet' : 'Produktdatenblatt'}
-            </Text>
-            <View style={styles.skuContainer}>
-              <Text style={styles.skuLabel}>{labels.sku}</Text>
-              <Text style={styles.skuValue}>{product.sku}</Text>
+        <View style={styles.content}>
+          {/* Description section */}
+          {(product.applicationHtml || product.shortDescriptionHtml || product.descriptionHtml) && (
+            <View style={styles.section}>
+              <Text style={styles.sectionTitle}>{labels.description}</Text>
+              <View style={styles.sectionAccent} />
+              <Text style={styles.description}>
+                {stripHtml(product.applicationHtml || product.shortDescriptionHtml || product.descriptionHtml)}
+              </Text>
            </View>
-          </View>
-        </View>
+          )}

-        {/* Product section - clean and prominent */}
-        <View style={styles.productSection}>
-          <Text style={styles.productName}>{product.name}</Text>
-          <Text style={styles.productMeta}>
-            {product.categories.map(cat => cat.name).join(' • ')}
-          </Text>
-        </View>
-
-        {/* Description section */}
-        {(product.shortDescriptionHtml || product.descriptionHtml) && (
-          <View style={styles.section}>
-            <Text style={styles.sectionTitle}>{labels.description}</Text>
-            <Text style={styles.description}>
-              {stripHtml(product.shortDescriptionHtml || product.descriptionHtml)}
-            </Text>
-          </View>
-        )}
-
-        {/* Technical specifications */}
-        {product.attributes && product.attributes.length > 0 && (
-          <View style={styles.section}>
-            <Text style={styles.sectionTitle}>{labels.specifications}</Text>
-            <View style={styles.specsTable}>
-              {product.attributes.map((attr, index) => (
-                <View
-                  key={index}
-                  style={[
-                    styles.specsTableRow,
-                    index === product.attributes.length - 1 &&
+          {/* Technical specifications */}
+          {product.attributes && product.attributes.length > 0 && (
+            <View style={styles.section}>
+              <Text style={styles.sectionTitle}>{labels.specifications}</Text>
+              <View style={styles.sectionAccent} />
+              <View style={styles.specsTable}>
+                {product.attributes.map((attr, index) => (
+                  <View
+                    key={index}
+                    style={[
+                      styles.specsTableRow,
+                      index === product.attributes.length - 1 &&
                      styles.specsTableRowLast,
-                  ]}
-                >
-                  <View style={styles.specsTableLabelCell}>
-                    <Text style={styles.specsTableLabelText}>{attr.name}</Text>
+                    ]}
+                  >
+                    <View style={styles.specsTableLabelCell}>
+                      <Text style={styles.specsTableLabelText}>{attr.name}</Text>
+                    </View>
+                    <View style={styles.specsTableValueCell}>
+                      <Text style={styles.specsTableValueText}>
+                        {attr.options.join(', ')}
+                      </Text>
+                    </View>
                  </View>
-                  <View style={styles.specsTableValueCell}>
-                    <Text style={styles.specsTableValueText}>
-                      {attr.options.join(', ')}
-                    </Text>
-                  </View>
-                </View>
-              ))}
+                ))}
+              </View>
            </View>
-          </View>
-        )}
+          )}

-        {/* Categories as clean tags */}
-        {product.categories && product.categories.length > 0 && (
-          <View style={styles.section}>
-            <Text style={styles.sectionTitle}>{labels.categories}</Text>
-            <View style={styles.categories}>
-              {product.categories.map((cat, index) => (
-                <View key={index} style={styles.categoryTag}>
-                  <Text style={styles.categoryText}>{cat.name}</Text>
-                </View>
-              ))}
+          {/* Categories as clean tags */}
+          {product.categories && product.categories.length > 0 && (
+            <View style={styles.section}>
+              <Text style={styles.sectionTitle}>{labels.categories}</Text>
+              <View style={styles.sectionAccent} />
+              <View style={styles.categories}>
+                {product.categories.map((cat, index) => (
+                  <View key={index} style={styles.categoryTag}>
+                    <Text style={styles.categoryText}>{cat.name}</Text>
+                  </View>
+                ))}
+              </View>
            </View>
-          </View>
-        )}
+          )}
+        </View>

        {/* Minimal footer */}
        <View style={styles.footer} fixed>
-          <Text style={styles.footerLeft}>
-            {labels.sku}: {product.sku}
-          </Text>
-          <Text style={styles.footerRight}>
+          <Text style={styles.footerBrand}>KLZ CABLES</Text>
+          <Text style={styles.footerText}>
            {new Date().toLocaleDateString(locale === 'en' ? 'en-US' : 'de-DE', {
              year: 'numeric',
              month: 'long',
--- a/lib/strapi.ts
+++ b/lib/strapi.ts
@@ -0,0 +1,85 @@
+import axios from 'axios';
+
+const STRAPI_URL = process.env.STRAPI_URL || 'http://localhost:1337';
+const STRAPI_TOKEN = process.env.STRAPI_API_TOKEN;
+
+const strapi = axios.create({
+  baseURL: `${STRAPI_URL}/api`,
+  headers: {
+    Authorization: `Bearer ${STRAPI_TOKEN}`,
+  },
+});
+
+export interface StrapiResponse<T> {
+  data: {
+    id: number;
+    attributes: T;
+  }[];
+  meta: {
+    pagination: {
+      page: number;
+      pageSize: number;
+      pageCount: number;
+      total: number;
+    };
+  };
+}
+
+export interface Product {
+  title: string;
+  sku: string;
+  description: string;
+  application: string;
+  content: string;
+  technicalData: any;
+  locale: string;
+  images?: {
+    data: {
+      attributes: {
+        url: string;
+        alternativeText: string;
+      };
+    }[];
+  };
+}
+
+export async function getProducts(locale: string = 'de') {
+  try {
+    const response = await strapi.get<StrapiResponse<Product>>('/products', {
+      params: {
+        locale,
+        populate: '*',
+      },
+    });
+    return response.data.data.map(item => ({
+      id: item.id,
+      ...item.attributes,
+    }));
+  } catch (error) {
+    console.error('Error fetching products from Strapi:', error);
+    return [];
+  }
+}
+
+export async function getProductBySku(sku: string, locale: string = 'de') {
+  try {
+    const response = await strapi.get<StrapiResponse<Product>>('/products', {
+      params: {
+        filters: { sku: { $eq: sku } },
+        locale,
+        populate: '*',
+      },
+    });
+    if (response.data.data.length === 0) return null;
+    const item = response.data.data[0];
+    return {
+      id: item.id,
+      ...item.attributes,
+    };
+  } catch (error) {
+    console.error(`Error fetching product ${sku} from Strapi:`, error);
+    return null;
+  }
+}
+
+export default strapi;
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,8 +1,8 @@
 import createNextIntlPlugin from 'next-intl/plugin';
 import { withSentryConfig } from '@sentry/nextjs';
-  
+
 const withNextIntl = createNextIntlPlugin();
-  
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
  output: 'standalone',
@@ -327,6 +327,8 @@ const nextConfig = {
      ? new URL(process.env.SENTRY_DSN).origin
      : 'https://errors.infra.mintel.me';

+    const directusUrl = process.env.DIRECTUS_URL || 'https://cms.klz-cables.com';
+
    return [
      {
        source: '/stats/:path*',
@@ -336,6 +338,10 @@ const nextConfig = {
        source: '/errors/:path*',
        destination: `${glitchtipUrl}/:path*`,
      },
+      {
+        source: '/cms/:path*',
+        destination: `${directusUrl}/:path*`,
+      },
    ];
  },
 };
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
      "name": "klz-cables-nextjs",
      "version": "1.0.0",
      "dependencies": {
+        "@directus/sdk": "^18.0.3",
        "@react-email/components": "^1.0.6",
        "@react-pdf/renderer": "^4.3.2",
        "@sentry/nextjs": "^8.55.0",
@@ -1360,6 +1361,18 @@
        "node": ">=18"
      }
    },
+    "node_modules/@directus/sdk": {
+      "version": "18.0.3",
+      "resolved": "https://registry.npmjs.org/@directus/sdk/-/sdk-18.0.3.tgz",
+      "integrity": "sha512-PnEDRDqr2x/DG3HZ3qxU7nFp2nW6zqJqswjii57NhriXgTz4TBUI8NmSdzQvnyHuTL9J0nedYfQGfW4v8odS1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/directus/directus?sponsor=1"
+      }
+    },
    "node_modules/@emnapi/core": {
      "version": "1.7.1",
      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.1.tgz",
--- a/package.json
+++ b/package.json
@@ -1,5 +1,6 @@
 {
  "dependencies": {
+    "@directus/sdk": "^18.0.3",
    "@react-email/components": "^1.0.6",
    "@react-pdf/renderer": "^4.3.2",
    "@sentry/nextjs": "^8.55.0",
@@ -57,15 +58,17 @@
  "name": "klz-cables-nextjs",
  "private": true,
  "scripts": {
-    "dev": "next dev",
+    "dev": "docker network create infra 2>/dev/null || true && echo '\\n🚀 Development Environment Starting...\\n\\n📱 App:      http://klz.localhost\\n🗄️  CMS:      http://cms.klz.localhost/admin\\n🚦 Traefik:  http://localhost:8080\\n\\n(Press Ctrl+C to stop)\\n' && docker-compose down --remove-orphans && docker-compose up",
+    "dev:local": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "typecheck": "tsc --noEmit",
    "test": "vitest run --passWithNoTests",
    "test:og": "vitest run tests/og-image.test.ts",
+    "bootstrap:cms": "DIRECTUS_URL=http://localhost:8055 npx tsx --env-file=.env scripts/setup-directus-branding.ts",
    "pdf:datasheets": "tsx ./scripts/generate-pdf-datasheets.ts",
    "pdf:datasheets:legacy": "tsx ./scripts/generate-pdf-datasheets-pdf-lib.ts"
  },
  "version": "1.0.0"
-}
+}
--- a/public/AGB-KLZ-1-2026.pdf
+++ b/public/AGB-KLZ-1-2026.pdf
--- a/public/datasheets/h1z2z2-k-de.pdf
+++ b/public/datasheets/h1z2z2-k-de.pdf
--- a/public/datasheets/h1z2z2-k-en.pdf
+++ b/public/datasheets/h1z2z2-k-en.pdf
--- a/public/datasheets/high-voltage/n2xfk2y-de.pdf
+++ b/public/datasheets/high-voltage/n2xfk2y-de.pdf
--- a/public/datasheets/high-voltage/n2xfk2y-en.pdf
+++ b/public/datasheets/high-voltage/n2xfk2y-en.pdf
--- a/public/datasheets/high-voltage/n2xfkld2y-de.pdf
+++ b/public/datasheets/high-voltage/n2xfkld2y-de.pdf
--- a/public/datasheets/high-voltage/n2xfkld2y-en.pdf
+++ b/public/datasheets/high-voltage/n2xfkld2y-en.pdf
--- a/public/datasheets/high-voltage/n2xsfl2y-mv-de.pdf
+++ b/public/datasheets/high-voltage/n2xsfl2y-mv-de.pdf
--- a/public/datasheets/high-voltage/n2xsfl2y-mv-en.pdf
+++ b/public/datasheets/high-voltage/n2xsfl2y-mv-en.pdf
--- a/public/datasheets/high-voltage/na2xfk2y-de.pdf
+++ b/public/datasheets/high-voltage/na2xfk2y-de.pdf
--- a/public/datasheets/high-voltage/na2xfk2y-en.pdf
+++ b/public/datasheets/high-voltage/na2xfk2y-en.pdf
--- a/public/datasheets/high-voltage/na2xfkld2y-de.pdf
+++ b/public/datasheets/high-voltage/na2xfkld2y-de.pdf
--- a/public/datasheets/high-voltage/na2xfkld2y-en.pdf
+++ b/public/datasheets/high-voltage/na2xfkld2y-en.pdf
--- a/public/datasheets/high-voltage/na2xsfl2y-mv-de.pdf
+++ b/public/datasheets/high-voltage/na2xsfl2y-mv-de.pdf
--- a/public/datasheets/high-voltage/na2xsfl2y-mv-en.pdf
+++ b/public/datasheets/high-voltage/na2xsfl2y-mv-en.pdf
--- a/public/datasheets/low-voltage/n2x2y-de.pdf
+++ b/public/datasheets/low-voltage/n2x2y-de.pdf
--- a/public/datasheets/low-voltage/n2x2y-en.pdf
+++ b/public/datasheets/low-voltage/n2x2y-en.pdf
--- a/public/datasheets/low-voltage/n2xy-de.pdf
+++ b/public/datasheets/low-voltage/n2xy-de.pdf
--- a/public/datasheets/low-voltage/n2xy-en.pdf
+++ b/public/datasheets/low-voltage/n2xy-en.pdf
--- a/public/datasheets/low-voltage/na2x2y-de.pdf
+++ b/public/datasheets/low-voltage/na2x2y-de.pdf
--- a/public/datasheets/low-voltage/na2x2y-en.pdf
+++ b/public/datasheets/low-voltage/na2x2y-en.pdf
--- a/public/datasheets/low-voltage/na2xy-de.pdf
+++ b/public/datasheets/low-voltage/na2xy-de.pdf
--- a/public/datasheets/low-voltage/na2xy-en.pdf
+++ b/public/datasheets/low-voltage/na2xy-en.pdf
--- a/public/datasheets/low-voltage/nay2y-de.pdf
+++ b/public/datasheets/low-voltage/nay2y-de.pdf
--- a/public/datasheets/low-voltage/nay2y-en.pdf
+++ b/public/datasheets/low-voltage/nay2y-en.pdf
--- a/public/datasheets/low-voltage/naycwy-de.pdf
+++ b/public/datasheets/low-voltage/naycwy-de.pdf
--- a/public/datasheets/low-voltage/naycwy-en.pdf
+++ b/public/datasheets/low-voltage/naycwy-en.pdf
--- a/public/datasheets/low-voltage/nayy-de.pdf
+++ b/public/datasheets/low-voltage/nayy-de.pdf
--- a/public/datasheets/low-voltage/nayy-en.pdf
+++ b/public/datasheets/low-voltage/nayy-en.pdf
--- a/public/datasheets/low-voltage/ny2y-de.pdf
+++ b/public/datasheets/low-voltage/ny2y-de.pdf
--- a/public/datasheets/low-voltage/ny2y-en.pdf
+++ b/public/datasheets/low-voltage/ny2y-en.pdf
--- a/public/datasheets/low-voltage/nycwy-de.pdf
+++ b/public/datasheets/low-voltage/nycwy-de.pdf
--- a/public/datasheets/low-voltage/nycwy-en.pdf
+++ b/public/datasheets/low-voltage/nycwy-en.pdf
--- a/public/datasheets/low-voltage/nyy-de.pdf
+++ b/public/datasheets/low-voltage/nyy-de.pdf
--- a/public/datasheets/low-voltage/nyy-en.pdf
+++ b/public/datasheets/low-voltage/nyy-en.pdf
--- a/public/datasheets/medium-voltage/n2xs2y-de.pdf
+++ b/public/datasheets/medium-voltage/n2xs2y-de.pdf
--- a/public/datasheets/medium-voltage/n2xs2y-en.pdf
+++ b/public/datasheets/medium-voltage/n2xs2y-en.pdf
--- a/public/datasheets/medium-voltage/n2xsf2y-de.pdf
+++ b/public/datasheets/medium-voltage/n2xsf2y-de.pdf
--- a/public/datasheets/medium-voltage/n2xsf2y-en.pdf
+++ b/public/datasheets/medium-voltage/n2xsf2y-en.pdf
--- a/public/datasheets/medium-voltage/n2xsfl2y-mv-de.pdf
+++ b/public/datasheets/medium-voltage/n2xsfl2y-mv-de.pdf
--- a/public/datasheets/medium-voltage/n2xsfl2y-mv-en.pdf
+++ b/public/datasheets/medium-voltage/n2xsfl2y-mv-en.pdf
--- a/public/datasheets/medium-voltage/n2xsy-de.pdf
+++ b/public/datasheets/medium-voltage/n2xsy-de.pdf
--- a/public/datasheets/medium-voltage/n2xsy-en.pdf
+++ b/public/datasheets/medium-voltage/n2xsy-en.pdf
--- a/public/datasheets/medium-voltage/na2xs2y-de.pdf
+++ b/public/datasheets/medium-voltage/na2xs2y-de.pdf
--- a/public/datasheets/medium-voltage/na2xs2y-en.pdf
+++ b/public/datasheets/medium-voltage/na2xs2y-en.pdf
--- a/public/datasheets/medium-voltage/na2xsf2y-de.pdf
+++ b/public/datasheets/medium-voltage/na2xsf2y-de.pdf
--- a/public/datasheets/medium-voltage/na2xsf2y-en.pdf
+++ b/public/datasheets/medium-voltage/na2xsf2y-en.pdf
--- a/public/datasheets/medium-voltage/na2xsfl2y-mv-de.pdf
+++ b/public/datasheets/medium-voltage/na2xsfl2y-mv-de.pdf
--- a/public/datasheets/medium-voltage/na2xsfl2y-mv-en.pdf
+++ b/public/datasheets/medium-voltage/na2xsfl2y-mv-en.pdf
--- a/public/datasheets/medium-voltage/na2xsy-de.pdf
+++ b/public/datasheets/medium-voltage/na2xsy-de.pdf
--- a/public/datasheets/medium-voltage/na2xsy-en.pdf
+++ b/public/datasheets/medium-voltage/na2xsy-en.pdf
--- a/public/datasheets/n2x2y-2-de.pdf
+++ b/public/datasheets/n2x2y-2-de.pdf
--- a/public/datasheets/n2x2y-de.pdf
+++ b/public/datasheets/n2x2y-de.pdf
--- a/public/datasheets/n2x2y-en.pdf
+++ b/public/datasheets/n2x2y-en.pdf
--- a/public/datasheets/n2xfk2y-de.pdf
+++ b/public/datasheets/n2xfk2y-de.pdf
--- a/public/datasheets/n2xfk2y-en.pdf
+++ b/public/datasheets/n2xfk2y-en.pdf
--- a/public/datasheets/n2xfkld2y-de.pdf
+++ b/public/datasheets/n2xfkld2y-de.pdf
--- a/public/datasheets/n2xfkld2y-en.pdf
+++ b/public/datasheets/n2xfkld2y-en.pdf
--- a/public/datasheets/n2xs2y-2-de.pdf
+++ b/public/datasheets/n2xs2y-2-de.pdf
--- a/public/datasheets/n2xs2y-de.pdf
+++ b/public/datasheets/n2xs2y-de.pdf
--- a/public/datasheets/n2xs2y-en.pdf
+++ b/public/datasheets/n2xs2y-en.pdf
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Marc Mintel	2d8df53e36	refactor: Replace hardcoded Traefik service names with a dynamic project name variable. All checks were successful Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m25s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 2m52s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Successful in 29s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 2s Details	2026-02-01 14:26:44 +01:00
Marc Mintel	6f49dbc56c	ci: Update Gitea deploy workflow configuration. All checks were successful Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 20s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m24s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 2m55s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Successful in 30s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 1s Details	2026-02-01 14:17:09 +01:00
Marc Mintel	ad2a477636	perf: Add Docker build cache mounts for `npm ci` and `npm run build` commands. Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m24s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 5m48s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Failing after 12s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 3s Details	2026-02-01 14:00:44 +01:00
Marc Mintel	77a1067820	build: include .next/cache in Docker build context. All checks were successful Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m22s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 5m42s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Successful in 44s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 2s Details	2026-02-01 13:43:42 +01:00
Marc Mintel	ea3076b4ec	fix: Remove quotes from environment variables in Traefik host rules within docker-compose.yml. Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m28s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Has been cancelled Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Has been cancelled Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Has been cancelled Details	2026-02-01 13:38:35 +01:00
Marc Mintel	17fe0d7107	fix: Update Traefik host rules in docker-compose.yml to use properly quoted environment variables. All checks were successful Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 2m32s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 4m26s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Successful in 49s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 1s Details	2026-02-01 13:26:25 +01:00
Marc Mintel	38b512973b	ci: update Gitea deploy workflow configuration. Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m17s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 4m52s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Has been cancelled Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Has been cancelled Details	2026-02-01 13:18:06 +01:00
Marc Mintel	4f73838c21	ci: update Gitea deploy workflow configuration. Some checks failed Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Has been cancelled Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Has been cancelled Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Has been cancelled Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Has been cancelled Details Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Has been cancelled Details	2026-02-01 13:15:34 +01:00
Marc Mintel	2f8ce42409	refactor: Remove automatic CMS bootstrapping and wait commands from the dev script. All checks were successful Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m17s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 3m28s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Successful in 43s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 1s Details	2026-02-01 13:04:11 +01:00
Marc Mintel	cf7af73b72	feat: Automate Directus CMS bootstrapping in the dev script and update gitignore rules. Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 20s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m15s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 3m32s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Failing after 1m0s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 2s Details	2026-02-01 12:47:46 +01:00
Marc Mintel	d526bfe56f	chore: Remove various unused uploaded files from Directus.	2026-02-01 12:47:30 +01:00
Marc Mintel	4cb7d438a0	feat: make Directus CMS URL configurable via environment variable with a default. All checks were successful Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m17s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Successful in 3m42s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Successful in 56s Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 2s Details	2026-02-01 11:17:24 +01:00
Marc Mintel	03e597442b	feat: Centralize OG image font loading and sizing, simplify product page OG generation, and refine template styling. Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 21s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m36s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Failing after 1m31s Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Has been skipped Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 3s Details	2026-02-01 11:05:37 +01:00
Marc Mintel	5f9ee7d976	chore: resolve merge conflict in deploy workflow and sync docker-compose Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 24s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Failing after 1m16s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Has been skipped Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Has been skipped Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 2s Details	2026-02-01 02:18:25 +01:00
Marc Mintel	a4ea42a043	directus	2026-02-01 02:10:24 +01:00
Marc Mintel	ee04d2422c	directus	2026-02-01 02:02:03 +01:00
Marc Mintel	26fc34299e	directus	2026-02-01 00:58:54 +01:00
Marc Mintel	6d13611a16	directus	2026-02-01 00:55:33 +01:00
Marc Mintel	4a9246be5e	directus	2026-01-31 23:52:51 +01:00
Marc Mintel	2ed038174d	directus	2026-01-31 23:32:01 +01:00
Marc Mintel	c1304403a1	ci cd Some checks failed Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 22s Details Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Failing after 1m34s Details Build & Deploy KLZ Cables / 🏗️ Build & Push (push) Has been skipped Details Build & Deploy KLZ Cables / 🚀 Deploy (push) Has been skipped Details Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 1s Details	2026-01-31 22:32:32 +01:00
Marc Mintel	5036c5fe28	deploy All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 4m13s Details	2026-01-31 21:10:12 +01:00
Marc Mintel	50a524c515	gitea Some checks failed Build & Deploy KLZ Cables / build-and-deploy (push) Failing after 3m54s Details	2026-01-31 19:21:53 +01:00
Marc Mintel	57886a01d6	traefik All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 3m58s Details	2026-01-31 18:36:34 +01:00
Marc Mintel	c89bd8e80f	staging deploy All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 3m54s Details	2026-01-31 18:07:28 +01:00
Marc Mintel	9c54322654	datasheet download All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 4m1s Details	2026-01-31 10:40:17 +01:00
Marc Mintel	8a80eb7b9a	og All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 3m55s Details	2026-01-31 10:35:07 +01:00
Marc Mintel	c1773a7072	datasheets as downloads All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 3m59s Details	2026-01-31 10:29:39 +01:00
Marc Mintel	33ed13d255	og Some checks failed Build & Deploy KLZ Cables / build-and-deploy (push) Failing after 3m28s Details	2026-01-31 10:25:25 +01:00
Marc Mintel	0f5811edb9	og Some checks failed Build & Deploy KLZ Cables / build-and-deploy (push) Failing after 1m47s Details	2026-01-31 10:21:24 +01:00
Marc Mintel	06bbed8c21	strapi	2026-01-31 10:11:45 +01:00
Marc Mintel	f5a879fa60	Merge branch 'main' into feature/strapi	2026-01-30 22:10:16 +01:00
Marc Mintel	e4eabd7a86	sheets Some checks failed Build & Deploy KLZ Cables / build-and-deploy (push) Failing after 17m33s Details	2026-01-30 22:10:01 +01:00
Marc Mintel	757df76f36	terms All checks were successful Build & Deploy KLZ Cables / build-and-deploy (push) Successful in 4m1s Details	2026-01-30 19:31:22 +01:00
Marc Mintel	14b2f83971	sheets	2026-01-30 00:17:46 +01:00
Marc Mintel	51565fdf41	sheets	2026-01-29 22:51:56 +01:00
Marc Mintel	be9f9cf483	strapi	2026-01-29 19:47:55 +01:00