deploy

.env

@@ -19,13 +19,3 @@ 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

.env.example

@@ -40,24 +40,19 @@ 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
 # ============================================================================
@@ -74,7 +69,11 @@ JWT_SECRET=tobemodified
 # ──────────────────
 # 1. Build-time: Only NEXT_PUBLIC_* vars are needed (via --build-arg)
 # 2. Runtime: All vars are loaded from .env file on the server
-# 3. The .env file should exist at: /home/deploy/sites/klz-cables.com/.env
+# 3. Branch Deployments:
+#    - main branch uses .env.prod
+#    - staging branch uses .env.staging
+#    - CI/CD supports STAGING_ prefix for all secrets to override defaults
+#    - TRAEFIK_HOST is automatically derived from NEXT_PUBLIC_BASE_URL
 #
 # Security:
 # ─────────

.env.production

@@ -26,15 +26,6 @@ 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

.gitea/workflows/deploy.yml

@@ -2,184 +2,241 @@ name: Build & Deploy KLZ Cables
 
 on:
   push:
-    branches: [main]
+    branches:
+      - main
+    tags:
+      - 'v*'
 
 jobs:
   build-and-deploy:
     runs-on: docker
 
     steps:
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      # LOGGING: Workflow Start - Full Transparency
+      # Workflow Start & Basic Info
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 📋 Log Workflow Start
+      - name: 📢 Workflow Start
         run: |
-          echo "🚀 Starting deployment for ${{ github.repository }} (${{ github.ref }})"
+          echo "┌──────────────────────────────────────────────────────────────┐"
-          echo "  • Commit: ${{ github.sha }}"
+          echo "│ 🚀 KLZ Cables Deployment Workflow gestartet                  │"
-          echo "  • Timestamp: $(date -u +'%Y-%m-%d %H:%M:%S UTC')"
+          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 "└──────────────────────────────────────────────────────────────┘"
 
       - name: Checkout repository
         uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
 
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      # LOGGING: Registry Login Phase
+      # Environment bestimmen + Commit-Message holen
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🔐 Login to private registry
+      - name: 🔍 Environment & Version ermitteln
+        id: determine
         run: |
-          echo "🔐 Authenticating with registry.infra.mintel.me..."
+          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 "${{ secrets.REGISTRY_PASS }}" | docker login registry.infra.mintel.me -u "${{ secrets.REGISTRY_USER }}" --password-stdin
 
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      # LOGGING: Build Phase
+      # Build & Push
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🏗️ Build Docker image
+      - 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) }}
         run: |
-          echo "🏗️ Building Docker image (linux/arm64)..."
+          echo "🏗️ Building → ${{ steps.determine.outputs.target }} / $IMAGE_TAG"
           docker buildx build \
             --pull \
             --platform linux/arm64 \
-            --build-arg NEXT_PUBLIC_BASE_URL="${{ secrets.NEXT_PUBLIC_BASE_URL }}" \
+            --build-arg NEXT_PUBLIC_BASE_URL="$NEXT_PUBLIC_BASE_URL" \
-            --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID="${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID }}" \
+            --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID="$NEXT_PUBLIC_UMAMI_WEBSITE_ID" \
-            --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL="${{ secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL }}" \
+            --build-arg NEXT_PUBLIC_UMAMI_SCRIPT_URL="$NEXT_PUBLIC_UMAMI_SCRIPT_URL" \
-            -t registry.infra.mintel.me/mintel/klz-cables.com:latest \
+            -t registry.infra.mintel.me/mintel/klz-cables.com:$IMAGE_TAG \
             --push .
 
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      # LOGGING: Deployment Phase
+      # Deploy via SSH
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 🚀 Deploy to production server
+      - 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 }}
         run: |
-          echo "🚀 Deploying to alpha.mintel.me..."
+          echo "Deploying ${{ steps.determine.outputs.target }} → $IMAGE_TAG"
 
-          # Setup SSH
+          # SSH vorbereiten
           mkdir -p ~/.ssh
           echo "${{ secrets.ALPHA_SSH_KEY }}" > ~/.ssh/id_ed25519
           chmod 600 ~/.ssh/id_ed25519
           ssh-keyscan -H alpha.mintel.me >> ~/.ssh/known_hosts 2>/dev/null
 
