env

.env

@@ -1,7 +1,13 @@
+# Application
+NODE_ENV=production
+NEXT_PUBLIC_BASE_URL=https://klz-cables.com
+LOG_LEVEL=info
+
+# WooCommerce & WordPress
 WOOCOMMERCE_URL=https://klz-cables.com
 WOOCOMMERCE_CONSUMER_KEY=ck_38d97df86880e8fefbd54ab5cdf47a9c5a9e5b39
 WOOCOMMERCE_CONSUMER_SECRET=cs_d675ee2ac2ec7c22de84ae5451c07e42b1717759
-WORDPRESS_APP_PASSWORD=DlJH 49dp fC3a Itc3 Sl7Z Wz0k'
+WORDPRESS_APP_PASSWORD="DlJH 49dp fC3a Itc3 Sl7Z Wz0k"
 
 # Umami Analytics
 NEXT_PUBLIC_UMAMI_WEBSITE_ID=59a7db94-0100-4c7e-98ef-99f45b17f9c3
@@ -9,12 +15,15 @@ UMAMI_SCRIPT_URL=https://analytics.infra.mintel.me/script.js
 
 # GlitchTip (Sentry protocol)
 SENTRY_DSN=https://c10957d0182245b1a2a806ac2d34a197@errors.infra.mintel.me/1
-NEXT_PUBLIC_SENTRY_DSN=https://c10957d0182245b1a2a806ac2d34a197@klz-cables.com/errors/1
+
+# Redis Cache
+REDIS_URL=
+REDIS_KEY_PREFIX=klz:
 
 # SMTP Configuration
 MAIL_HOST=smtp.eu.mailgun.org
 MAIL_PORT=587
 MAIL_USERNAME=postmaster@mg.mintel.me
 MAIL_PASSWORD=4592fcb94599ee1a45b4ac2386fd0a64-102c75d8-ca2870e6
-MAIL_FROM=KLZ Cables <postmaster@mg.mintel.me>
+MAIL_FROM="KLZ Cables <postmaster@mg.mintel.me>"
 MAIL_RECIPIENTS=marc@cablecreations.de,info@klz-cables.com

.gitea/workflows/deploy.yml

@@ -74,7 +74,8 @@ jobs:
           echo ""
           echo "📦 Build Arguments:"
           echo "  • NEXT_PUBLIC_UMAMI_WEBSITE_ID: ${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID != '' && '***' || 'NOT SET' }}"
-          echo "  • NEXT_PUBLIC_SENTRY_DSN: ${{ secrets.SENTRY_DSN != '' && '***' || 'NOT SET' }}"
+          echo "  • SENTRY_DSN: ${{ secrets.SENTRY_DSN != '' && '***' || 'NOT SET' }}"
+          echo "  • NEXT_PUBLIC_BASE_URL: ${{ secrets.NEXT_PUBLIC_BASE_URL != '' && '***' || 'NOT SET' }}"
           echo ""
           echo "⏱️ Build started at: $(date -u +'%Y-%m-%d %H:%M:%S UTC')"
           echo ""
@@ -85,7 +86,8 @@ jobs:
             --pull \
             --platform linux/arm64 \
             --build-arg NEXT_PUBLIC_UMAMI_WEBSITE_ID="${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID }}" \
-            --build-arg NEXT_PUBLIC_SENTRY_DSN="${{ secrets.SENTRY_DSN }}" \
+            --build-arg SENTRY_DSN="${{ secrets.SENTRY_DSN }}" \
+            --build-arg NEXT_PUBLIC_BASE_URL="${{ secrets.NEXT_PUBLIC_BASE_URL }}" \
             -t registry.infra.mintel.me/mintel/klz-cables.com:latest \
             --push .
           

Dockerfile

@@ -24,10 +24,12 @@ ENV NEXT_TELEMETRY_DISABLED=1
 
 ARG NEXT_PUBLIC_UMAMI_WEBSITE_ID
 ARG NEXT_PUBLIC_UMAMI_SCRIPT_URL
-ARG NEXT_PUBLIC_SENTRY_DSN
+ARG SENTRY_DSN
+ARG NEXT_PUBLIC_BASE_URL
 ENV NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
 ENV NEXT_PUBLIC_UMAMI_SCRIPT_URL=$NEXT_PUBLIC_UMAMI_SCRIPT_URL
-ENV NEXT_PUBLIC_SENTRY_DSN=$NEXT_PUBLIC_SENTRY_DSN
+ENV SENTRY_DSN=$SENTRY_DSN
+ENV NEXT_PUBLIC_BASE_URL=$NEXT_PUBLIC_BASE_URL
 
 RUN npm run build
 

components/home/Hero.tsx

