186 lines
7.4 KiB
HTML
186 lines
7.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 – Dein eigenes Brotzeit-Portal für Büro & Team</title>
|
||
<meta name="description" content="Erhalte dein maßgeschneidertes Weißwurst- & Brotzeitportal unter eigener Subdomain (z.B. firma.waiswuaschd.de). Schluss mit Zettelwirtschaft im Team.">
|
||
<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>
|
||
<button class="mobile-toggle" aria-label="Menü öffnen" id="mobileMenuBtn" aria-expanded="false">
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
</button>
|
||
<nav class="main-nav" id="mainNav">
|
||
<a href="index.html" class="active">Startseite</a>
|
||
<a href="#features">Funktionen</a>
|
||
<a href="#schritte">So geht's</a>
|
||
<a href="#kontakt">Portal anfragen</a>
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="datenschutz.html">Datenschutz</a>
|
||
<a href="https://demo.dev.waiswuaschd.de" class="btn btn-primary" target="_blank" rel="noopener">Live-Demo (Schmankerl)</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero Section -->
|
||
<main>
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-badge">✨ Multi-Tenant Brotzeit-Plattform für Unternehmen & Teams</div>
|
||
<h1>
|
||
Dein eigenes Brotzeit-Portal.<br>
|
||
<span class="highlight">Unter deiner Wunsch-Subdomain.</span>
|
||
</h1>
|
||
<p>
|
||
Vergiss unübersichtliche Excel-Tabellen, Notizzettel und das ewige Hinterherlaufen vor dem Freitags-Meeting.
|
||
Hol dir dein eigenes, personalisiertes Bestellportal für dein Team – z. B. unter <code>dein-team.waiswuaschd.de</code>.
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a href="#kontakt" class="btn btn-primary">Eigenes Portal anfragen</a>
|
||
<a href="https://demo.dev.waiswuaschd.de" class="btn btn-outline" target="_blank" rel="noopener">Live-Demo testen (Schmankerl)</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Features -->
|
||
<section class="features" id="features">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Alles, was dein Team für die perfekte Brotzeit braucht</h2>
|
||
<p>Maßgeschneidert, mandantenfähig und sofort im Browser einsatzbereit.</p>
|
||
</div>
|
||
|
||
<div class="grid-3">
|
||
<div class="card">
|
||
<div class="card-icon">🌐</div>
|
||
<h3>Eigene Subdomain & Branding</h3>
|
||
<p>Dein Unternehmen erhält einen exklusiven Bereich unter <code>firma.waiswuaschd.de</code> mit eigenem Firmennamen und geschütztem Zugang für deine Mitarbeiter.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">🥨</div>
|
||
<h3>Individuelles Sortiment</h3>
|
||
<p>Freie Auswahl: Ob traditionelle Weißwürste vom lokalen Metzger, Brezen, Leberkäse, vegane Alternativen oder Getränke – du bestimmst Angebot und Preise.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">⏱️</div>
|
||
<h3>Automatische Deadlines</h3>
|
||
<p>Feste Stichtage (z. B. Donnerstag 12:00 Uhr): Das Portal schließt pünktlich vor dem Einkauf. Wer bis dahin nicht bestellt hat, fehlt auf der Liste – ganz ohne Diskussionen.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">📋</div>
|
||
<h3>Einkaufsliste auf Knopfdruck</h3>
|
||
<p>Der Einkäufer sieht in Echtzeit die exakt summierten Mengen für Metzger und Bäcker sowie wer welche Portion bestellt hat.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">💳</div>
|
||
<h3>Transparente Abrechnung</h3>
|
||
<p>Übersichtliche digitale Strichliste: Wer hat schon gezahlt, wer ist noch offen? Optional mit PayPal-Me-Link des Einkäufers für bargeldlose Sofortzahlung.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-icon">📱</div>
|
||
<h3>Keine App-Installation</h3>
|
||
<p>Funktioniert sofort auf jedem Smartphone, Tablet oder Desktop-PC. Keine App-Store-Downloads oder komplizierte Einrichtung für Mitarbeiter.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Schritte -->
|
||
<section class="steps" id="schritte">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>In 3 Schritten zu deinem Firmen-Portal</h2>
|
||
<p>Schnell eingerichtet, ohne IT-Aufwand für dein Unternehmen.</p>
|
||
</div>
|
||
|
||
<div class="grid-3">
|
||
<div class="card">
|
||
<div class="step-number">1</div>
|
||
<h3>Subdomain wählen</h3>
|
||
<p>Sag uns deinen Wunschnamen (z. B. <code>musterfirma.waiswuaschd.de</code>) und wir richten dein isoliertes Portal ein.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="step-number">2</div>
|
||
<h3>Sortiment festlegen</h3>
|
||
<p>Hinterlege die Lieblingsprodukte deines Teams mit Preisen deiner lokalen Metzgerei oder Bäckerei.</p>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="step-number">3</div>
|
||
<h3>Team einladen</h3>
|
||
<p>Link im Firmen-Chat (Slack, Teams) teilen, Stichtag setzen und ab sofort die Brotzeit stressfrei genießen.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Kontakt / CTA -->
|
||
<section class="contact-cta" id="kontakt">
|
||
<div class="container">
|
||
<div class="cta-box">
|
||
<h2>Bereit für stressfreie Brotzeit-Runden?</h2>
|
||
<p>
|
||
Möchtest du Waiswuaschd in deinem Unternehmen, Büro oder Verein nutzen?
|
||
Schreib uns einfach und wir richten deine persönliche Subdomain ein.
|
||
</p>
|
||
<a href="mailto:kontakt@waiswuaschd.de?subject=Anfrage%20eigenes%20Waiswuaschd%20Portal" class="btn btn-primary">
|
||
Eigenes Portal anfragen (kontakt@waiswuaschd.de)
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="site-footer">
|
||
<div class="container footer-content">
|
||
<p>© 2026 Waiswuaschd.de – Die Brotzeit-Plattform für Teams.</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>
|
||
|
||
<script>
|
||
const mobileBtn = document.getElementById('mobileMenuBtn');
|
||
const mainNav = document.getElementById('mainNav');
|
||
if (mobileBtn && mainNav) {
|
||
mobileBtn.addEventListener('click', () => {
|
||
const isOpen = mainNav.classList.toggle('open');
|
||
mobileBtn.classList.toggle('open', isOpen);
|
||
mobileBtn.setAttribute('aria-expanded', isOpen);
|
||
document.body.style.overflow = isOpen ? 'hidden' : '';
|
||
});
|
||
mainNav.querySelectorAll('a').forEach(link => {
|
||
link.addEventListener('click', () => {
|
||
mainNav.classList.remove('open');
|
||
mobileBtn.classList.remove('open');
|
||
mobileBtn.setAttribute('aria-expanded', 'false');
|
||
document.body.style.overflow = '';
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|