-          # Create .env file content
+          # .env-Datei erstellen
           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=${{ secrets.NEXT_PUBLIC_BASE_URL }}
+          NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
-          
+          NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
-          # Analytics (Umami)
+          NEXT_PUBLIC_UMAMI_SCRIPT_URL=$NEXT_PUBLIC_UMAMI_SCRIPT_URL
-          NEXT_PUBLIC_UMAMI_WEBSITE_ID=${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID }}
+          SENTRY_DSN=$SENTRY_DSN
-          NEXT_PUBLIC_UMAMI_SCRIPT_URL=${{ secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL }}
+          MAIL_HOST=$MAIL_HOST
-          
+          MAIL_PORT=$MAIL_PORT
-          # Error Tracking (GlitchTip/Sentry)
+          MAIL_USERNAME=$MAIL_USERNAME
-          SENTRY_DSN=${{ secrets.SENTRY_DSN }}
+          MAIL_PASSWORD=$MAIL_PASSWORD
-          
+          MAIL_FROM=$MAIL_FROM
-          # Email Configuration (Mailgun)
+          MAIL_RECIPIENTS=$MAIL_RECIPIENTS
-          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 }}
 
+          IMAGE_TAG=$IMAGE_TAG
+          TRAEFIK_HOST=$TRAEFIK_HOST
+          ENV_FILE=$ENV_FILE
           EOF
 
-          # Upload .env and deploy
+          scp -o StrictHostKeyChecking=accept-new /tmp/klz-cables.env root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/$ENV_FILE
-          scp -o StrictHostKeyChecking=accept-new /tmp/klz-cables.env root@alpha.mintel.me:/home/deploy/sites/klz-cables.com/.env
+          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 bash << EOF
+          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
+            set -e
-          cd /home/deploy/sites/klz-cables.com
+            cd /home/deploy/sites/klz-cables.com
 
-          chmod 600 .env
+            chmod 600 "$ENV_FILE"
-          chown deploy:deploy .env
+            chown deploy:deploy "$ENV_FILE"
 
-          echo "${{ secrets.REGISTRY_PASS }}" | docker login registry.infra.mintel.me -u "${{ secrets.REGISTRY_USER }}" --password-stdin
+            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 "→ Pulling image: $IMAGE_TAG"
+            docker compose --env-file "$ENV_FILE" pull
 
-          echo "🚀 Starting containers..."
+            echo "→ Starting containers..."
-          docker-compose up -d
+            docker compose --env-file "$ENV_FILE" up -d
 
-          echo "⏳ Giving the app a few seconds to warm up..."
+            docker system prune -f --filter "until=168h"
-          sleep 10
 
-          echo "🔍 Checking container status..."
+            echo "→ Waiting 15s for warmup..."
-          docker-compose ps
+            sleep 15
 
-          if ! docker-compose ps | grep -q "Up"; then
+            echo "→ Container status:"
-            echo "❌ Container failed to start"
+            docker compose --env-file "$ENV_FILE" ps
-            docker-compose logs --tail=100
-            exit 1
-          fi
 
-          echo "✅ Deployment complete!"
+            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!"
           EOF
 
           rm -f /tmp/klz-cables.env
 
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      # LOGGING: Workflow Summary
+      # Summary & Gotify
-      # ═══════════════════════════════════════════════════════════════════════════════
+      # ──────────────────────────────────────────────────────────────────────────────
-      - name: 📊 Workflow Summary
+      - name: 📊 Deployment Summary
         if: always()
         run: |
-          echo "📊 Status: ${{ job.status }}"
+          echo "┌──────────────────────────────┐"
-          echo "🎯 Target: alpha.mintel.me"
+          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 "└──────────────────────────────┘"
 
-      # ═══════════════════════════════════════════════════════════════════════════════
+      - name: 🔔 Gotify - Success
-      # NOTIFICATION: Gotify
-      # ═══════════════════════════════════════════════════════════════════════════════
-      - name: 🔔 Gotify Notification (Success)
         if: success()
         run: |