@@ -11,17 +11,8 @@ export default function Hero() {
   const t = useTranslations('Home.hero');
 
   return (
-    <Section className="relative min-h-[85vh] md:h-[90vh] flex items-center justify-center overflow-hidden bg-primary py-12 md:py-0 lg:py-0">
-      <motion.div
-        className="absolute inset-0 z-0"
-        initial={{ opacity: 0, scale: 0.95, filter: 'blur(20px)' }}
-        animate={{ opacity: 1, scale: 1, filter: 'blur(0px)' }}
-        transition={{ duration: 2.2, ease: 'easeOut', delay: 0.05 }}
-      >
-        <HeroIllustration />
-      </motion.div>
-      
-      <Container className="relative z-10 text-left text-white w-full">
+    <Section className="relative min-h-[85vh] md:h-[90vh] flex flex-col items-center justify-center overflow-hidden bg-primary py-12 md:py-0 lg:py-0">
+      <Container className="relative z-10 text-left text-white w-full order-1">
         <motion.div
           className="max-w-5xl"
           initial="hidden"
@@ -73,6 +64,15 @@ export default function Hero() {
           </motion.div>
         </motion.div>
       </Container>
+
+      <motion.div
+        className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-2 mt-8 md:mt-0"
+        initial={{ opacity: 0, scale: 0.95, filter: 'blur(20px)' }}
+        animate={{ opacity: 1, scale: 1, filter: 'blur(0px)' }}
+        transition={{ duration: 2.2, ease: 'easeOut', delay: 0.05 }}
+      >
+        <HeroIllustration />
+      </motion.div>
       
       <motion.div
         className="absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 hidden sm:block"

components/home/HeroIllustration.tsx

@@ -163,10 +163,10 @@ const POWER_LINES = [
 
 export default function HeroIllustration() {
   return (
-    <div className="absolute inset-0 z-0 overflow-hidden bg-primary">
+    <div className="absolute md:inset-0 z-0 overflow-hidden bg-primary w-full h-full">
       <svg
         viewBox="-400 -200 1800 1100"
-        className="w-full h-full opacity-30 md:opacity-100 scale-[2] md:scale-100 translate-x-1/3 md:translate-x-0"
+        className="w-full h-full opacity-60 md:opacity-100 scale-[1.5] md:scale-100 translate-x-0"
         preserveAspectRatio="xMidYMid slice"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"

docker-compose.yml

@@ -62,10 +62,18 @@ services:
       - NEXT_PUBLIC_UMAMI_SCRIPT_URL=${NEXT_PUBLIC_UMAMI_SCRIPT_URL:-https://analytics.infra.mintel.me/script.js}
       # GlitchTip (Sentry protocol)
       - SENTRY_DSN=${SENTRY_DSN}
-      - NEXT_PUBLIC_SENTRY_DSN=${NEXT_PUBLIC_SENTRY_DSN:-${SENTRY_DSN}}
       # Redis (app-spezifischer DB-Index)
       - REDIS_URL=${REDIS_URL:-redis://redis:6379/2}
       - REDIS_KEY_PREFIX=${REDIS_KEY_PREFIX:-klz:}
+      # Mail
+      - MAIL_HOST=${MAIL_HOST}
+      - MAIL_PORT=${MAIL_PORT}
+      - MAIL_USERNAME=${MAIL_USERNAME}
+      - MAIL_PASSWORD=${MAIL_PASSWORD}
+      - MAIL_FROM=${MAIL_FROM}
+      - MAIL_RECIPIENTS=${MAIL_RECIPIENTS}
+      # App
+      - NEXT_PUBLIC_BASE_URL=${NEXT_PUBLIC_BASE_URL}
 
 networks:
   infra:

lib/config.ts

@@ -23,13 +23,11 @@ export const config = {
 
   errors: {
     glitchtip: {
-      // Server-side DSN (direct to GlitchTip)
+      // Use SENTRY_DSN for both server and client (proxied)
       dsn: process.env.SENTRY_DSN,
-      // Client-side DSN (proxied through Next.js)
-      publicDsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
       // The proxied origin used in the frontend
       proxyPath: '/errors',
-      enabled: Boolean(process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN),
+      enabled: Boolean(process.env.SENTRY_DSN),
     },
   },
 
@@ -84,7 +82,6 @@ export function getMaskedConfig() {
     errors: {
       glitchtip: {
         dsn: mask(config.errors.glitchtip.dsn),
-        publicDsn: mask(config.errors.glitchtip.publicDsn),
         enabled: config.errors.glitchtip.enabled,
       },
     },

sentry.client.config.ts

@@ -1,6 +1,6 @@
 import * as Sentry from '@sentry/nextjs';
 
-const dsn = process.env.NEXT_PUBLIC_SENTRY_DSN;
+const dsn = process.env.SENTRY_DSN;
 
 Sentry.init({
   dsn,