rene/checkflo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Landing Page: Hero, Steps und Features auf Prüfbetriebe als Zielgruppe ausgerichtet

Browse source
This commit is contained in:
rene 2026-05-17 15:29:36 +02:00
parent 6d4f4c6867
commit e30bef40ea
1 changed files with 22 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

43
app/src/routes/+page.svelte
View file

@ -3,19 +3,19 @@
const features = [
{
icon: '📱',
title: 'Kein App-Store',
text: 'QR-Code scannen — fertig. Die App öffnet direkt im Browser, ohne Installation.'
icon: '🏷️',
title: 'Ihr Name, Ihr Brand',
text: 'Ihre Kunden sehen nur Ihr Logo, Ihre Farben, Ihre Domain. checkflo bleibt unsichtbar im Hintergrund.'
},
{
icon: '📶',
title: 'Offline-fähig',
text: 'Kein Empfang im Keller? Kein Problem. Daten werden lokal gespeichert und automatisch synchronisiert.'
title: 'Keine Installation nötig',
text: 'Ihre Kunden scannen den QR-Code und füllen die Checkliste direkt im Browser aus — kein App-Store, kein MDM-Problem.'
},
{
icon: '📄',
title: 'PDF auf Knopfdruck',
text: 'Monatsprotokolle für Lebensmittelkontrolleure automatisch generieren — rechtssicher und vollständig.'
title: 'Protokolle auf Knopfdruck',
text: 'Monatsprotokolle als PDF für Lebensmittelkontrollen — automatisch generiert, rechtssicher, ohne Aufwand für Sie.'
}
];
</script>
@ -31,15 +31,16 @@
<!-- HERO -->
<section class="hero">
<div class="hero-inner">
<p class="eyebrow">HACCP-Dokumentation für die Gastronomie</p>
<h1>Prüfprotokolle.<br />Ohne Papier.<br />Ohne App-Store.</h1>
<p class="eyebrow">White-Label-Software für Prüf- und Wartungsbetriebe</p>
<h1>Ihre eigene<br />HACCP-App —<br />unter Ihrem Namen.</h1>
<p class="subtitle">
Kühlschranktemperaturen, Hygienekontrollen und Wartungsnachweise —
digital erfasst, automatisch protokolliert, jederzeit abrufbar.
Bieten Sie Ihren Kunden digitale Prüfprotokolle als gebrandete App an.
Kein App-Store. Keine Installation. Läuft offline.
Und Ihre Kunden sehen nur Ihr Logo.
</p>
<div class="hero-actions">
<a href="mailto:hallo@checkflo.de" class="btn-primary">Kostenlose Demo anfragen</a>
<a href="#funktionen" class="btn-ghost">Wie es funktioniert ↓</a>
<a href="mailto:hallo@checkflo.de" class="btn-primary">Kostenlose Demo vereinbaren</a>
<a href="#funktionen" class="btn-ghost">So funktioniert es ↓</a>
</div>
</div>
</section>
@ -47,22 +48,22 @@
<!-- HOW IT WORKS -->
<section class="steps" id="funktionen">
<div class="container">
<h2>In 3 Schritten zum digitalen Protokoll</h2>
<h2>In 3 Schritten zur eigenen HACCP-App</h2>
<div class="steps-grid">
<div class="step">
<div class="step-num">1</div>
<h3>QR-Code aufkleben</h3>
<p>Robuste NFC/QR-Tags direkt am Kühlschrank, Warmhaltebehälter oder an der Hygiene-Station.</p>
<h3>Lizenz buchen & branden</h3>
<p>Sie erhalten Ihre App unter Ihrem Logo, Ihren Farben und Ihrer Domain — fertig in 48 Stunden.</p>
</div>
<div class="step">
<div class="step-num">2</div>
<h3>Scannen & ausfüllen</h3>
<p>Techniker scannt den Code, trägt Temperatur ein, macht bei Abweichung ein Foto — fertig.</p>
<h3>Kunden einrichten</h3>
<p>Stationen anlegen, QR-Codes ausdrucken, beim Kunden aufkleben. Ihr Kunde braucht nichts installieren.</p>
</div>
<div class="step">
<div class="step-num">3</div>
<h3>Protokoll abrufen</h3>
<p>Vollständiges Monatsprotokoll als PDF — für Lebensmittelkontrolle, Franchise-Geber oder eigene Dokumentation.</p>
<h3>Protokolle abrufen</h3>
<p>Ihre Kunden erfassen täglich — Sie sehen alles in Echtzeit und exportieren Protokolle per Knopfdruck als PDF.</p>
</div>
</div>
</div>
@ -71,7 +72,7 @@
<!-- FEATURES -->
<section class="features">
<div class="container">
<h2>Warum checkflo?</h2>
<h2>Was checkflo für Sie leistet</h2>
<div class="features-grid">
{#each features as f}
<div class="feature-card">