-          echo "Sending success notification to Gotify..."
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-          RESPONSE=$(curl -k -s -w "\n%{http_code}" -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=${{ steps.determine.outputs.gotify_title }}" \
-            -F "title=✅ Deployment Success: ${{ github.repository }}" \
+            -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 "message=The deployment of ${{ github.repository }} (branch: ${{ github.ref }}) was successful.
+            -F "priority=${{ steps.determine.outputs.gotify_priority }}" || true
 
-            Commit: ${{ github.sha }}
+      - name: 🔔 Gotify - Failure
-            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 Notification (Failure)
         if: failure()
         run: |
-          echo "Sending failure notification to Gotify..."
+          curl -s -k -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
-          RESPONSE=$(curl -k -s -w "\n%{http_code}" -X POST "${{ secrets.GOTIFY_URL }}/message?token=${{ secrets.GOTIFY_TOKEN }}" \
+            -F "title=❌ Deployment FEHLGESCHLAGEN – ${{ steps.determine.outputs.target || 'unknown' }}" \
-            -F "title=❌ Deployment Failed: ${{ github.repository }}" \
+            -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 "message=The deployment of ${{ github.repository }} (branch: ${{ github.ref }}) failed!
+            -F "priority=8" || true
-            
-            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

README.md

@@ -29,35 +29,6 @@ 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
@@ -102,8 +73,7 @@ NEXT_PUBLIC_SENTRY_DSN=https://PUBLIC_KEY@errors.infra.mintel.me/PROJECT_ID
 - **Framework**: Next.js 14 (App Router)
 - **Language**: TypeScript
 - **Styling**: SCSS
-- **CMS**: Strapi (Source of Truth)
+- **Data**: Static JSON (WordPress export)
-- **Data**: Static JSON (WordPress export) & Strapi API
 - **Email**: Resend
 - **Analytics**: Vercel (consent-based)
 - **CAPTCHA**: Cloudflare Turnstile
@@ -133,7 +103,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
@@ -144,7 +114,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
@@ -252,21 +222,30 @@ GET /robots.txt
 
 ### Automatic Deployment (Current Setup)
 
-The project uses **Gitea Actions** for CI/CD. Every push to `main` triggers:
+The project uses **Gitea Actions** for CI/CD. Every push to `main` or `staging` triggers:
 
-1. **Build**: Docker image built for `linux/arm64`
+1. **Build**: Docker image built for `linux/arm64` with branch-specific build args
-2. **Push**: Image pushed to `registry.infra.mintel.me`
+2. **Push**: Image pushed to `registry.infra.mintel.me` with commit SHA tag
-3. **Deploy**: SSH to production server, pull and restart containers
+3. **Deploy**: SSH to production server, pull and restart containers using branch-specific `.env` files
 
 **Workflow**: `.gitea/workflows/deploy.yml`
 
+**Branch Deployments**:
+- `main` branch: Deploys to production using `.env.prod`
+- `staging` branch: Deploys to staging using `.env.staging`
+
+**Environment Overrides**:
+The CI/CD workflow supports `STAGING_`-prefixed secrets (e.g., `STAGING_NEXT_PUBLIC_BASE_URL`) to override default secrets when deploying the `staging` branch.
+
 **Required Secrets** (configure in Gitea repository settings):
 - `REGISTRY_USER` - Docker registry username
 - `REGISTRY_PASS` - Docker registry password
 - `ALPHA_SSH_KEY` - SSH private key for deployment
+- `NEXT_PUBLIC_BASE_URL` - Application base URL (e.g., `https://klz-cables.com`)
 - `NEXT_PUBLIC_UMAMI_WEBSITE_ID` - Analytics ID
 - `NEXT_PUBLIC_UMAMI_SCRIPT_URL` - Analytics script URL
 - `SENTRY_DSN` - Error tracking DSN
+- `MAIL_HOST`, `MAIL_PORT`, `MAIL_USERNAME`, `MAIL_PASSWORD`, `MAIL_FROM`, `MAIL_RECIPIENTS` - Email configuration
 
 ### Manual Deployment
 

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}
+        image={featuredImage?.startsWith('http') ? featuredImage : undefined}
       />
     ),
     {

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}
+        image={featuredImage?.startsWith('http') ? featuredImage : undefined}
       />
     ),
     {

app/[locale]/products/[...slug]/page.tsx

@@ -5,6 +5,7 @@ import ProductSidebar from '@/components/ProductSidebar';
 import ProductTabs from '@/components/ProductTabs';
 import ProductTechnicalData from '@/components/ProductTechnicalData';
 import RelatedProducts from '@/components/RelatedProducts';
+import DatasheetDownload from '@/components/DatasheetDownload';
 import { Badge, Container, Heading, Section } from '@/components/ui';
 import { getDatasheetPath } from '@/lib/datasheets';
 import { getAllProducts, getProductBySlug } from '@/lib/mdx';
@@ -362,6 +363,19 @@ export default async function ProductPage({ params }: ProductPageProps) {
                  <MDXRemote source={processedContent} components={productComponents} />
               </div>
 
+              {/* Datasheet Download Section - Only for Medium Voltage for now */}
+              {categoryFileSlug === 'medium-voltage-cables' && datasheetPath && (
+                <div className="mt-24 pt-24 border-t-2 border-neutral-dark/5">
+                  <div className="mb-12">
+                    <h2 className="text-3xl md:text-4xl font-black text-primary tracking-tighter uppercase mb-4">
+                      {t('downloadDatasheet')}
+                    </h2>
+                    <div className="h-1.5 w-24 bg-accent rounded-full" />
+                  </div>
+                  <DatasheetDownload datasheetPath={datasheetPath} />
+                </div>
+              )}
+
               {/* Structured Data */}
               <JsonLd
                 id={`jsonld-${product.slug}`}

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}
+        image={featuredImage?.startsWith('http') ? featuredImage : undefined}
       />
     ),
     {

app/[locale]/team/opengraph-image.tsx

@@ -15,7 +15,6 @@ 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"
       />
     ),
     {

cms/Dockerfile

@@ -1,16 +0,0 @@
-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"]

cms/config/admin.ts

@@ -1,13 +0,0 @@
-export default ({ env }) => ({
-  auth: {
-    secret: env('ADMIN_JWT_SECRET'),
-  },
-  apiToken: {
-    salt: env('API_TOKEN_SALT'),
-  },
-  transfer: {
-    token: {
-      salt: env('TRANSFER_TOKEN_SALT'),
-    },
-  },
-});

cms/config/api.ts

@@ -1,7 +0,0 @@
-export default {
-  rest: {
-    defaultLimit: 25,
-    maxLimit: 100,
-    withCount: true,
-  },
-};

cms/config/database.ts

@@ -1,14 +0,0 @@
-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) },
-  },
-});

