gitmedia/b2in
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

20-02-2026

Browse source
This commit is contained in:
Kevin Adametz 2026-02-20 17:57:50 +01:00
parent 854ce02bf6
commit 4d6b4930b2
128 changed files with 18247 additions and 2093 deletions
Download patch file Download diff file Expand all files Collapse all files

135
public/_cabinet/offers/slide-2-goya-details.html Normal file
View file

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CABINET – GOYA Konditionen</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:
linear-gradient(180deg, rgba(245,245,245,0.9) 0%, rgba(250,250,250,0.95) 100%);
}
.hero.has-image {
background: url('../assets/goya2.jpg') center/cover no-repeat;
}
.bullets {
margin-top: 16px;
}
.bullets li {
font-size: var(--text-lg);
}
.cta-row {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20px;
border-top: 1px solid var(--line);
margin-top: auto;
}
.cta-text {
font-size: var(--text-lg);
color: var(--muted);
font-weight: 400;
}
.cta-action {
font-size: var(--text-lg);
font-weight: 600;
color: var(--fg-strong);
letter-spacing: -0.01em;
}
.hero-badge {
font-size: 24px;
font-weight: 500;
padding: 16px 28px;
}
</style>
</head>
<body>
<main class="screen">
<article class="slide" data-duration="12000">
<!-- HEADER -->
<header class="header">
<div class="brand">
<img src="./logo-cabinet-300.png" alt="CABINET" class="brand-logo">
</div>
</header>
<!-- HERO -->
<section class="hero has-image">
<span class="hero-badge">Einzelstück</span>
</section>
<!-- BOTTOM: Info + QR -->
<section class="bottom">
<div class="info">
<div class="info-content">
<p class="eyebrow">Auf einen Blick<</p>
<h1 class="title medium">GOYA Sideboard</h1>
<ul class="bullets">
<li>
<span class="dot"></span>
<span>Eingelagertes Einzelstück</span>
</li>
<li>
<span class="dot"></span>
<span>Abholung in Rheda-Wiedenbrück</span>
</li>
<li>
<span class="dot"></span>
<span>Lieferung optional</span>
</li>
<li>
<span class="dot"></span>
<span>Deckel weiß matt (neu)</span>
</li>
</ul>
</div>
</div>
<aside class="qr-box">
<div class="qr-header">
<p class="qr-title">Reservieren</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 – GOYA Details (gleiche URL wie Slide 1)
const QR_URL = 'https://cabinet-bielefeld.de';
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;
}
document.addEventListener('DOMContentLoaded', () => generateQR(QR_URL));
</script>
</body>
</html>