From c5172d2d9eb9ef62acd2163e8c37f17be80a0328 Mon Sep 17 00:00:00 2001 From: robin Date: Mon, 6 Oct 2025 15:26:28 +0000 Subject: [PATCH] zwischenstand --- frontend/src/config.ts | 1 + .../components/chatbotDemo/InputRow.svelte | 67 ++-- .../staticPageRows/ChatbotPreview.svelte | 15 + .../staticPageRows/ContactFormRow.svelte | 10 +- .../staticPageRows/CoreSellingPoints.svelte | 4 +- .../staticPageRows/OfferPackages.svelte | 308 ++++++++++++++++++ .../staticPageRows/VoicebotPreview.svelte | 18 +- .../widgets/ProductCategoryFrame.svelte | 24 +- frontend/src/routes/StaticHomepage.svelte | 2 + 9 files changed, 415 insertions(+), 34 deletions(-) create mode 100644 frontend/src/lib/components/staticPageRows/OfferPackages.svelte diff --git a/frontend/src/config.ts b/frontend/src/config.ts index 12fe626..b364848 100644 --- a/frontend/src/config.ts +++ b/frontend/src/config.ts @@ -28,5 +28,6 @@ export const headerLinks: HeaderLink[] = [ { label: "Überblick", sectionId: "leistungen" }, { label: "Voicebot", sectionId: "voicebot-demo" }, { label: "Chatbot", sectionId: "chatbot-demo" }, + { label: "Angebote", sectionId: "angebote" }, { label: "Kontakt", sectionId: "kontakt", type: "button" }, ] diff --git a/frontend/src/lib/components/chatbotDemo/InputRow.svelte b/frontend/src/lib/components/chatbotDemo/InputRow.svelte index afd862c..4d9740b 100644 --- a/frontend/src/lib/components/chatbotDemo/InputRow.svelte +++ b/frontend/src/lib/components/chatbotDemo/InputRow.svelte @@ -96,6 +96,8 @@ diff --git a/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte b/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte index dd5e7ea..8605075 100644 --- a/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte +++ b/frontend/src/lib/components/staticPageRows/ContactFormRow.svelte @@ -91,10 +91,11 @@
Kontakt -

Kontaktieren Sie uns

+

Jetzt unverbindlich anfragen

