From e30bef40ea2a4ab8bff4d1ca51b2e4b5f249ca5d Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 17 May 2026 15:29:36 +0200
Subject: [PATCH] =?UTF-8?q?Landing=20Page:=20Hero,=20Steps=20und=20Feature?=
 =?UTF-8?q?s=20auf=20Pr=C3=BCfbetriebe=20als=20Zielgruppe=20ausgerichtet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/routes/+page.svelte | 43 +++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/app/src/routes/+page.svelte b/app/src/routes/+page.svelte
index 577bc95..15f5808 100644
--- a/app/src/routes/+page.svelte
+++ b/app/src/routes/+page.svelte
@@ -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">