Merge version_1 into main #1
516
src/app/page.tsx
516
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() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Funktionen",
|
||||
id: "#features-list",
|
||||
},
|
||||
name: "Funktionen", id: "#features-list"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Preise", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Für wen?",
|
||||
id: "#problem-points",
|
||||
},
|
||||
name: "Für wen?", id: "#problem-points"},
|
||||
]}
|
||||
brandName="Speakki"
|
||||
button={{
|
||||
text: "Kostenlos starten →",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Kostenlos starten →", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-main" data-section="hero-main">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Ihr Telefon antwortet — auch wenn Sie es nicht können."
|
||||
description="Speakki übernimmt Ihre Anrufe rund um die Uhr. Termine buchen, Fragen beantworten, Kunden entlasten — vollautomatisch per Sprach-KI. DSGVO-konform. Made in Germany."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133141.jpg",
|
||||
imageAlt: "Abstrakte Wellenform Hintergrund 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133141.jpg", imageAlt: "Abstrakte Wellenform Hintergrund 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-3d-particle-blue-wave-mesh-cyber-technology-style-abstract-business-backdrop_1217-4664.jpg",
|
||||
imageAlt: "Abstrakte Wellenform Hintergrund 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-3d-particle-blue-wave-mesh-cyber-technology-style-abstract-business-backdrop_1217-4664.jpg", imageAlt: "Abstrakte Wellenform Hintergrund 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-abstract-pastel-background_23-2151954525.jpg",
|
||||
imageAlt: "Abstrakte Wellenform Hintergrund 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-abstract-pastel-background_23-2151954525.jpg", imageAlt: "Abstrakte Wellenform Hintergrund 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-particles-dark-background_1217-1472.jpg",
|
||||
imageAlt: "Abstrakte Wellenform Hintergrund 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-particles-dark-background_1217-1472.jpg", imageAlt: "Abstrakte Wellenform Hintergrund 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10020.jpg",
|
||||
imageAlt: "Abstrakte Wellenform Hintergrund 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10020.jpg", imageAlt: "Abstrakte Wellenform Hintergrund 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-13853.jpg",
|
||||
imageAlt: "Abstrakte Wellenform Hintergrund 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-13853.jpg", imageAlt: "Abstrakte Wellenform Hintergrund 6"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336538.jpg",
|
||||
imageAlt: "KI-Telefonassistent beantwortet Anruf",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336538.jpg", imageAlt: "KI-Telefonassistent beantwortet Anruf"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-technology-smartphone_23-2151977842.jpg",
|
||||
imageAlt: "KI führt Gespräch mit Wellenform",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-technology-smartphone_23-2151977842.jpg", imageAlt: "KI führt Gespräch mit Wellenform"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mommy-call-screen_169016-42647.jpg",
|
||||
imageAlt: "Terminbuchung bestätigt durch KI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-child-hands-with-incoming-mommy-call-screen_169016-42647.jpg", imageAlt: "Terminbuchung bestätigt durch KI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-still-life_23-2150171480.jpg",
|
||||
imageAlt: "24/7 Erreichbarkeit des KI-Assistenten",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-still-life_23-2150171480.jpg", imageAlt: "24/7 Erreichbarkeit des KI-Assistenten"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/access-connection-internet-technology-concept_53876-122485.jpg",
|
||||
imageAlt: "DSGVO-konforme Datenverarbeitung durch KI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/access-connection-internet-technology-concept_53876-122485.jpg", imageAlt: "DSGVO-konforme Datenverarbeitung durch KI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
|
||||
imageAlt: "KI-Assistent Made in Germany",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "KI-Assistent Made in Germany"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt kostenlos starten",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Jetzt kostenlos starten", href: "#pricing"},
|
||||
{
|
||||
text: "Demo anhören →",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demo anhören →", href: "#contact"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Keine Einrichtungsgebühr",
|
||||
},
|
||||
type: "text", text: "✓ Keine Einrichtungsgebühr"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Monatlich kündbar",
|
||||
},
|
||||
type: "text", text: "✓ Monatlich kündbar"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ In 5 Min. startklar",
|
||||
},
|
||||
type: "text", text: "✓ In 5 Min. startklar"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Keine Einrichtungsgebühr",
|
||||
},
|
||||
type: "text", text: "✓ Keine Einrichtungsgebühr"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Monatlich kündbar",
|
||||
},
|
||||
type: "text", text: "✓ Monatlich kündbar"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ In 5 Min. startklar",
|
||||
},
|
||||
type: "text", text: "✓ In 5 Min. startklar"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Smiling female CEO avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Smiling female CEO avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134328.jpg",
|
||||
alt: "Confident male tech lead avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134328.jpg", alt: "Confident male tech lead avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-futuristic-portrait_23-2151178961.jpg",
|
||||
alt: "Friendly female customer support avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-futuristic-portrait_23-2151178961.jpg", alt: "Friendly female customer support avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
alt: "Professional male sales manager avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg", alt: "Professional male sales manager avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020819.jpg",
|
||||
alt: "Creative female product designer avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020819.jpg", alt: "Creative female product designer avatar"},
|
||||
]}
|
||||
avatarText="Von kleinen Unternehmen bis Großkonzernen"
|
||||
/>
|
||||
@@ -180,120 +119,69 @@ export default function LandingPage() {
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Verpassen Sie keinen Anruf mehr."
|
||||
description="Starten Sie noch heute — kostenlos, ohne Einrichtungsgebühr, monatlich kündbar."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10004.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10004.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124176.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124176.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-technology-background-with-flowing-dots_1048-11820.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-technology-background-with-flowing-dots_1048-11820.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5858.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5858.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apply-now-application-employment-work-concept_53876-21142.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apply-now-application-employment-work-concept_53876-21142.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-tech-background-with-flowing-cyber-lines_1048-14878.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-tech-background-with-flowing-cyber-lines_1048-14878.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103222.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103222.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8604.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8604.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chains-hanging-out-walls-illuminated-rusty-place-dirty-abandoned-warehouse-empty-neglected-space-filled-with-bright-neon-lights-graffiti-glowing-fluorescent-light-close-up_482257-62793.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chains-hanging-out-walls-illuminated-rusty-place-dirty-abandoned-warehouse-empty-neglected-space-filled-with-bright-neon-lights-graffiti-glowing-fluorescent-light-close-up_482257-62793.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-shape-computer-generated-technological-connection-dark-color-background-vector-illustration_587448-978.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-shape-computer-generated-technological-connection-dark-color-background-vector-illustration_587448-978.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bright-glitter-blue-background_1409-1348.jpg",
|
||||
imageAlt: "Dunkelblauer Gradient mit Wellenmustern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bright-glitter-blue-background_1409-1348.jpg", imageAlt: "Dunkelblauer Gradient mit Wellenmustern"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt kostenlos starten →",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Jetzt kostenlos starten →", href: "#pricing"},
|
||||
{
|
||||
text: "Fragen? Kontakt aufnehmen",
|
||||
href: "#",
|
||||
},
|
||||
text: "Fragen? Kontakt aufnehmen", href: "#"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
alt: "Smiling female executive avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg", alt: "Smiling female executive avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg",
|
||||
alt: "Serious male professional avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg", alt: "Serious male professional avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-smiling-female-model-with-beauty-makeup-long-hairstyle_496169-2191.jpg",
|
||||
alt: "Energetic female entrepreneur avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-smiling-female-model-with-beauty-makeup-long-hairstyle_496169-2191.jpg", alt: "Energetic female entrepreneur avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
alt: "Experienced male consultant avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", alt: "Experienced male consultant avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
alt: "Approachable female team leader avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", alt: "Approachable female team leader avatar"},
|
||||
]}
|
||||
avatarText="Über 5.000 Unternehmen vertrauen Speakki"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Kostenlose Testphase",
|
||||
},
|
||||
type: "text", text: "✓ Kostenlose Testphase"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Keine Kreditkarte nötig",
|
||||
},
|
||||
type: "text", text: "✓ Keine Kreditkarte nötig"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Flexibel anpassbar",
|
||||
},
|
||||
type: "text", text: "✓ Flexibel anpassbar"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Kostenlose Testphase",
|
||||
},
|
||||
type: "text", text: "✓ Kostenlose Testphase"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Keine Kreditkarte nötig",
|
||||
},
|
||||
type: "text", text: "✓ Keine Kreditkarte nötig"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✓ Flexibel anpassbar",
|
||||
},
|
||||
type: "text", text: "✓ Flexibel anpassbar"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user