strapi

2026-01-29 19:47:55 +01:00
185 changed files with 1540 additions and 1127 deletions
--- 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
+
+# Strapi
+STRAPI_DATABASE_NAME=strapi
+STRAPI_DATABASE_USERNAME=strapi
+STRAPI_DATABASE_PASSWORD=strapi_password_change_me
+APP_KEYS=toBeModified1,toBeModified2,toBeModified3,toBeModified4
+API_TOKEN_SALT=tobemodified
+ADMIN_JWT_SECRET=tobemodified
+TRANSFER_TOKEN_SALT=tobemodified
+JWT_SECRET=tobemodified
--- a/.env.example
+++ b/.env.example
@@ -40,19 +40,24 @@ 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
 # ============================================================================
@@ -69,11 +74,7 @@ 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. 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
+# 3. The .env file should exist at: /home/deploy/sites/klz-cables.com/.env
 #
 # 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/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@@ -2,241 +2,184 @@ name: Build & Deploy KLZ Cables

 on:
  push:
-    branches:
-      - main
-    tags:
-      - 'v*'
+    branches: [main]

 jobs:
  build-and-deploy:
    runs-on: docker

    steps:
-      # ──────────────────────────────────────────────────────────────────────────────
-      # Workflow Start & Basic Info
-      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 📢 Workflow Start
+      # ═══════════════════════════════════════════════════════════════════════════════
+      # LOGGING: Workflow Start - Full Transparency
+      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 📋 Log Workflow Start
        run: |
-          echo "┌──────────────────────────────────────────────────────────────┐"
-          echo "│ 🚀 KLZ Cables Deployment Workflow gestartet                  │"
-          echo "├──────────────────────────────────────────────────────────────┤"
-          echo "│ Repository: ${{ github.repository }}                        │"
-          echo "│ Ref:        ${{ github.ref }}                               │"
-          echo "│ Ref-Name:   ${{ github.ref_name }}                          │"
-          echo "│ Commit:     ${{ github.sha }}                               │"
-          echo "│ Actor:      ${{ github.actor }}                             │"
-          echo "│ Datum:      $(date -u +'%Y-%m-%d %H:%M:%S UTC')             │"
-          echo "└──────────────────────────────────────────────────────────────┘"
+          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

-      # ──────────────────────────────────────────────────────────────────────────────
-      # Environment bestimmen + Commit-Message holen
-      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🔍 Environment & Version ermitteln
-        id: determine
+      # ═══════════════════════════════════════════════════════════════════════════════
+      # LOGGING: Registry Login Phase
+      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 🔐 Login to private registry
        run: |
