From 50b6e2838ee17de4e2f8ce3b9eb7d948db1d697e Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 26 May 2026 01:47:07 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 516 ++++++++++++----------------------------------- 1 file changed, 126 insertions(+), 390 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3870d0c..b2d4157 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; -import { Clock, Crown, Flag, Lock, ShieldCheck, Sparkles, Zap } from "lucide-react"; +import { Clock, Crown, Flag, Lock, ShieldCheck, Sparkles, Zap, Users, ArrowDownCircle, Settings, Bot, CalendarCheck, ClipboardList, Mic, Calendar, MessageSquareText, MoonStar, FileText } from "lucide-react"; export default function LandingPage() { return ( @@ -31,147 +31,86 @@ export default function LandingPage() {
@@ -180,120 +119,69 @@ export default function LandingPage() {
@@ -305,35 +193,20 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "metric-1", - icon: Flag, - title: "Deutschland", - value: "Server-Standort", - }, + id: "metric-1", icon: Flag, + title: "Deutschland", value: "Server-Standort"}, { - id: "metric-2", - icon: ShieldCheck, - title: "DSGVO", - value: "voll konform", - }, + id: "metric-2", icon: ShieldCheck, + title: "DSGVO", value: "voll konform"}, { - id: "metric-3", - icon: Zap, - title: "< 1 Sek.", - value: "Antwortzeit", - }, + id: "metric-3", icon: Zap, + title: "< 1 Sek.", value: "Antwortzeit"}, { - id: "metric-4", - icon: Clock, - title: "24/7", - value: "Erreichbar", - }, + id: "metric-4", icon: Clock, + title: "24/7", value: "Erreichbar"}, { - id: "metric-5", - icon: Lock, - title: "TLS", - value: "verschlüsselt", - }, + id: "metric-5", icon: Lock, + title: "TLS", value: "verschlüsselt"}, ]} title="Vertrauen & Sicherheit" description="Speakki garantiert höchste Standards für Ihr Business." @@ -346,33 +219,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Außerhalb der Öffnungszeiten", - description: "Anrufe abends, am Wochenende, an Feiertagen — landen in der Voicemail. Oder gar nicht.", - buttonIcon: "Clock", - imageSrc: "http://img.b2bpic.net/free-vector/flat-watch-logo-collection_23-2148946481.jpg", - imageAlt: "Uhr Symbol", - }, + title: "Außerhalb der Öffnungszeiten", description: "Anrufe abends, am Wochenende, an Feiertagen — landen in der Voicemail. Oder gar nicht.", buttonIcon: Clock, + imageSrc: "http://img.b2bpic.net/free-vector/flat-watch-logo-collection_23-2148946481.jpg", imageAlt: "Uhr Symbol"}, { - title: "Ihr Team ist ausgelastet", - description: "Telefonate unterbrechen den Arbeitsfluss. Jeder Anruf kostet Konzentration und Zeit.", - buttonIcon: "Users", - imageSrc: "http://img.b2bpic.net/free-vector/illustration-arrow-sign_53876-2964.jpg", - imageAlt: "Überlastetes Team Symbol", - }, + title: "Ihr Team ist ausgelastet", description: "Telefonate unterbrechen den Arbeitsfluss. Jeder Anruf kostet Konzentration und Zeit.", buttonIcon: Users, + imageSrc: "http://img.b2bpic.net/free-vector/illustration-arrow-sign_53876-2964.jpg", imageAlt: "Überlastetes Team Symbol"}, { - title: "Termine gehen verloren", - description: "Wer nicht sofort zurückgerufen wird, bucht beim Wettbewerb.", - buttonIcon: "ArrowDownCircle", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-yellow-arrows-yellow-background_23-2148459951.jpg", - imageAlt: "Verlorene Termine Symbol", - }, + title: "Termine gehen verloren", description: "Wer nicht sofort zurückgerufen wird, bucht beim Wettbewerb.", buttonIcon: ArrowDownCircle, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-yellow-arrows-yellow-background_23-2148459951.jpg", imageAlt: "Verlorene Termine Symbol"}, { - title: "Konkurrenz schläft nicht", - description: "Der erste erreichbare Dienstleister erhält den Auftrag. Bleiben Sie der Konkurrenz einen Schritt voraus.", - buttonIcon: "Flag", - imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761002.jpg", - imageAlt: "Wettbewerb Symbol", - }, + title: "Konkurrenz schläft nicht", description: "Der erste erreichbare Dienstleister erhält den Auftrag. Bleiben Sie der Konkurrenz einen Schritt voraus.", buttonIcon: Flag, + imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761002.jpg", imageAlt: "Wettbewerb Symbol"}, ]} title="Jeder verpasste Anruf ist ein verlorener Kunde." description="Unbeantwortete Anrufe kosten Ihr Geschäft bares Geld und wertvolle Zeit." @@ -385,33 +242,17 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "In 5 Minuten einrichten", - description: "Starter-Plan direkt nach Registrierung aktiv. Keine Technik-Kenntnisse nötig.", - buttonIcon: "Settings", - imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg", - imageAlt: "Einrichtung Symbol", - }, + title: "In 5 Minuten einrichten", description: "Starter-Plan direkt nach Registrierung aktiv. Keine Technik-Kenntnisse nötig.", buttonIcon: Settings, + imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg", imageAlt: "Einrichtung Symbol"}, { - title: "KI übernimmt Ihre Anrufe", - description: "Speakki nimmt ab, führt natürliche Gespräche und beantwortet Kundenfragen.", - buttonIcon: "Bot", - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-headphones-her-job_23-2148725140.jpg", - imageAlt: "KI Roboter Symbol", - }, + title: "KI übernimmt Ihre Anrufe", description: "Speakki nimmt ab, führt natürliche Gespräche und beantwortet Kundenfragen.", buttonIcon: Bot, + imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-headphones-her-job_23-2148725140.jpg", imageAlt: "KI Roboter Symbol"}, { - title: "Termine landen direkt im Kalender", - description: "Buchungen, SMS-Bestätigungen und Erinnerungen — vollautomatisch.", - buttonIcon: "CalendarCheck", - imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13615.jpg", - imageAlt: "Kalender Check Symbol", - }, + title: "Termine landen direkt im Kalender", description: "Buchungen, SMS-Bestätigungen und Erinnerungen — vollautomatisch.", buttonIcon: CalendarCheck, + imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13615.jpg", imageAlt: "Kalender Check Symbol"}, { - title: "Automatisierte Berichte", - description: "Erhalten Sie detaillierte Zusammenfassungen aller Anrufe und KI-Interaktionen für bessere Entscheidungen.", - buttonIcon: "ClipboardList", - imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884858.jpg", - imageAlt: "Analytics Report Icon", - }, + title: "Automatisierte Berichte", description: "Erhalten Sie detaillierte Zusammenfassungen aller Anrufe und KI-Interaktionen für bessere Entscheidungen.", buttonIcon: ClipboardList, + imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884858.jpg", imageAlt: "Analytics Report Icon"}, ]} title="Einfach einrichten. Sofort entlasten." description="In nur wenigen Schritten ist Speakki startklar und optimiert Ihre Kundenkommunikation." @@ -424,47 +265,23 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Natürliche Sprachgespräche", - description: "KI klingt freundlich und professionell. Keine künstliche Warteschleife.", - buttonIcon: "Mic", - imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10016.jpg", - imageAlt: "Mikrofon Sprachgespräche Symbol", - }, + title: "Natürliche Sprachgespräche", description: "KI klingt freundlich und professionell. Keine künstliche Warteschleife.", buttonIcon: Mic, + imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10016.jpg", imageAlt: "Mikrofon Sprachgespräche Symbol"}, { - title: "Automatische Terminbuchung", - description: "Kunden buchen selbst per Sprache. Kalender-Integration.", - buttonIcon: "Calendar", - imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165611.jpg", - imageAlt: "Automatischer Kalender Symbol", - }, + title: "Automatische Terminbuchung", description: "Kunden buchen selbst per Sprache. Kalender-Integration.", buttonIcon: Calendar, + imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165611.jpg", imageAlt: "Automatischer Kalender Symbol"}, { - title: "SMS-Bestätigung & Erinnerung", - description: "Reduziert Ausfälle um bis zu 40%.", - buttonIcon: "MessageSquareText", - imageSrc: "http://img.b2bpic.net/free-vector/email-notification-set_78370-8652.jpg", - imageAlt: "SMS Bestätigung Symbol", - }, + title: "SMS-Bestätigung & Erinnerung", description: "Reduziert Ausfälle um bis zu 40%.", buttonIcon: MessageSquareText, + imageSrc: "http://img.b2bpic.net/free-vector/email-notification-set_78370-8652.jpg", imageAlt: "SMS Bestätigung Symbol"}, { - title: "24/7 — Auch Feiertags", - description: "Nie wieder verpasste Chancen nach Feierabend.", - buttonIcon: "MoonStar", - imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-worker-using-tablet_23-2147768618.jpg", - imageAlt: "24/7 Feiertags Symbol", - }, + title: "24/7 — Auch Feiertags", description: "Nie wieder verpasste Chancen nach Feierabend.", buttonIcon: MoonStar, + imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-worker-using-tablet_23-2147768618.jpg", imageAlt: "24/7 Feiertags Symbol"}, { - title: "DSGVO-konform", - description: "Server Nürnberg, TLS, AVV inklusive.", - buttonIcon: "Lock", - imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-padlock-laptop_53876-75178.jpg", - imageAlt: "DSGVO Schloss Symbol", - }, + title: "DSGVO-konform", description: "Server Nürnberg, TLS, AVV inklusive.", buttonIcon: Lock, + imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-padlock-laptop_53876-75178.jpg", imageAlt: "DSGVO Schloss Symbol"}, { - title: "Jeder Anruf dokumentiert", - description: "Kein Anliegen landet in einer Sackgasse.", - buttonIcon: "FileText", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hands-reviewing-report_1139-249.jpg", - imageAlt: "Anruf Dokumentation Symbol", - }, + title: "Jeder Anruf dokumentiert", description: "Kein Anliegen landet in einer Sackgasse.", buttonIcon: FileText, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hands-reviewing-report_1139-249.jpg", imageAlt: "Anruf Dokumentation Symbol"}, ]} title="Mehr als nur ein Anrufbeantworter." description="Speakki ist eine intelligente Lösung, die weit über das Übliche hinausgeht." @@ -478,64 +295,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Dr. Martin Schneider", - role: "Zahnarzt", - company: "Praxis Schneider", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107019.jpg", - imageAlt: "Portrait von Dr. Martin Schneider", - }, + id: "1", name: "Dr. Martin Schneider", role: "Zahnarzt", company: "Praxis Schneider", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107019.jpg", imageAlt: "Portrait von Dr. Martin Schneider"}, { - id: "2", - name: "Thomas Keller", - role: "Inhaber", - company: "Keller Bau GmbH", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/square-user-profile-front-side_187299-39570.jpg", - imageAlt: "Portrait von Thomas Keller", - }, + id: "2", name: "Thomas Keller", role: "Inhaber", company: "Keller Bau GmbH", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/square-user-profile-front-side_187299-39570.jpg", imageAlt: "Portrait von Thomas Keller"}, { - id: "3", - name: "Sandra Huber", - role: "Salonleitung", - company: "Beauty Oase", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151133944.jpg", - imageAlt: "Portrait von Sandra Huber", - }, + id: "3", name: "Sandra Huber", role: "Salonleitung", company: "Beauty Oase", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151133944.jpg", imageAlt: "Portrait von Sandra Huber"}, { - id: "4", - name: "Laura Fischer", - role: "Beraterin", - company: "Fischer Consulting", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-vector/social-media-names-chalkboard_23-2147495338.jpg", - imageAlt: "Portrait von Laura Fischer", - }, + id: "4", name: "Laura Fischer", role: "Beraterin", company: "Fischer Consulting", rating: 5, + imageSrc: "http://img.b2bpic.net/free-vector/social-media-names-chalkboard_23-2147495338.jpg", imageAlt: "Portrait von Laura Fischer"}, { - id: "5", - name: "Markus Bergmann", - role: "Geschäftsführer", - company: "Bergmann Elektronik", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/rendering-summer-digital-art-illustration_23-2151242784.jpg", - imageAlt: "Portrait von Markus Bergmann", - }, + id: "5", name: "Markus Bergmann", role: "Geschäftsführer", company: "Bergmann Elektronik", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/rendering-summer-digital-art-illustration_23-2151242784.jpg", imageAlt: "Portrait von Markus Bergmann"}, ]} kpiItems={[ { - value: "99%", - label: "Kundenzufriedenheit", - }, + value: "99%", label: "Kundenzufriedenheit"}, { - value: "40%", - label: "Weniger Ausfälle", - }, + value: "40%", label: "Weniger Ausfälle"}, { - value: "24/7", - label: "Erreichbarkeit", - }, + value: "24/7", label: "Erreichbarkeit"}, ]} title="Unternehmer vertrauen Speakki" description="Echte Stimmen von zufriedenen Speakki-Nutzern, die ihren Alltag erleichtern konnten." @@ -549,44 +330,22 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", - badge: "Starter", - badgeIcon: Sparkles, - price: "€29", - subtitle: "/ Monat", - buttons: [ + id: "starter", badge: "Starter", badgeIcon: Sparkles, + price: "€29", subtitle: "/ Monat", buttons: [ { - text: "Jetzt starten →", - href: "#", - }, + text: "Jetzt starten →", href: "#"}, ], features: [ - "In 5 Minuten eingerichtet", - "24/7 Anrufannahme", - "Terminbuchung per Sprach-KI", - "SMS-Bestätigung & Erinnerung", - "DSGVO-konform", - ], + "In 5 Minuten eingerichtet", "24/7 Anrufannahme", "Terminbuchung per Sprach-KI", "SMS-Bestätigung & Erinnerung", "DSGVO-konform"], }, { - id: "professional", - badge: "Professional", - badgeIcon: Crown, - price: "€59", - subtitle: "/ Monat", - buttons: [ + id: "professional", badge: "Professional", badgeIcon: Crown, + price: "€59", subtitle: "/ Monat", buttons: [ { - text: "Jetzt starten →", - href: "#", - }, + text: "Jetzt starten →", href: "#"}, ], features: [ - "Alles aus Starter", - "Kostenloses Onboarding", - "In 24–48h betriebsbereit", - "Priorisierter Support", - "Individuelle KI-Konfiguration", - ], + "Alles aus Starter", "Kostenloses Onboarding", "In 24–48h betriebsbereit", "Priorisierter Support", "Individuelle KI-Konfiguration"], }, ]} title="Transparent. Ohne Überraschungen." @@ -599,30 +358,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "Wo werden meine Daten gespeichert?", - content: "Server-Standort Nürnberg (Hetzner). Alle Daten bleiben verschlüsselt in der EU. TLS-Verschlüsselung und AVV inklusive.", - }, + id: "q1", title: "Wo werden meine Daten gespeichert?", content: "Server-Standort Nürnberg (Hetzner). Alle Daten bleiben verschlüsselt in der EU. TLS-Verschlüsselung und AVV inklusive."}, { - id: "q2", - title: "Merkt mein Kunde, dass er mit einer KI spricht?", - content: "Ja — Transparenz ist uns wichtig. Speakki stellt sich als digitaler Assistent vor. Sie spricht natürlich, aber ehrlich.", - }, + id: "q2", title: "Merkt mein Kunde, dass er mit einer KI spricht?", content: "Ja — Transparenz ist uns wichtig. Speakki stellt sich als digitaler Assistent vor. Sie spricht natürlich, aber ehrlich."}, { - id: "q3", - title: "Was passiert, wenn die KI eine Anfrage nicht versteht?", - content: "Speakki vereinbart automatisch einen Rückruf oder nimmt eine detaillierte Nachricht auf. Kein Anruf endet in einer Sackgasse.", - }, + id: "q3", title: "Was passiert, wenn die KI eine Anfrage nicht versteht?", content: "Speakki vereinbart automatisch einen Rückruf oder nimmt eine detaillierte Nachricht auf. Kein Anruf endet in einer Sackgasse."}, { - id: "q4", - title: "Muss ich meine Telefonnummer wechseln?", - content: "Nein. Ihre bestehende Geschäftsnummer bleibt unverändert.", - }, + id: "q4", title: "Muss ich meine Telefonnummer wechseln?", content: "Nein. Ihre bestehende Geschäftsnummer bleibt unverändert."}, { - id: "q5", - title: "Wie schnell bin ich startklar?", - content: "Starter-Plan: sofort nach Registrierung in 5 Minuten. Professional: innerhalb von 24–48 Stunden mit kostenlosem Onboarding.", - }, + id: "q5", title: "Wie schnell bin ich startklar?", content: "Starter-Plan: sofort nach Registrierung in 5 Minuten. Professional: innerhalb von 24–48 Stunden mit kostenlosem Onboarding."}, ]} sideTitle="Häufige Fragen" sideDescription="Antworten auf die wichtigsten Fragen rund um Speakki und seine Funktionen." @@ -636,21 +380,13 @@ export default function LandingPage() { { items: [ { - label: "Impressum", - href: "#", - }, + label: "Impressum", href: "#"}, { - label: "Datenschutz", - href: "#", - }, + label: "Datenschutz", href: "#"}, { - label: "AGB", - href: "#", - }, + label: "AGB", href: "#"}, { - label: "Kontakt", - href: "#", - }, + label: "Kontakt", href: "#"}, ], }, ]} -- 2.49.1