20-02-2026

2026-02-20 17:57:50 +01:00 · 2026-02-20 17:57:50 +01:00 · 4d6b4930b2
commit 4d6b4930b2
parent 854ce02bf6
128 changed files with 18247 additions and 2093 deletions
--- a/public/_cabinet/offers/slide-0-intro.html
+++ b/public/_cabinet/offers/slide-0-intro.html
@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>CABINET – Intro</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="./shared-styles.css">
+  <style>
+    /* Slide-spezifische Anpassungen */
+    .hero {
+      background:
+        radial-gradient(ellipse at 30% 40%, rgba(0, 159, 227, 0.05), transparent 60%),
+        linear-gradient(165deg, #f8f8f8, #ffffff);
+    }
+    .hero.has-image {
+        background: url('../assets/cabinet-intro.jpg') center/cover no-repeat;
+      }
+
+    .hero-badge {
+      font-size: var(--text-lg);
+      font-weight: 500;
+      padding: 16px 28px;
+      letter-spacing: 0.01em;
+    }
+  </style>
+</head>
+<body>
+  <main class="screen">
+    <article class="slide" data-duration="8000">
+
+      <!-- HEADER -->
+      <header class="header">
+        <div class="brand">
+          <img src="./logo-cabinet-300.png" alt="CABINET" class="brand-logo">
+          <span class="brand-text">Bielefeld</span>
+        </div>
+        <div class="tagline">
+          Planung • Beratung<br>
+          Lieferung & Montage
+        </div>
+      </header>
+
+      <!-- HERO -->
+      <section class="hero has-image">
+        <span class="hero-badge">Ausstellungsdeals – solange verfügbar</span>
+      </section>
+
+      <!-- BOTTOM: Info + QR -->
+      <section class="bottom">
+        <div class="info">
+          <div class="info-content">
+            <p class="eyebrow">Heute im Fokus</p>
+            <h1 class="title large">Kuratiert.<br>Hochwertig.<br>Sofort.</h1>
+          </div>
+
+          <div class="info-footer">
+            <span class="footer-text disclaimer">Zwischenverkauf vorbehalten</span>
+          </div>
+        </div>
+
+        <aside class="qr-box">
+          <div class="qr-header">
+            <p class="qr-title">Kontakt</p>
+            <p class="qr-subtitle">QR scannen</p>
+          </div>
+          <div class="qr-code-wrapper">
+            <img id="qr-code" src="" alt="QR Code">
+          </div>
+          <p class="qr-contact">0521 98620100<br>Tel. oder WhatsApp</p>
+        </aside>
+      </section>
+
+    </article>
+  </main>
+
+  <script>
+    // QR-Code Konfiguration
+    const QR_URL = 'https://cabinet-bielefeld.de'; // Ziel-URL anpassen
+
+    // QR-Code generieren
+    function generateQR(targetUrl) {
+      const size = '300x300';
+      const color = '000000';
+      const bg = 'ffffff';
+      const qrApiUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${size}&color=${color}&bgcolor=${bg}&margin=8&data=${encodeURIComponent(targetUrl)}`;
+
+      const qrImg = document.getElementById('qr-code');
+      if (qrImg) {
+        qrImg.src = qrApiUrl;
+      }
+    }
+
+    // Bei Seitenaufruf QR generieren
+    document.addEventListener('DOMContentLoaded', () => generateQR(QR_URL));
+  </script>
+</body>
+</html>