-          TAG="${{ github.ref_name }}"
-          SHORT_SHA="${{ github.sha }}"
-          SHORT_SHA="${SHORT_SHA:0:9}"
-
-          # Commit-Message holen (erste Zeile)
-          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\`"
-            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\`"
-              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\`"
-              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 "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
-
-      - name: ⏭️ Skip Deployment
-        if: steps.determine.outputs.target == 'skip'
-        run: |
-          echo "Deployment übersprungen – kein passender Trigger (main oder v*-Tag)"
-          exit 0
-
-      # ──────────────────────────────────────────────────────────────────────────────
-      # Registry Login
-      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🔐 Registry Login
-        run: |
-          echo "🔐 Login zu registry.infra.mintel.me ..."
+          echo "🔐 Authenticating with registry.infra.mintel.me..."
          echo "${{ secrets.REGISTRY_PASS }}" | docker login registry.infra.mintel.me -u "${{ secrets.REGISTRY_USER }}" --password-stdin

-      # ──────────────────────────────────────────────────────────────────────────────
-      # Build & Push
-      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🏗️ Docker Image bauen & pushen
-        env:
-          IMAGE_TAG: ${{ steps.determine.outputs.image_tag }}
-          NEXT_PUBLIC_BASE_URL:          ${{ steps.determine.outputs.target == 'production' && secrets.NEXT_PUBLIC_BASE_URL          || (steps.determine.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_BASE_URL          || secrets.TESTING_NEXT_PUBLIC_BASE_URL          || secrets.NEXT_PUBLIC_BASE_URL) }}
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID:  ${{ steps.determine.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (steps.determine.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:  ${{ steps.determine.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (steps.determine.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.TESTING_NEXT_PUBLIC_UMAMI_SCRIPT_URL  || secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL) }}
+      # ═══════════════════════════════════════════════════════════════════════════════
+      # LOGGING: Build Phase
+      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 🏗️ Build Docker image
        run: |
-          echo "🏗️ Building → ${{ steps.determine.outputs.target }} / $IMAGE_TAG"
+          echo "🏗️ Building Docker image (linux/arm64)..."
          docker buildx build \
            --pull \
            --platform linux/arm64 \
-            --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" \
-            -t registry.infra.mintel.me/mintel/klz-cables.com:$IMAGE_TAG \
+            --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 \
            --push .

-      # ──────────────────────────────────────────────────────────────────────────────
-      # Deploy via SSH
-      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🚀 Deploy to ${{ steps.determine.outputs.target }}
-        env:
-          IMAGE_TAG:            ${{ steps.determine.outputs.image_tag }}
-          ENV_FILE:             ${{ steps.determine.outputs.env_file }}
-          TRAEFIK_HOST:         ${{ steps.determine.outputs.traefik_host }}
-          # Secrets wie vorher – mit Fallback-Logik pro Umgebung
-          NEXT_PUBLIC_BASE_URL:          ${{ steps.determine.outputs.target == 'production' && secrets.NEXT_PUBLIC_BASE_URL          || (steps.determine.outputs.target == 'staging' && secrets.STAGING_NEXT_PUBLIC_BASE_URL          || secrets.TESTING_NEXT_PUBLIC_BASE_URL          || secrets.NEXT_PUBLIC_BASE_URL) }}
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID:  ${{ steps.determine.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID  || (steps.determine.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:  ${{ steps.determine.outputs.target == 'production' && secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL  || (steps.determine.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:                    ${{ steps.determine.outputs.target == 'production' && secrets.SENTRY_DSN                    || (steps.determine.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 }}
+      # ═══════════════════════════════════════════════════════════════════════════════
+      # LOGGING: Deployment Phase
+      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 🚀 Deploy to production server
        run: |
-          echo "Deploying ${{ steps.determine.outputs.target }} → $IMAGE_TAG"
-
-          # SSH vorbereiten
+          echo "🚀 Deploying to alpha.mintel.me..."
+          
+          # Setup SSH
          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
-
-          # .env-Datei erstellen
+          
+          # Create .env file content
          cat > /tmp/klz-cables.env << EOF
-          # Generated by CI - ${{ steps.determine.outputs.target }} - $(date -u)
+          # ============================================================================
+          # KLZ Cables - Production Environment Configuration
+          # ============================================================================
+          # Auto-generated by CI/CD workflow
+          # DO NOT EDIT MANUALLY - Changes will be overwritten on next deployment
+          # ============================================================================
+          
+          # Application
          NODE_ENV=production
-          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
-
-          IMAGE_TAG=$IMAGE_TAG
-          TRAEFIK_HOST=$TRAEFIK_HOST
-          ENV_FILE=$ENV_FILE
+          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 }}
+          
          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

-          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
-
-          ssh -o StrictHostKeyChecking=accept-new root@alpha.mintel.me IMAGE_TAG="$IMAGE_TAG" ENV_FILE="$ENV_FILE" TRAEFIK_HOST="$TRAEFIK_HOST" 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 --env-file "$ENV_FILE" pull
-
-            echo "→ Starting containers..."
-            docker compose --env-file "$ENV_FILE" up -d
-
-            docker system prune -f --filter "until=168h"
-
-            echo "→ Waiting 15s for warmup..."
-            sleep 15
-
-            echo "→ Container status:"
-            docker compose --env-file "$ENV_FILE" ps
-
-            if ! docker compose --env-file "$ENV_FILE" ps | grep -q "Up"; then
-              echo "❌ Fehler: Container nicht Up!"
-              docker compose --env-file "$ENV_FILE" logs --tail=150
-              exit 1
-            fi
-
-            echo "✅ Deployment erfolgreich!"
+          echo "✅ Deployment complete!"
          EOF
-
+          
          rm -f /tmp/klz-cables.env

-      # ──────────────────────────────────────────────────────────────────────────────
-      # Summary & Gotify
-      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 📊 Deployment Summary
+      # ═══════════════════════════════════════════════════════════════════════════════
+      # LOGGING: Workflow Summary
+      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 📊 Workflow Summary
        if: always()
        run: |
-          echo "┌──────────────────────────────┐"
-          echo "│ Deployment Summary           │"
-          echo "├──────────────────────────────┤"
-          echo "│ Status:     ${{ job.status }} │"
-          echo "│ Umgebung:   ${{ steps.determine.outputs.target || 'skipped' }} │"
-          echo "│ Version:    ${{ steps.determine.outputs.image_tag }} │"
-          echo "│ Commit:     ${{ steps.determine.outputs.short_sha }} │"
-          echo "│ Message:    ${{ steps.determine.outputs.commit_msg }} │"
-          echo "└──────────────────────────────┘"
+          echo "📊 Status: ${{ job.status }}"
+          echo "🎯 Target: alpha.mintel.me"

-      - name: 🔔 Gotify - Success
+      # ═══════════════════════════════════════════════════════════════════════════════
+      # NOTIFICATION: Gotify
+      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 🔔 Gotify Notification (Success)
        if: success()
        run: |
-          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-            -F "title=${{ steps.determine.outputs.gotify_title }}" \
-            -F "message=Erfolgreich deployt auf **${{ steps.determine.outputs.target }}**\n\nVersion: **${{ steps.determine.outputs.image_tag }}**\nCommit: ${{ steps.determine.outputs.short_sha }} (${{ steps.determine.outputs.commit_msg }})\nVon: ${{ github.actor }}\nRun: ${{ github.run_id }}" \
-            -F "priority=${{ steps.determine.outputs.gotify_priority }}" || true
+          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

-      - name: 🔔 Gotify - Failure
+      - name: 🔔 Gotify Notification (Failure)
        if: failure()
        run: |
-          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-            -F "title=❌ Deployment FEHLGESCHLAGEN – ${{ steps.determine.outputs.target || 'unknown' }}" \
-            -F "message=**Fehler beim Deploy auf ${{ steps.determine.outputs.target }}**\n\nVersion: ${{ steps.determine.outputs.image_tag || '?' }}\nCommit: ${{ steps.determine.outputs.short_sha || '?' }}\nVon: ${{ github.actor }}\nRun: ${{ github.run_id }}\n\nBitte Logs prüfen!" \
-            -F "priority=8" || true
+          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
--- 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,30 +252,21 @@ GET /robots.txt

 ### Automatic Deployment (Current Setup)

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

-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
+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

 **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]/api/og/product/route.tsx
+++ b/app/[locale]/api/og/product/route.tsx
@@ -63,7 +63,7 @@ export async function GET(
        title={product.frontmatter.title}
        description={product.frontmatter.description}
        label={product.frontmatter.categories?.[0] || 'Product'}
-        image={featuredImage?.startsWith('http') ? featuredImage : undefined}
+        image={featuredImage}
      />
    ),
    {
--- a/app/[locale]/blog/[slug]/opengraph-image.tsx
+++ b/app/[locale]/blog/[slug]/opengraph-image.tsx
@@ -25,7 +25,7 @@ export default async function Image({ params: { locale, slug } }: { params: { lo
        title={post.frontmatter.title}
        description={post.frontmatter.excerpt}
        label={post.frontmatter.category || 'Blog'}
-        image={featuredImage?.startsWith('http') ? featuredImage : undefined}
+        image={featuredImage}
      />
    ),
    {
--- a/app/[locale]/products/[...slug]/page.tsx
+++ b/app/[locale]/products/[...slug]/page.tsx
@@ -5,7 +5,6 @@ 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';
@@ -363,19 +362,6 @@ 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
@@ -72,7 +72,7 @@ export default async function Image({ params: { locale, slug } }: { params: { lo
        title={product.frontmatter.title}
        description={product.frontmatter.description}
        label={product.frontmatter.categories?.[0] || 'Product'}
-        image={featuredImage?.startsWith('http') ? featuredImage : undefined}
+        image={featuredImage}
      />
    ),
    {
--- a/app/[locale]/team/opengraph-image.tsx
+++ b/app/[locale]/team/opengraph-image.tsx
@@ -15,6 +15,7 @@ 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"
      />
    ),
    {
--- a/cms/Dockerfile
+++ b/cms/Dockerfile
@@ -0,0 +1,16 @@
+FROM node:20-alpine
+
+# Installing libvips-dev for sharp Compatibility
+RUN apk update && apk add --no-cache build-base gcc autoconf automake zlib-dev libpng-dev vips-dev git > /dev/null 2>&1
+
+WORKDIR /opt/
+COPY package.json ./
+RUN npm install -g node-gyp
+RUN npm config set fetch-retry-maxtimeout 600000 -g && npm install
+ENV PATH /opt/node_modules/.bin:$PATH
+
+WORKDIR /opt/app
+COPY . .
+RUN NODE_ENV=production npm run build
+EXPOSE 1337
+CMD ["npm", "run", "develop"]
--- a/cms/config/admin.ts
+++ b/cms/config/admin.ts
@@ -0,0 +1,13 @@
+export default ({ env }) => ({
+  auth: {
+    secret: env('ADMIN_JWT_SECRET'),
+  },
+  apiToken: {
+    salt: env('API_TOKEN_SALT'),
+  },
+  transfer: {
+    token: {
+      salt: env('TRANSFER_TOKEN_SALT'),
+    },
+  },
+});
--- a/cms/config/api.ts
+++ b/cms/config/api.ts
@@ -0,0 +1,7 @@
+export default {
+  rest: {
+    defaultLimit: 25,
+    maxLimit: 100,
+    withCount: true,
+  },
+};
--- a/cms/config/database.ts
+++ b/cms/config/database.ts
@@ -0,0 +1,14 @@
+export default ({ env }) => ({
+  connection: {
+    client: 'postgres',
+    connection: {
+      host: env('DATABASE_HOST', '127.0.0.1'),
+      port: env.int('DATABASE_PORT', 5432),
+      database: env('DATABASE_NAME', 'strapi'),
+      user: env('DATABASE_USERNAME', 'strapi'),
+      password: env('DATABASE_PASSWORD', 'strapi'),
+      ssl: env.bool('DATABASE_SSL', false),
+    },
+    pool: { min: env.int('DATABASE_POOL_MIN', 2), max: env.int('DATABASE_POOL_MAX', 10) },
+  },
+});
--- a/cms/config/server.ts
+++ b/cms/config/server.ts
@@ -0,0 +1,10 @@
+export default ({ env }) => ({
+  host: env('HOST', '0.0.0.0'),
+  port: env.int('PORT', 1337),
+  app: {
+    keys: env.array('APP_KEYS'),
+  },
+  webhooks: {
+    populateRelations: env.bool('WEBHOOKS_POPULATE_RELATIONS', false),
+  },
+});
--- a/cms/package.json
+++ b/cms/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "klz-cms",
+  "private": true,
+  "version": "0.1.0",
+  "description": "Strapi CMS for KLZ Cables",
+  "scripts": {
+    "develop": "strapi develop",
+    "start": "strapi start",
+    "build": "strapi build",
+    "strapi": "strapi"
+  },
+  "dependencies": {
+    "@strapi/strapi": "4.25.11",
+    "@strapi/plugin-users-permissions": "4.25.11",
+    "@strapi/plugin-i18n": "4.25.11",
+    "pg": "8.11.3",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^5.2.0",
+    "styled-components": "^5.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "typescript": "^5.0.0"
+  },
+  "author": {
+    "name": "A Strapi developer"
+  },
+  "strapi": {
+    "uuid": "klz-cms"
+  },
+  "engines": {
+    "node": ">=18.0.0 <=20.x.x",
+    "npm": ">=6.0.0"
+  },
+  "license": "MIT"
+}
--- a/cms/src/api/application/content-types/application/schema.json
+++ b/cms/src/api/application/content-types/application/schema.json
@@ -0,0 +1,38 @@
+{
+  "kind": "collectionType",
+  "collectionName": "applications",
+  "info": {
+    "singularName": "application",
+    "pluralName": "applications",
+    "displayName": "Application"
+  },
+  "options": {
+    "draftAndPublish": false
+  },
+  "attributes": {
+    "job": {
+      "type": "relation",
+      "relation": "manyToOne",
+      "target": "api::job.job"
+    },
+    "name": {
+      "type": "string",
+      "required": true
+    },
+    "email": {
+      "type": "email",
+      "required": true
+    },
+    "resume": {
+      "type": "media",
+      "multiple": false,
+      "required": true,
+      "allowedTypes": [
+        "files"
+      ]
+    },
+    "message": {
+      "type": "text"
+    }
+  }
+}
--- a/cms/src/api/application/controllers/application.ts
+++ b/cms/src/api/application/controllers/application.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreController('api::application.application');
--- a/cms/src/api/application/routes/application.ts
+++ b/cms/src/api/application/routes/application.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreRouter('api::application.application');
--- a/cms/src/api/application/services/application.ts
+++ b/cms/src/api/application/services/application.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreService('api::application.application');
--- a/cms/src/api/category/content-types/category/schema.json
+++ b/cms/src/api/category/content-types/category/schema.json
@@ -0,0 +1,39 @@
+{
+  "kind": "collectionType",
+  "collectionName": "categories",
+  "info": {
+    "singularName": "category",
+    "pluralName": "categories",
+    "displayName": "Category"
+  },
+  "options": {
+    "draftAndPublish": false
+  },
+  "pluginOptions": {
+    "i18n": {
+      "localized": true
+    }
+  },
+  "attributes": {
+    "name": {
+      "type": "string",
+      "required": true,
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "slug": {
+      "type": "uid",
+      "targetField": "name",
+      "required": true
+    },
+    "products": {
+      "type": "relation",
+      "relation": "manyToMany",
+      "target": "api::product.product",
+      "mappedBy": "categories"
+    }
+  }
+}
--- a/cms/src/api/category/controllers/category.ts
+++ b/cms/src/api/category/controllers/category.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreController('api::category.category');
--- a/cms/src/api/category/routes/category.ts
+++ b/cms/src/api/category/routes/category.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreRouter('api::category.category');
--- a/cms/src/api/category/services/category.ts
+++ b/cms/src/api/category/services/category.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreService('api::category.category');
--- a/cms/src/api/contact-message/content-types/contact-message/schema.json
+++ b/cms/src/api/contact-message/content-types/contact-message/schema.json
@@ -0,0 +1,29 @@
+{
+  "kind": "collectionType",
+  "collectionName": "contact_messages",
+  "info": {
+    "singularName": "contact-message",
+    "pluralName": "contact-messages",
+    "displayName": "Contact Message"
+  },
+  "options": {
+    "draftAndPublish": false
+  },
+  "attributes": {
+    "name": {
+      "type": "string",
+      "required": true
+    },
+    "email": {
+      "type": "email",
+      "required": true
+    },
+    "subject": {
+      "type": "string"
+    },
+    "message": {
+      "type": "text",
+      "required": true
+    }
+  }
+}
--- a/cms/src/api/contact-message/controllers/contact-message.ts
+++ b/cms/src/api/contact-message/controllers/contact-message.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreController('api::contact-message.contact-message');
--- a/cms/src/api/contact-message/routes/contact-message.ts
+++ b/cms/src/api/contact-message/routes/contact-message.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreRouter('api::contact-message.contact-message');
--- a/cms/src/api/contact-message/services/contact-message.ts
+++ b/cms/src/api/contact-message/services/contact-message.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreService('api::contact-message.contact-message');
--- a/cms/src/api/job/content-types/job/schema.json
+++ b/cms/src/api/job/content-types/job/schema.json
@@ -0,0 +1,44 @@
+{
+  "kind": "collectionType",
+  "collectionName": "jobs",
+  "info": {
+    "singularName": "job",
+    "pluralName": "jobs",
+    "displayName": "Job"
+  },
+  "options": {
+    "draftAndPublish": true
+  },
+  "pluginOptions": {
+    "i18n": {
+      "localized": true
+    }
+  },
+  "attributes": {
+    "title": {
+      "type": "string",
+      "required": true,
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "description": {
+      "type": "richtext",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "location": {
+      "type": "string",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    }
+  }
+}
--- a/cms/src/api/job/controllers/job.ts
+++ b/cms/src/api/job/controllers/job.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreController('api::job.job');
--- a/cms/src/api/job/routes/job.ts
+++ b/cms/src/api/job/routes/job.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreRouter('api::job.job');
--- a/cms/src/api/job/services/job.ts
+++ b/cms/src/api/job/services/job.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreService('api::job.job');
--- a/cms/src/api/product/content-types/product/schema.json
+++ b/cms/src/api/product/content-types/product/schema.json
@@ -0,0 +1,80 @@
+{
+  "kind": "collectionType",
+  "collectionName": "products",
+  "info": {
+    "singularName": "product",
+    "pluralName": "products",
+    "displayName": "Product",
+    "description": ""
+  },
+  "options": {
+    "draftAndPublish": true
+  },
+  "pluginOptions": {
+    "i18n": {
+      "localized": true
+    }
+  },
+  "attributes": {
+    "title": {
+      "type": "string",
+      "required": true,
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "sku": {
+      "type": "uid",
+      "targetField": "title",
+      "required": true
+    },
+    "description": {
+      "type": "text",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "application": {
+      "type": "text",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "content": {
+      "type": "richtext",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "images": {
+      "type": "media",
+      "multiple": true,
+      "required": false,
+      "allowedTypes": [
+        "images"
+      ]
+    },
+    "categories": {
+      "type": "relation",
+      "relation": "manyToMany",
+      "target": "api::category.category",
+      "inversedBy": "products"
+    },
+    "technicalData": {
+      "type": "json",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    }
+  }
+}
--- a/cms/src/api/product/controllers/product.ts
+++ b/cms/src/api/product/controllers/product.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreController('api::product.product');
--- a/cms/src/api/product/routes/product.ts
+++ b/cms/src/api/product/routes/product.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreRouter('api::product.product');
--- a/cms/src/api/product/services/product.ts
+++ b/cms/src/api/product/services/product.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreService('api::product.product');
--- a/cms/src/api/setting/content-types/setting/schema.json
+++ b/cms/src/api/setting/content-types/setting/schema.json
@@ -0,0 +1,42 @@
+{
+  "kind": "singleType",
+  "collectionName": "settings",
+  "info": {
+    "singularName": "setting",
+    "pluralName": "settings",
+    "displayName": "Setting"
+  },
+  "options": {
+    "draftAndPublish": true
+  },
+  "pluginOptions": {
+    "i18n": {
+      "localized": true
+    }
+  },
+  "attributes": {
+    "siteName": {
+      "type": "string",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "siteDescription": {
+      "type": "text",
+      "pluginOptions": {
+        "i18n": {
+          "localized": true
+        }
+      }
+    },
+    "logo": {
+      "type": "media",
+      "multiple": false,
+      "allowedTypes": [
+        "images"
+      ]
+    }
+  }
+}
--- a/cms/src/api/setting/controllers/setting.ts
+++ b/cms/src/api/setting/controllers/setting.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreController('api::setting.setting');
--- a/cms/src/api/setting/routes/setting.ts
+++ b/cms/src/api/setting/routes/setting.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreRouter('api::setting.setting');
--- a/cms/src/api/setting/services/setting.ts
+++ b/cms/src/api/setting/services/setting.ts
@@ -0,0 +1,2 @@
+import { factories } from '@strapi/strapi';
+export default factories.createCoreService('api::setting.setting');
--- a/cms/src/index.ts
+++ b/cms/src/index.ts
@@ -0,0 +1,18 @@
+export default {
+  /**
+   * An asynchronous register function that runs before
+   * your application is initialized.
+   *
+   * This gives you an opportunity to extend code.
+   */
+  register(/*{ strapi }*/) {},
+
+  /**
+   * An asynchronous bootstrap function that runs before
+   * your application gets started.
+   *
+   * This gives you an opportunity to set up your data model,
+   * run jobs, or perform some special logic.
+   */
+  bootstrap(/*{ strapi }*/) {},
+};
--- a/cms/tsconfig.json
+++ b/cms/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "extends": "@strapi/typescript-utils/tsconfigs/server",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "."
+  },
+  "include": [
+    "src/**/*.ts",
+    "config/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules/",
+    "build/",
+    "dist/",
+    ".cache/",
+    ".tmp/",
+    "src/admin/",
+    "**/*.test.ts",
+    "src/plugins/**"
+  ]
+}
--- a/components/DatasheetDownload.tsx
+++ b/components/DatasheetDownload.tsx
@@ -1,68 +0,0 @@
-'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,6 +29,7 @@ export function OGImageTemplate({
    backgroundColor: mode === 'light' ? '#ffffff' : primaryBlue,
    padding: '80px',
    position: 'relative',
+    fontFamily: 'Inter, sans-serif',
  };

  return (
@@ -38,10 +39,7 @@ export function OGImageTemplate({
        <div
          style={{
            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
+            inset: 0,
            display: 'flex',
          }}
        >
@@ -59,11 +57,8 @@ export function OGImageTemplate({
          <div
            style={{
              position: 'absolute',
-              top: 0,
-              left: 0,
-              right: 0,
-              bottom: 0,
-              background: 'linear-gradient(to right, rgba(0,26,77,0.9), rgba(0,26,77,0.4))',
+              inset: 0,
+              background: 'linear-gradient(to right, rgba(0,26,77,0.9) 0%, rgba(0,26,77,0.4) 100%)',
            }}
          />
        </div>
@@ -77,8 +72,8 @@ export function OGImageTemplate({
          right: '-100px',
          width: '600px',
          height: '600px',
-          borderRadius: '300px',
-          backgroundColor: `${accentGreen}1a`,
+          borderRadius: '50%',
+          background: `radial-gradient(circle, ${accentGreen}1a 0%, transparent 70%)`,
          display: 'flex',
        }}
      />
--- a/components/ProductSidebar.tsx
+++ b/components/ProductSidebar.tsx
@@ -3,7 +3,6 @@
 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';

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

      {/* Datasheet Download */}
      {datasheetPath && (
-        <DatasheetDownload datasheetPath={datasheetPath} className="mt-0" />
+        <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>
      )}
    </div>
  );
--- a/data/pages/de/agbs.mdx
+++ b/data/pages/de/agbs.mdx
@@ -5,7 +5,7 @@ featuredImage: null
 locale: de
 ---

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

 ## 1. Allgemeines

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

 ## 3. Preise

-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.
+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.

 ## 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

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

 ## 8. Zahlungsbedingungen | Aufrechnung | Zurückbehaltungsrechte

-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.
+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.

 ## 9. Liefervorbehalt | Teillieferungen

@@ -68,13 +69,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 lässt, 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 lassen, 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 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.
+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.

 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.

@@ -92,9 +93,7 @@ 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 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.
+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.

 ## 15. Schadenersatz | Gesamthaftung

@@ -110,6 +109,4 @@ 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 January 2026*
+*Status November 2024*

 ## 1. General

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

 ## 3. Prices

-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.
+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.

 ## 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 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.
+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.

 ## 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. 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.
+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.

 ## 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 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.
+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.

 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,9 +93,7 @@ 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. 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.
+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.

 ## 15. Damages | Total liability

@@ -111,6 +109,4 @@ 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.yml
+++ b/docker-compose.yml
@@ -1,21 +1,21 @@
 services:
  app:
-    image: registry.infra.mintel.me/mintel/klz-cables.com:${IMAGE_TAG:-latest}
+    image: registry.infra.mintel.me/mintel/klz-cables.com:latest
    restart: always
    networks:
      - infra
    ports:
      - "3000:3000"
    env_file:
-      - ${ENV_FILE:-.env}
+      - .env
    labels:
      - "traefik.enable=true"
      # HTTP ⇒ HTTPS redirect
-      - "traefik.http.routers.klz-cables-web.rule=Host(${TRAEFIK_HOST}) && !PathPrefix(`/.well-known/acme-challenge/`)"
+      - "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(${TRAEFIK_HOST})"
+      - "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"
@@ -28,6 +28,54 @@ services:
      # 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/public/uploads:/opt/app/public/uploads
+    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/datasheets.ts
+++ b/lib/datasheets.ts
@@ -15,9 +15,6 @@ 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`,
@@ -28,13 +25,10 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
    `${normalizedSlug}-3-${locale}.pdf`,
  ];

