diff --git a/frontend/src/config.ts b/frontend/src/config.ts index b364848..2d96f7e 100644 --- a/frontend/src/config.ts +++ b/frontend/src/config.ts @@ -28,6 +28,7 @@ export const headerLinks: HeaderLink[] = [ { label: "Überblick", sectionId: "leistungen" }, { label: "Voicebot", sectionId: "voicebot-demo" }, { label: "Chatbot", sectionId: "chatbot-demo" }, + { label: "FAQ", sectionId: "faq" }, { label: "Angebote", sectionId: "angebote" }, { label: "Kontakt", sectionId: "kontakt", type: "button" }, ] diff --git a/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte b/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte index 8605075..4061d94 100644 --- a/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte +++ b/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte @@ -2,10 +2,12 @@ import CrinkledSection from "../CrinkledSection.svelte" import Input from "../widgets/Input.svelte" import { apiBaseURL } from "../../../config" + import SectionTitle from "../widgets/SectionTitle.svelte" let firstName = "" let lastName = "" let message = "" + let email = "" let submitting = false let responseMessage = "" let responseType: "success" | "error" | "" = "" @@ -34,6 +36,9 @@ const onMessageChange = updateField((value) => { message = value }) + const onEmailChange = updateField((value) => { + email = value + }) const submitContact = async () => { if (submitting) return @@ -89,15 +94,12 @@ id="kontakt" >
-
- Kontakt -

Jetzt unverbindlich anfragen

-

- Sie haben Fragen oder wollen Ihr Projekt direkt besprechen?
- Schreiben Sie uns – wir antworten innerhalb von 24 Stunden und zeigen Ihnen den schnellsten - Weg zum produktiven Chat- oder Voicebot. -

-
+
+
+ +
+ import CrinkledSection from "../CrinkledSection.svelte" + import Icon from "../widgets/Icon.svelte" + import { mdiChevronDown, mdiChevronUp } from "@mdi/js" + import SectionTitle from "../widgets/SectionTitle.svelte" + + const faqs: Array<{ question: string; answer: string }> = [ + { + question: "Wie schnell sind wir mit Kontextwerk live?", + answer: "Ein FAQ-Chatbot ist in 3–5 Tagen einsatzbereit, komplexere Voice- oder Multichannel-Lösungen benötigen je nach Integrationen 3–6 Wochen. Ein klarer Projektplan mit festen Meilensteinen sorgt dafür, dass Sie jederzeit den Überblick behalten.", + }, + { + question: "Brauchen wir eigene Entwickler oder IT-Ressourcen?", + answer: "Nein – im Starter-Paket übernehmen wir Analyse, Implementierung, Hosting und Optimierung vollständig. Wenn Sie später selbst eingreifen möchten, schulen wir Ihr Team und übergeben Code sowie Container-Artefakte.", + }, + { + question: "Welche Sprachen, Kanäle und Anwendungsfälle sind möglich?", + answer: "Unsere Bots sprechen über 90 Sprachen und unterstützen Website-Chat, WhatsApp, Slack, MS Teams, Telefon sowie WebRTC. Typische Use-Cases: Hotline-Entlastung, Lead-Qualifizierung, internes Wissensportal oder Außendienst-Support.", + }, + { + question: "Wie sicher sind unsere Daten?", + answer: "Alle Daten liegen verschlüsselt in einem deutschen Rechenzentrum (ISO 27001). Wir schließen einen DSGVO-konformen AVV und nutzen TLS 1.3, rollenbasierte Zugriffe und optionale On-Premise-Deployments, falls Sie maximale Datenhoheit wünschen.", + }, + { + question: "Welche messbaren Ergebnisse können wir erwarten?", + answer: "Wir tracken KPIs wie Deflection-Rate, AHT und CSAT in Echtzeit. Typische Effekte: bis zu 40 % weniger Hotline-Aufkommen, +30 % Lead-Conversion und messbar höhere Kundenzufriedenheit. Monatliche Reports machen den Erfolg transparent.", + }, + ] + + let activeIndex: number | null = 0 + + const toggle = (index: number) => { + activeIndex = activeIndex === index ? null : index + } + + const answerId = (index: number) => `faq-answer-${index}` + + + + {#snippet contentSnippet()} +
+
+ +
+ {#each faqs as faq, index} +
+ +
+

{faq.answer}

+
+
+ {/each} +
+
+
+ {/snippet} + + + diff --git a/frontend/src/lib/components/staticPageRows/OfferPackages.svelte b/frontend/src/lib/components/staticPageRows/OfferPackages.svelte index 6456df5..5a6cbdd 100644 --- a/frontend/src/lib/components/staticPageRows/OfferPackages.svelte +++ b/frontend/src/lib/components/staticPageRows/OfferPackages.svelte @@ -2,7 +2,7 @@ import CrinkledSection from "../CrinkledSection.svelte" import CardWrapper from "../widgets/CardWrapper.svelte" import Icon from "../widgets/Icon.svelte" - import { mdiCheckCircleOutline } from "@mdi/js" + import { mdiCheck, mdiCheckAll, mdiCheckCircleOutline } from "@mdi/js" import SectionTitle from "../widgets/SectionTitle.svelte" const offers: Array<{ @@ -19,13 +19,13 @@ badge: "Beliebtestes Paket", accent: true, features: [ - "Einmalige Bot-Entwicklung inkl. Workshop & Integration: ab 2 500 €", - "Hosting & Monitoring im deutschen Rechenzentrum: 99 €/Monat", - "Transparente Nutzungskosten: ca. 2 € pro 100 Chat-Sessions bzw. 5 € pro 100 Voice-Calls*", - "Optionales Optimierungspaket (Prompt- & KPI-Tuning): ab 250 €/Monat", - "Vollständig DSGVO-konform, kündbar mit 30 Tagen Frist", + "Komplettlösung: ab 2 500 €", + "Hosting & Monitoring im deutschen Rechenzentrum: ab 100 €/Monat", + "Transparente Nutzungskosten: ca. 2 € pro 100 Chat-Sessions bzw. 5 € pro 100 Telefongespräche*", + "Optionale laufende Optimierungen: ab 250 €/Monat", + "Vollständig DSGVO-konform, jederzeit kündbar mit 30 Tagen Frist", ], - note: "*ca. 10 Minuten Dialogdauer pro Session; tatsächliche API-Preise werden 1:1 durchgereicht.", + note: "*ca. 10 Minuten Dialogdauer pro Session; tatsächliche API-Preise werden 1:1 durchgereicht und hängen vom gewählten Anbieter ab.", }, { title: "Kontextwerk Enterprise", @@ -33,9 +33,9 @@ badge: "Für komplexe Landschaften", features: [ "On-Premise- oder Private-Cloud-Deployment (Kubernetes/Docker)", - "Schulung & Enablement Ihres Teams: 1–3 Tage, feste Tagessätze", + "Schulung & Enablement Ihres Teams: 1–3 Tage, feste Tagessätze", "Plattform-Lizenz nach Server-Knoten oder CPU/VRAM-Paketen", - "Premium-Support & individuelle SLA bis 24/7 verfügbar", + "Premium-Support & individuelle SLA bis 24/7 verfügbar", "Gleicher Funktionsumfang wie Starter, jedoch mit eigener Datenhoheit und Möglichkeit, firmeneigene LLMs anzubinden.", ], }, @@ -74,9 +74,12 @@