diff --git a/app/src/routes/+page.svelte b/app/src/routes/+page.svelte index 31dfcd6..594993a 100644 --- a/app/src/routes/+page.svelte +++ b/app/src/routes/+page.svelte @@ -29,7 +29,49 @@ sonstiges: iconTherm }; - let activeView = $state<'dashboard' | 'protokoll' | 'stationen'>('dashboard'); + let activeView = $state<'dashboard' | 'protokoll' | 'stationen'>('dashboard'); + + // Kontaktformular + let showModal = $state(false); + let modalPlan = $state(''); + let formName = $state(''); + let formCompany = $state(''); + let formEmail = $state(''); + let formPhone = $state(''); + let formMsg = $state(''); + let formSending = $state(false); + let formDone = $state(false); + let formError = $state(''); + + function openModal(plan = '') { + modalPlan = plan; + formDone = false; + formError = ''; + showModal = true; + } + + function closeModal() { showModal = false; } + + async function submitForm() { + if (!formName.trim() || !formEmail.trim()) { formError = 'Bitte Name und E-Mail ausfüllen.'; return; } + formSending = true; formError = ''; + try { + await pb.collection('inquiries').create({ + name: formName.trim(), + company: formCompany.trim(), + email: formEmail.trim(), + phone: formPhone.trim(), + message: formMsg.trim(), + plan: modalPlan + }); + formDone = true; + formName = formCompany = formEmail = formPhone = formMsg = ''; + } catch { + formError = 'Fehler beim Senden. Bitte direkt an hallo@checkflo.de schreiben.'; + } finally { + formSending = false; + } + } let liveLogs = $state([]); let liveStats = $state({ total: 0, ok: 0, warn: 0, crit: 0 }); let lastUpdate = $state(''); @@ -127,7 +169,7 @@ Und Ihre Kunden sehen nur Ihr Logo.

- Kostenlose Demo vereinbaren + So funktioniert es ↓
@@ -318,7 +360,7 @@
  • ✓ PDF-Export für Ihre Kunden
  • ✓ Offline-fähige PWA
  • - Demo vereinbaren +
    Enterprise
    @@ -347,7 +389,7 @@
  • ✓ Individuelle Entwicklung
  • ✓ Schulung & Onboarding
  • - Angebot anfragen +

    Keine Einrichtungsgebühr · Monatlich kündbar · Alle Pläne inkl. Updates

    @@ -359,10 +401,64 @@

    Bieten Sie Ihren Kunden eine eigene HACCP-App an.

    Für Prüfbetriebe, Ingenieurbüros und Facility-Management-Firmen.

    - Kostenlose Demo vereinbaren +
    + +{#if showModal} + +{/if} +