cms/config/server.ts

@@ -1,10 +0,0 @@
-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),
-  },
-});

cms/package.json

@@ -1,39 +0,0 @@
-{
-  "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"
-}

cms/src/api/application/content-types/application/schema.json

@@ -1,38 +0,0 @@
-{
-  "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"
-    }
-  }
-}

cms/src/api/application/controllers/application.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreController('api::application.application');

cms/src/api/application/routes/application.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreRouter('api::application.application');

cms/src/api/application/services/application.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreService('api::application.application');

cms/src/api/category/content-types/category/schema.json

@@ -1,39 +0,0 @@
-{
-  "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"
-    }
-  }
-}

cms/src/api/category/controllers/category.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreController('api::category.category');

cms/src/api/category/routes/category.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreRouter('api::category.category');

cms/src/api/category/services/category.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreService('api::category.category');

cms/src/api/contact-message/content-types/contact-message/schema.json

@@ -1,29 +0,0 @@
-{
-  "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
-    }
-  }
-}

cms/src/api/contact-message/controllers/contact-message.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreController('api::contact-message.contact-message');

cms/src/api/contact-message/routes/contact-message.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreRouter('api::contact-message.contact-message');

cms/src/api/contact-message/services/contact-message.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreService('api::contact-message.contact-message');

cms/src/api/job/content-types/job/schema.json

@@ -1,44 +0,0 @@
-{
-  "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
-        }
-      }
-    }
-  }
-}

cms/src/api/job/controllers/job.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreController('api::job.job');

cms/src/api/job/routes/job.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreRouter('api::job.job');

cms/src/api/job/services/job.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreService('api::job.job');

cms/src/api/product/content-types/product/schema.json

@@ -1,80 +0,0 @@
-{
-  "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
-        }
-      }
-    }
-  }
-}

cms/src/api/product/controllers/product.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreController('api::product.product');

