Switch to version 1: modified src/app/page.tsx
This commit is contained in:
148
src/app/page.tsx
148
src/app/page.tsx
@@ -9,8 +9,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import { Phone, CheckCircle, Clock, Zap } from "lucide-react";
|
||||
import { Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,41 +29,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "KI-Telefonassistent", id: "hero" },
|
||||
{ name: "Stats", id: "stats" },
|
||||
{
|
||||
name: "Stats",
|
||||
id: "stats",
|
||||
},
|
||||
]}
|
||||
brandName="VoiceLinkAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="KI-Telefonassistent"
|
||||
description="Kein Anruf bleibt mehr unbeantwortet."
|
||||
background={{ variant: 'radial-gradient' }}
|
||||
avatars={[]}
|
||||
marqueeItems={[
|
||||
{ type: 'text-icon', text: "24/7 Verfügbarkeit", icon: Clock },
|
||||
{ type: 'text-icon', text: "< 30s Antwortzeit", icon: Zap },
|
||||
{ type: 'text-icon', text: "70% weniger Routine", icon: CheckCircle }
|
||||
]}
|
||||
className="bg-[#0a0f1e]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "q1", value: "Frage 1", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png?_wi=1" },
|
||||
{ id: "q2", value: "Frage 2", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png?_wi=2" },
|
||||
{ id: "q3", value: "Frage 3", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png?_wi=3" },
|
||||
{ id: "q4", value: "Frage 4", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png?_wi=4" }
|
||||
{
|
||||
id: "m1",
|
||||
value: "38%",
|
||||
title: "Anrufe nicht angenommen",
|
||||
description: "Leads die zur Konkurrenz gehen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "€ 4.200",
|
||||
title: "Umsatz verloren – pro Monat",
|
||||
description: "Durch verpasste Anfragen & langsame Reaktion",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-depicting--1774698148355-2959be7c.png",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "+31%",
|
||||
title: "Mehr Umsatz mit KI-Agent",
|
||||
description: "Durch sofortige Antwort & automatische Terminbuchung",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="VoiceLinkAI Badge"
|
||||
description="VoiceLinkAI"
|
||||
title="VoiceLinkAI Performance Report"
|
||||
description="Die Auswirkungen unserer KI-gestützten Kundenkommunikation auf Ihren Unternehmenserfolg."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,7 +78,33 @@ export default function LandingPage() {
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie über unsere KI-Lösungen wissen müssen."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[]}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie funktioniert die KI-Integration?",
|
||||
content: "Unsere KI lässt sich nahtlos in Ihre bestehende Telefonanlage integrieren.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ist der Service rund um die Uhr verfügbar?",
|
||||
content: "Ja, unsere KI-Agenten sind 24/7 für Ihre Kunden da.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Kann die KI auch Termine buchen?",
|
||||
content: "Absolut. Die KI greift auf Ihren Kalender zu und bucht Termine vollautomatisch.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Wie sicher ist meine Kundenkommunikation?",
|
||||
content: "Datenschutz ist unsere Priorität. Alle Daten werden DSGVO-konform verarbeitet.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Gibt es eine Testphase?",
|
||||
content: "Gerne bieten wir Ihnen eine individuelle Demo Ihres persönlichen KI-Agenten an.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,7 +114,33 @@ export default function LandingPage() {
|
||||
cardTitle="Was unsere Kunden sagen"
|
||||
cardTag="Erfolge"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Markus S., Handwerksmeister",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P., Praxisinhaberin",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas G., Vertriebsleiter",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julia M., Kanzleiinhaberin",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lukas R., Startup Gründer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,7 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Ihre Kunden verdienen sofortige Antworten."
|
||||
description={[
|
||||
"Verpasste Anrufe sind verschenktes Geld. Mit VoiceLinkAI stellen Sie sicher, dass jeder Lead qualifiziert wird."]}
|
||||
"Verpasste Anrufe sind verschenktes Geld. Mit VoiceLinkAI stellen Sie sicher, dass jeder Lead qualifiziert wird.",
|
||||
"Unsere KI-Agenten agieren wie professionelle Mitarbeiter, sind aber 24/7 verfügbar und extrem effizient.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt kostenlos testen",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,9 +168,22 @@ export default function LandingPage() {
|
||||
ctaTitle="Bereit zur Automatisierung?"
|
||||
ctaDescription="Vereinbaren Sie noch heute Ihr persönliches Beratungsgespräch."
|
||||
ctaButton={{
|
||||
text: "Beratung vereinbaren", href: "#"}}
|
||||
text: "Beratung vereinbaren",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[]}
|
||||
faqs={[
|
||||
{
|
||||
id: "cf1",
|
||||
title: "Was kostet der Setup?",
|
||||
content: "Der Setup ist individuell und richtet sich nach Ihren Anforderungen.",
|
||||
},
|
||||
{
|
||||
id: "cf2",
|
||||
title: "Kann ich die Stimme anpassen?",
|
||||
content: "Ja, wir bieten verschiedene natürliche Stimmen zur Auswahl.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,8 +191,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "VoiceLinkAI", items: [
|
||||
{ label: "Kein Anruf bleibt mehr unbeantwortet.", href: "#" },
|
||||
title: "VoiceLinkAI",
|
||||
items: [
|
||||
{
|
||||
label: "Kein Anruf bleibt mehr unbeantwortet.",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -126,4 +206,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user