- Ob Fragen zu unseren Lösungen oder konkrete Projektideen – schreiben Sie uns und wir melden uns - schnellstmöglich bei Ihnen. + 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 CardWrapper from "../widgets/CardWrapper.svelte" + import Icon from "../widgets/Icon.svelte" + import { mdiCheckCircleOutline } from "@mdi/js" + + const offers: Array<{ + title: string + tagline: string + badge?: string + accent?: boolean + features: string[] + note?: string + }> = [ + { + title: "Kontextwerk Starter", + tagline: "„Schnell live, komplett gemanagt“", + 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", + ], + note: "*ca. 10 Minuten Dialogdauer pro Session; tatsächliche API-Preise werden 1:1 durchgereicht.", + }, + { + title: "Kontextwerk Enterprise", + tagline: "„Volle Kontrolle in Ihrer Umgebung“", + badge: "Für komplexe Landschaften", + features: [ + "On-Premise- oder Private-Cloud-Deployment (Kubernetes/Docker)", + "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", + "Gleicher Funktionsumfang wie Starter, jedoch mit eigener Datenhoheit und Möglichkeit, firmeneigene LLMs anzubinden.", + ], + }, + ] + + + + {#snippet contentSnippet()} +
+
+ Pakete +

Unsere Angebotsmodelle

+

+ Wählen Sie zwischen einem voll gemanagten Einstieg oder maximaler Eigenkontrolle: Beide Pakete + bieten den kompletten Funktionsumfang unserer KI-Plattform. +

+
+ +
+ {#each offers as offer} + + {#snippet contentSnippet()} +
+ {#if offer.badge} + {offer.badge} + {/if} +
+

{offer.title}

+

{offer.tagline}

+
+
    + {#each offer.features as feature} +
  • + + + + {@html feature} +
    • + {/each} +
+ {#if offer.note} +

{offer.note}

+ {/if} +
+ {/snippet} + + {/each} +
+
+ {/snippet} + + + diff --git a/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte b/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte index 02af7c6..dacf2ea 100644 --- a/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte +++ b/frontend/src/lib/components/staticPageRows/VoicebotPreview.svelte @@ -28,7 +28,21 @@ color: "#EB5757", }, ] + const upperDescription = ` + Klicken Sie auf den grünen Hörer + und sprechen Sie jetzt live mit unserer + KontextWerk-Expertin – direkt hier im Browser. + ` + const lowerDescription = ` + Die Demo liefert exakt die Gesprächsqualität, die wir später als Telefon-Bot auf + Ihrer Hotline bereitstellen: 24/7 verfügbar, auf Ihr Unternehmenswissen trainiert + und bei Bedarf mit nahtloser Übergabe an Ihr Serviceteam.

+ Im Hintergrund steuert ein individuell von uns programmierter Workflow-Graph jeden Schritt des Dialogs – + von der Bedarfsklärung bis zur Datenerfassung – genau so, wie es ein Mitarbeiter + am Telefon tun würde. DSGVO-konformes Hosting in Deutschland, minimale Latenz und + offene Schnittstellen machen Ihren Kundenservice zuverlässig, sicher und skalierbar. + ` const controller = createVoicebotPreviewController() const { status, statusHint, toggle, setup, teardown } = controller @@ -54,8 +68,8 @@ properties={voiceProperties} title="Voicebot Demo" sectionId="voicebot-demo" - upperDescription="Unsere Voicebots sind rund um die Uhr für Ihre Kunden da und bieten maßgeschneiderte Lösungen, die perfekt auf Ihre Bedürfnisse abgestimmt sind." - lowerDescription="Durch den Einsatz modernster KI-Technologien gewährleisten wir eine intelligente und effiziente Kommunikation, die den höchsten Datenschutzstandards entspricht." + {upperDescription} + {lowerDescription} > {#snippet primaryContent()}
title: string upperDescription: string + large?: boolean reverse?: boolean lowerDescription: string sectionId?: string @@ -25,7 +27,10 @@ id={sectionId} class:reverse > -
+
{#if !reverse}
{@render primaryContent()} @@ -69,21 +74,24 @@ justify-content: center; align-items: center; gap: 2.4rem; - max-width: 100%; + height: 100%; width: 100%; padding-bottom: 4.8rem; .wrapper { - width: var(--small-max-width); + width: 100%; display: flex; justify-content: center; align-items: center; gap: 2.4rem; - + max-width: var(--small-max-width); + &.large { + max-width: var(--normal-max-width); + } .primary { - width: 400px; - min-width: 400px; + width: min(100%, 400px); + min-width: min(100%, 400px); max-height: 100%; height: 100%; img { @@ -170,6 +178,10 @@ p { color: var(--text-100) !important; } + .primary { + width: min(100%, 700px); + min-width: min(100%, 700px); + } } } diff --git a/frontend/src/routes/StaticHomepage.svelte b/frontend/src/routes/StaticHomepage.svelte index 195fefe..ac10f1a 100644 --- a/frontend/src/routes/StaticHomepage.svelte +++ b/frontend/src/routes/StaticHomepage.svelte @@ -3,10 +3,12 @@ import ContactFormRow from "../lib/components/staticPageRows/ContactFormRow.svelte" import CoreSellingPoints from "../lib/components/staticPageRows/CoreSellingPoints.svelte" import VoicebotPreview from "../lib/components/staticPageRows/VoicebotPreview.svelte" + import OfferPackages from "../lib/components/staticPageRows/OfferPackages.svelte" +