cms/src/api/product/routes/product.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreRouter('api::product.product');

cms/src/api/product/services/product.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreService('api::product.product');

cms/src/api/setting/content-types/setting/schema.json

@@ -1,42 +0,0 @@
-{
-  "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"
-      ]
-    }
-  }
-}

cms/src/api/setting/controllers/setting.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreController('api::setting.setting');

cms/src/api/setting/routes/setting.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreRouter('api::setting.setting');

cms/src/api/setting/services/setting.ts

@@ -1,2 +0,0 @@
-import { factories } from '@strapi/strapi';
-export default factories.createCoreService('api::setting.setting');

cms/src/index.ts

@@ -1,18 +0,0 @@
-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 }*/) {},
-};

cms/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "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/**"
-  ]
-}

components/DatasheetDownload.tsx

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

components/OGImageTemplate.tsx

@@ -29,7 +29,6 @@ export function OGImageTemplate({
     backgroundColor: mode === 'light' ? '#ffffff' : primaryBlue,
     padding: '80px',
     position: 'relative',
-    fontFamily: 'Inter, sans-serif',
   };
 
   return (
@@ -39,7 +38,10 @@ export function OGImageTemplate({
         <div
           style={{
             position: 'absolute',
-            inset: 0,
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
             display: 'flex',
           }}
         >
@@ -57,8 +59,11 @@ export function OGImageTemplate({
           <div
             style={{
               position: 'absolute',
-              inset: 0,
+              top: 0,
-              background: 'linear-gradient(to right, rgba(0,26,77,0.9) 0%, rgba(0,26,77,0.4) 100%)',
+              left: 0,
+              right: 0,
+              bottom: 0,
+              background: 'linear-gradient(to right, rgba(0,26,77,0.9), rgba(0,26,77,0.4))',
             }}
           />
         </div>
@@ -72,8 +77,8 @@ export function OGImageTemplate({
           right: '-100px',
           width: '600px',
           height: '600px',
-          borderRadius: '50%',
+          borderRadius: '300px',
-          background: `radial-gradient(circle, ${accentGreen}1a 0%, transparent 70%)`,
+          backgroundColor: `${accentGreen}1a`,
           display: 'flex',
         }}
       />

components/ProductSidebar.tsx

@@ -3,6 +3,7 @@
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import RequestQuoteForm from '@/components/RequestQuoteForm';
+import DatasheetDownload from '@/components/DatasheetDownload';
 import Scribble from '@/components/Scribble';
 import { cn } from '@/components/ui/utils';
 
@@ -64,33 +65,7 @@ export default function ProductSidebar({ productName, productImage, datasheetPat
 
       {/* Datasheet Download */}
       {datasheetPath && (
-        <a 
+        <DatasheetDownload datasheetPath={datasheetPath} className="mt-0" />
-          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>
   );

docker-compose.yml

@@ -1,21 +1,21 @@
 services:
   app:
-    image: registry.infra.mintel.me/mintel/klz-cables.com:latest
+    image: registry.infra.mintel.me/mintel/klz-cables.com:${IMAGE_TAG:-latest}
     restart: always
     networks:
       - infra
     ports:
       - "3000:3000"
     env_file:
-      - .env
+      - ${ENV_FILE:-.env}
     labels:
       - "traefik.enable=true"
       # HTTP ⇒ HTTPS redirect
-      - "traefik.http.routers.klz-cables-web.rule=(Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)) && !PathPrefix(`/.well-known/acme-challenge/`)"
+      - "traefik.http.routers.klz-cables-web.rule=Host(${TRAEFIK_HOST}) && !PathPrefix(`/.well-known/acme-challenge/`)"
       - "traefik.http.routers.klz-cables-web.entrypoints=web"
       - "traefik.http.routers.klz-cables-web.middlewares=redirect-https"
       # HTTPS router
-      - "traefik.http.routers.klz-cables.rule=Host(`klz-cables.com`) || Host(`www.klz-cables.com`) || Host(`staging.klz-cables.com`)"
+      - "traefik.http.routers.klz-cables.rule=Host(${TRAEFIK_HOST})"
       - "traefik.http.routers.klz-cables.entrypoints=websecure"
       - "traefik.http.routers.klz-cables.tls.certresolver=le"
       - "traefik.http.routers.klz-cables.tls=true"
@@ -28,54 +28,6 @@ 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:

docs/DEPLOYMENT.md

@@ -70,15 +70,6 @@ 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
 

lib/datasheets.ts

@@ -15,6 +15,9 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
   // Normalize slug: remove common suffixes that might not be in the PDF filename
   const normalizedSlug = slug.replace(/-hv$|-mv$/, '');
 
+  // Subdirectories to search in
+  const subdirs = ['', 'low-voltage', 'medium-voltage', 'high-voltage', 'solar'];
+
   // List of patterns to try for the current locale
   const patterns = [
     `${slug}-${locale}.pdf`,
@@ -25,10 +28,13 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
     `${normalizedSlug}-3-${locale}.pdf`,
   ];
 
-  for (const pattern of patterns) {
+  for (const subdir of subdirs) {
-    const filePath = path.join(datasheetsDir, pattern);
+    for (const pattern of patterns) {
-    if (fs.existsSync(filePath)) {
+      const relativePath = path.join(subdir, pattern);
-      return `/datasheets/${pattern}`;
+      const filePath = path.join(datasheetsDir, relativePath);
+      if (fs.existsSync(filePath)) {
+        return `/datasheets/${relativePath}`;
+      }
     }
   }
 
@@ -42,10 +48,13 @@ export function getDatasheetPath(slug: string, locale: string): string | null {
       `${normalizedSlug}-2-en.pdf`,
       `${normalizedSlug}-3-en.pdf`,
     ];
-    for (const pattern of enPatterns) {
+    for (const subdir of subdirs) {
-      const filePath = path.join(datasheetsDir, pattern);
+      for (const pattern of enPatterns) {
-      if (fs.existsSync(filePath)) {
+        const relativePath = path.join(subdir, pattern);
-        return `/datasheets/${pattern}`;
+        const filePath = path.join(datasheetsDir, relativePath);
+        if (fs.existsSync(filePath)) {
+          return `/datasheets/${relativePath}`;
+        }
       }
     }
   }

lib/metadata.ts

@@ -2,9 +2,10 @@ import { Metadata } from 'next';
 import { SITE_URL } from './schema';
 
 export function getOGImageMetadata(path: string, title: string, locale: string): NonNullable<Metadata['openGraph']>['images'] {
+  const cleanPath = path ? (path.startsWith('/') ? path : `/${path}`) : '';
   return [
     {
-      url: `${SITE_URL}/${locale}/${path}/opengraph-image`,
+      url: `${SITE_URL}/${locale}${cleanPath}/opengraph-image`,
       width: 1200,
       height: 630,
       alt: title,

lib/strapi.ts

@@ -1,85 +0,0 @@
-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;

package.json

@@ -65,13 +65,7 @@
     "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"
 }

scripts/migrate-to-strapi.ts

@@ -1,64 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import matter from 'gray-matter';
-import axios from 'axios';
-
-const STRAPI_URL = process.env.STRAPI_URL || 'http://localhost:1337';
-const STRAPI_TOKEN = process.env.STRAPI_ADMIN_TOKEN; // You'll need to generate this
-
-async function migrateProducts() {
-  const productsDir = path.join(process.cwd(), 'data/products');
-  const locales = ['de', 'en'];
-
-  for (const locale of locales) {
-    const localeDir = path.join(productsDir, locale);
-    if (!fs.existsSync(localeDir)) continue;
-
-    const files = fs.readdirSync(localeDir).filter(f => f.endsWith('.mdx'));
-
-    for (const file of files) {
-      const filePath = path.join(localeDir, file);
-      const fileContent = fs.readFileSync(filePath, 'utf8');
-      const { data, content } = matter(fileContent);
-
-      console.log(`Migrating ${data.title} (${locale})...`);
-
-      try {
-        // 1. Check if product exists (by SKU)
-        const existing = await axios.get(`${STRAPI_URL}/api/products?filters[sku][$eq]=${data.sku}&locale=${locale}`, {
-          headers: { Authorization: `Bearer ${STRAPI_TOKEN}` }
-        });
-
-        const productData = {
-          title: data.title,
-          sku: data.sku,
-          description: data.description,
-          application: data.application,
-          content: content,
-          technicalData: data.technicalData || {}, // This might need adjustment based on how it's stored in MDX
-          locale: locale,
-        };
-
-        if (existing.data.data.length > 0) {
-          // Update
-          const id = existing.data.data[0].id;
-          await axios.put(`${STRAPI_URL}/api/products/${id}`, { data: productData }, {
-            headers: { Authorization: `Bearer ${STRAPI_TOKEN}` }
-          });
-          console.log(`Updated ${data.title}`);
-        } else {
-          // Create
-          await axios.post(`${STRAPI_URL}/api/products`, { data: productData }, {
-            headers: { Authorization: `Bearer ${STRAPI_TOKEN}` }
-          });
-          console.log(`Created ${data.title}`);
-        }
-      } catch (error) {
-        console.error(`Error migrating ${data.title}:`, error.response?.data || error.message);
-      }
-    }
-  }
-}
-
-// Note: This script requires a running Strapi instance and an admin token.
-// migrateProducts();

scripts/strapi-sync.sh

@@ -1,33 +0,0 @@
-#!/bin/bash
-
-# Script to sync Strapi data between environments
-# Usage: ./scripts/strapi-sync.sh [export|import] [filename]
-
-COMMAND=$1
-FILENAME=$2
-
-if [ -z "$COMMAND" ]; then
-  echo "Usage: $0 [export|import] [filename]"
-  exit 1
-fi
-
-if [ "$COMMAND" == "export" ]; then
-  if [ -z "$FILENAME" ]; then
-    FILENAME="strapi-export-$(date +%Y%m%d%H%M%S).tar.gz"
-  fi
-  echo "Exporting Strapi data to $FILENAME..."
-  docker-compose exec cms npm run strapi export -- --no-encrypt -f "$FILENAME"
-  docker cp $(docker-compose ps -q cms):/opt/app/$FILENAME .
-  echo "Export complete: $FILENAME"
-fi
-
-if [ "$COMMAND" == "import" ]; then
-  if [ -z "$FILENAME" ]; then
-    echo "Please specify a filename to import"
-    exit 1
-  fi
-  echo "Importing Strapi data from $FILENAME..."
-  docker cp $FILENAME $(docker-compose ps -q cms):/opt/app/$FILENAME
-  docker-compose exec cms npm run strapi import -- -f "$FILENAME" --force
-  echo "Import complete"
-fi

scripts/test-og-images.ts

@@ -0,0 +1,46 @@
+import * as http from 'http';
+
+const baseUrl = 'http://localhost:3010';
+const paths = [
+  '/en/opengraph-image',
+  '/de/opengraph-image',
+  '/en/blog/opengraph-image',
+  '/en/contact/opengraph-image',
+  '/en/products/opengraph-image',
+  '/en/team/opengraph-image',
+];
+
+async function testUrl(path: string) {
+  return new Promise((resolve) => {
+    const url = `${baseUrl}${path}`;
+    console.log(`Testing ${url}...`);
+    const req = http.get(url, (res) => {
+      console.log(`  Status: ${res.statusCode}`);
+      console.log(`  Content-Type: ${res.headers['content-type']}`);
+      resolve(res.statusCode === 200);
+    });
+    req.on('error', (e) => {
+      console.error(`  Error: ${e.message}`);
+      resolve(false);
+    });
+    req.end();
+  });
+}
+
+async function run() {
+  let allPassed = true;
+  for (const path of paths) {
+    const passed = await testUrl(path);
+    if (!passed) allPassed = false;
+  }
+  
+  if (allPassed) {
+    console.log('\n✅ All OG images are working!');
+    process.exit(0);
+  } else {
+    console.log('\n❌ Some OG images failed.');
+    process.exit(1);
+  }
+}
+
+run();

styles/globals.css

@@ -37,7 +37,12 @@
   --animate-slow-zoom: slow-zoom 20s linear infinite;
   --animate-reveal: reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
   --animate-slight-fade-in-from-bottom: slight-fade-in-from-bottom 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  --animate-gradient-x: gradient-x 15s ease infinite;
 
+  @keyframes gradient-x {
+    0%, 100% { background-position: 0% 50%; }
+    50% { background-position: 100% 50%; }
+  }
   @keyframes fade-in {
     from { opacity: 0; }
     to { opacity: 1; }