93 lines
3.4 KiB
HTML
93 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Waiswuaschd – Das smarte Brotzeit- & Bestellportal</title>
|
||
<meta name="description" content="Schluss mit Excel-Listen und Zettelwirtschaft im Büro. Bestelle Weißwürste, Brezen und Brotzeit unkompliziert bis zum Stichtag.">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="icon" href="favicon.ico">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Navigation -->
|
||
<header class="site-header">
|
||
<div class="container nav-wrapper">
|
||
<a href="index.html" class="logo">
|
||
🥨 <span>Waiswuaschd</span>.de
|
||
</a>
|
||
<nav class="main-nav">
|
||
<a href="index.html" class="active">Startseite</a>
|
||
<a href="#features">Funktionen</a>
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="datenschutz.html">Datenschutz</a>
|
||
<a href="https://wops.dev.waiswuaschd.de" class="btn btn-primary">Zum Portal (WOPS)</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero Section -->
|
||
<main>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-badge">✨ Das moderne Bestell-Portal für dein Team</div>
|
||
<h1>
|
||
Die gemeinsame Brotzeit.<br>
|
||
<span class="highlight">Ohne Zettelwirtschaft.</span>
|
||
</h1>
|
||
<p>
|
||
Wer kennt es nicht: Freitagmorgen, Excel-Listen im Büro, unleserliche Notizzettel und jemand muss jedem Kollegen hinterherlaufen. Waiswuaschd nimmt dir diese Arbeit komplett ab.
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a href="https://wops.dev.waiswuaschd.de" class="btn btn-primary">Jetzt Brotzeit bestellen</a>
|
||
<a href="#features" class="btn btn-outline">Funktionen entdecken</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Features -->
|
||
<section class="features" id="features">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Warum Waiswuaschd?</h2>
|
||
<p>Entwickelt aus der Praxis für entspannte Büro-Meetings und Teamevents.</p>
|
||
</div>
|
||
|
||
<div class="grid-3">
|
||
<div class="card">
|
||
<div class="card-icon">🥨</div>
|
||
<h3>Individuelle Vorbestellung</h3>
|
||
<p>Jeder Kollege loggt sich mit seinem persönlichen Konto ein und wählt Weißwürste, Brezen, Wiener oder Getränke mit wenigen Klicks aus.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">⏱️</div>
|
||
<h3>Feste Bestell-Deadlines</h3>
|
||
<p>Das Portal schließt automatisch zum Stichtag (z. B. Mittwoch 12:00 Uhr). Wer bis dahin nicht bestellt hat, hat Pech gehabt – kein Nachfragen nötig.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">📊</div>
|
||
<h3>Einkaufsliste auf Knopfdruck</h3>
|
||
<p>Für den Einkäufer gibt es eine exakte Gesamtaufstellung aller Produkte sowie eine transparente Abrechnungs- und Strichliste.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="site-footer">
|
||
<div class="container footer-content">
|
||
<p>© 2026 Waiswuaschd.de – Alle Rechte vorbehalten.</p>
|
||
<div class="footer-links">
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="datenschutz.html">Datenschutz</a>
|
||
<a href="mailto:kontakt@waiswuaschd.de">Kontakt</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|