-  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}`;
-      }
+  for (const pattern of patterns) {
+    const filePath = path.join(datasheetsDir, pattern);
+    if (fs.existsSync(filePath)) {
+      return `/datasheets/${pattern}`;
    }
  }

@@ -48,13 +42,10 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
      `${normalizedSlug}-2-en.pdf`,
      `${normalizedSlug}-3-en.pdf`,
    ];
-    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}`;
-        }
+    for (const pattern of enPatterns) {
+      const filePath = path.join(datasheetsDir, pattern);
+      if (fs.existsSync(filePath)) {
+        return `/datasheets/${pattern}`;
      }
    }
  }
--- a/lib/metadata.ts
+++ b/lib/metadata.ts
@@ -2,10 +2,9 @@ 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}${cleanPath}/opengraph-image`,
+      url: `${SITE_URL}/${locale}/${path}/opengraph-image`,
      width: 1200,
      height: 630,
      alt: title,
--- a/lib/pdf-datasheet.tsx
+++ b/lib/pdf-datasheet.tsx
@@ -21,149 +21,234 @@ Font.register({
 // Industrial/technical/restrained design - STYLEGUIDE.md compliant
 const styles = StyleSheet.create({
  page: {
-    color: '#111827', // Text Primary
-    lineHeight: 1.5,
-    backgroundColor: '#FFFFFF',
-    paddingTop: 0,
-    paddingBottom: 100,
+    // 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,
    fontFamily: 'Helvetica',
+    fontSize: 10,
+    color: '#1F2933', // Dark gray text
+    lineHeight: 1.5, // Generous line height
+    backgroundColor: '#F8F9FA', // Almost white background
  },

-  // Hero-style header
-  hero: {
-    backgroundColor: '#FFFFFF',
-    paddingTop: 24,
-    paddingBottom: 0,
-    paddingHorizontal: 72,
-    marginBottom: 20,
-    position: 'relative',
-    borderBottomWidth: 0,
-    borderBottomColor: '#e5e7eb',
-  },
-
+  // Engineering documentation header
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 16,
+    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',
  },

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

-  docTitle: {
+  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,
    fontWeight: 700,
-    color: '#001a4d',
-    letterSpacing: 2,
+    color: '#0E2A47', // Dark navy
+    marginBottom: 8,
+    letterSpacing: 0.5,
    textTransform: 'uppercase',
  },

-  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',
+  skuContainer: {
+    backgroundColor: '#E6E9ED', // Light gray background
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    border: '1px solid #E6E9ED',
  },

-  // Product Hero Info
-  productHero: {
-    marginTop: 0,
+  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',
  },

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

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

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

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

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

-  // Technical data table
+  // 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)
  specsTable: {
-    marginTop: 8,
-    border: '1px solid #e5e7eb',
-    borderRadius: 8,
-    overflow: 'hidden',
+    borderWidth: 1,
+    borderColor: '#E6E9ED',
  },

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

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

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

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

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

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

-  // Categories
+  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: {
    flexDirection: 'row',
    flexWrap: 'wrap',
@@ -207,48 +320,42 @@ const styles = StyleSheet.create({
  },

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

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

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

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

@@ -257,7 +364,6 @@ interface ProductData {
  name: string;
  shortDescriptionHtml: string;
  descriptionHtml: string;
-  applicationHtml?: string;
  images: string[];
  featuredImage: string | null;
  sku: string;
@@ -283,19 +389,19 @@ const stripHtml = (html: string): string => {
 const getLabels = (locale: 'en' | 'de') => {
  const labels = {
    en: {
-      productDatasheet: 'Technical Datasheet',
-      description: 'APPLICATION',
-      specifications: 'TECHNICAL DATA',
-      categories: 'CATEGORIES',
+      productDatasheet: 'Product Datasheet',
+      description: 'Description',
+      specifications: 'Technical Specifications',
+      categories: 'Categories',
      sku: 'SKU',
      noImage: 'No image available',
    },
    de: {
-      productDatasheet: 'Technisches Datenblatt',
-      description: 'ANWENDUNG',
-      specifications: 'TECHNISCHE DATEN',
-      categories: 'KATEGORIEN',
-      sku: 'ARTIKELNUMMER',
+      productDatasheet: 'Produktdatenblatt',
+      description: 'Beschreibung',
+      specifications: 'Technische Spezifikationen',
+      categories: 'Kategorien',
+      sku: 'Artikelnummer',
      noImage: 'Kein Bild verfügbar',
    },
  };
@@ -312,101 +418,99 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({
  return (
    <Document>
      <Page size="A4" style={styles.page}>
-        {/* 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} />
+        {/* 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} />
              ) : (
-                <Text style={styles.noImage}>{labels.noImage}</Text>
+                <View>
+                  <Text style={styles.logoText}>KLZ</Text>
+                  <Text style={styles.logoSubtext}>Cables</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>
+          </View>
        </View>

-        <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>
-          )}
-
-          {/* 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>
-                    <View style={styles.specsTableValueCell}>
-                      <Text style={styles.specsTableValueText}>
-                        {attr.options.join(', ')}
-                      </Text>
-                    </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.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>
-          )}
+        {/* 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 &&
+                      styles.specsTableRowLast,
+                  ]}
+                >
+                  <View style={styles.specsTableLabelCell}>
+                    <Text style={styles.specsTableLabelText}>{attr.name}</Text>
+                  </View>
+                  <View style={styles.specsTableValueCell}>
+                    <Text style={styles.specsTableValueText}>
+                      {attr.options.join(', ')}
+                    </Text>
+                  </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>
+              ))}
+            </View>
+          </View>
+        )}
+
        {/* Minimal footer */}
        <View style={styles.footer} fixed>
-          <Text style={styles.footerBrand}>KLZ CABLES</Text>
-          <Text style={styles.footerText}>
+          <Text style={styles.footerLeft}>
+            {labels.sku}: {product.sku}
+          </Text>
+          <Text style={styles.footerRight}>
            {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/package.json
+++ b/package.json
@@ -65,7 +65,13 @@
    "test": "vitest run --passWithNoTests",
    "test:og": "vitest run tests/og-image.test.ts",
    "pdf:datasheets": "tsx ./scripts/generate-pdf-datasheets.ts",
-    "pdf:datasheets:legacy": "tsx ./scripts/generate-pdf-datasheets-pdf-lib.ts"
+    "pdf:datasheets:legacy": "tsx ./scripts/generate-pdf-datasheets-pdf-lib.ts",
+    "cms:dev": "docker-compose up -d cms cms-db",
+    "cms:stop": "docker-compose stop cms cms-db",
+    "cms:logs": "docker-compose logs -f cms",
+    "cms:export": "./scripts/strapi-sync.sh export",
+    "cms:import": "./scripts/strapi-sync.sh import",
+    "cms:migrate": "tsx ./scripts/migrate-to-strapi.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/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/na2xsy-de.pdf
+++ b/public/datasheets/medium-voltage/na2xsy-de.pdf
--- a/Show More
+++ b/Show More