Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AI Voice Agents"
|
||||
/>
|
||||
@@ -58,50 +48,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Your 24/7 Natural AI Receptionist Voice Agent"
|
||||
description="Revolutionize customer interaction with our cutting-edge AI. Experience seamless, human-like conversations that elevate your agency's service and drive unparalleled efficiency. Always on, always natural."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/close-up-of-a-futuristic-ai-voice-agent--1774497889858-f0c725fc.png",
|
||||
imageAlt: "AI voice agent interface showing natural language processing",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/close-up-of-a-futuristic-ai-voice-agent--1774497889858-f0c725fc.png", imageAlt: "AI voice agent interface showing natural language processing"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/dynamic-data-visualization-showing-impro-1774497890984-2a07cbd8.png",
|
||||
imageAlt: "Data visualization showing improved customer satisfaction",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/dynamic-data-visualization-showing-impro-1774497890984-2a07cbd8.png", imageAlt: "Data visualization showing improved customer satisfaction"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/a-close-up-of-a-sophisticated-speaker-or-1774497891044-4099486d.png",
|
||||
imageAlt: "Sophisticated speaker symbolizing natural voice output",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/a-close-up-of-a-sophisticated-speaker-or-1774497891044-4099486d.png", imageAlt: "Sophisticated speaker symbolizing natural voice output"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/an-ai-receptionist-seamlessly-interactin-1774497890482-bea94d91.png",
|
||||
imageAlt: "AI receptionist interacting with customer through holographic display",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/an-ai-receptionist-seamlessly-interactin-1774497890482-bea94d91.png", imageAlt: "AI receptionist interacting with customer through holographic display"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/abstract-representation-of-global-connec-1774497891424-5ef372b6.png",
|
||||
imageAlt: "Abstract representation of global connectivity and communication",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/abstract-representation-of-global-connec-1774497891424-5ef372b6.png", imageAlt: "Abstract representation of global connectivity and communication"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/stylized-graphic-of-an-ai-brain-composed-1774497890174-7e78a95b.png",
|
||||
imageAlt: "Stylized graphic of an AI brain with neural pathways",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/stylized-graphic-of-an-ai-brain-composed-1774497890174-7e78a95b.png", imageAlt: "Stylized graphic of an AI brain with neural pathways"},
|
||||
]}
|
||||
tag="Next-Gen AI Voice"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Demo", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
carouselPosition="right"
|
||||
@@ -115,25 +88,19 @@ export default function LandingPage() {
|
||||
description="Our AI Voice Agent isn't just a chatbot; it's a sophisticated, empathetic extension of your team, capable of handling inquiries, scheduling, and support with a natural voice that delights customers. We empower your agency to scale operations without compromising on personalized service."
|
||||
metrics={[
|
||||
{
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
value: "99%", title: "Customer Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Uninterrupted Service",
|
||||
},
|
||||
value: "24/7", title: "Uninterrupted Service"},
|
||||
{
|
||||
value: "70%",
|
||||
title: "Cost Savings",
|
||||
},
|
||||
value: "70%", title: "Cost Savings"},
|
||||
]}
|
||||
tag="Our AI Advantage"
|
||||
tagIcon={ShieldCheck}
|
||||
tagAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/a-person-having-a-natural-engaging-conve-1774497890403-0826dcb8.png"
|
||||
imageAlt="Person having a natural conversation with an AI voice assistant"
|
||||
mediaAnimation="reveal-blur"
|
||||
metricsAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,34 +112,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Natural Language Understanding",
|
||||
description: "Our AI comprehends complex queries and nuances in speech, providing genuinely intelligent responses that feel natural.",
|
||||
},
|
||||
title: "Natural Language Understanding", description: "Our AI comprehends complex queries and nuances in speech, providing genuinely intelligent responses that feel natural."},
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Seamless Integration",
|
||||
description: "Easily integrate with your existing CRM, scheduling software, and communication platforms for a unified workflow.",
|
||||
},
|
||||
title: "Seamless Integration", description: "Easily integrate with your existing CRM, scheduling software, and communication platforms for a unified workflow."},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Fully Customizable Voice & Persona",
|
||||
description: "Tailor the AI's voice, tone, and personality to perfectly match your brand's unique identity and communication style.",
|
||||
},
|
||||
title: "Fully Customizable Voice & Persona", description: "Tailor the AI's voice, tone, and personality to perfectly match your brand's unique identity and communication style."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Intelligent Lead Qualification",
|
||||
description: "Automatically qualify leads and gather essential information, ensuring your sales team focuses on high-potential prospects.",
|
||||
},
|
||||
title: "Intelligent Lead Qualification", description: "Automatically qualify leads and gather essential information, ensuring your sales team focuses on high-potential prospects."},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Automated Appointment Scheduling",
|
||||
description: "Streamline booking processes and reduce no-shows with AI-driven scheduling that works around the clock.",
|
||||
},
|
||||
title: "Automated Appointment Scheduling", description: "Streamline booking processes and reduce no-shows with AI-driven scheduling that works around the clock."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Multilingual Support",
|
||||
description: "Serve a global clientele with an AI receptionist capable of communicating fluently in multiple languages.",
|
||||
},
|
||||
title: "Multilingual Support", description: "Serve a global clientele with an AI receptionist capable of communicating fluently in multiple languages."},
|
||||
]}
|
||||
title="Unleash the Power of Conversational AI"
|
||||
description="Discover the core capabilities that make our AI receptionist the most advanced and natural choice for your agency."
|
||||
@@ -189,37 +144,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahchen_ceo",
|
||||
testimonial: "Implementing their AI receptionist transformed our client intake process. The voice is incredibly natural, and our clients love the 24/7 availability. A true game-changer for efficiency!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-smiling-femal-1774497890819-58874353.png",
|
||||
imageAlt: "Sarah Chen, CEO",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", handle: "@sarahchen_ceo", testimonial: "Implementing their AI receptionist transformed our client intake process. The voice is incredibly natural, and our clients love the 24/7 availability. A true game-changer for efficiency!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-smiling-femal-1774497890819-58874353.png", imageAlt: "Sarah Chen, CEO"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Johnson",
|
||||
handle: "@markj_cto",
|
||||
testimonial: "The integration with our existing systems was flawless. Their AI handles complex queries with ease, freeing up our team to focus on strategic tasks. Outstanding technology and support.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-male-cto-thou-1774497890207-0fde2f6b.png",
|
||||
imageAlt: "Mark Johnson, CTO",
|
||||
},
|
||||
id: "2", name: "Mark Johnson", handle: "@markj_cto", testimonial: "The integration with our existing systems was flawless. Their AI handles complex queries with ease, freeing up our team to focus on strategic tasks. Outstanding technology and support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-male-cto-thou-1774497890207-0fde2f6b.png", imageAlt: "Mark Johnson, CTO"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr_marketing",
|
||||
testimonial: "Our customer satisfaction scores have never been higher! The AI's natural voice and ability to personalize interactions make a huge difference. Highly recommend this innovative solution.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-female-market-1774497890607-9373e418.png",
|
||||
imageAlt: "Emily Rodriguez, Marketing Director",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr_marketing", testimonial: "Our customer satisfaction scores have never been higher! The AI's natural voice and ability to personalize interactions make a huge difference. Highly recommend this innovative solution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-female-market-1774497890607-9373e418.png", imageAlt: "Emily Rodriguez, Marketing Director"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Lee",
|
||||
handle: "@davidlee_owner",
|
||||
testimonial: "As a small agency, scaling was always a challenge. This AI receptionist allows us to manage more clients without overhead, providing premium service around the clock. Invaluable!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-male-small-bu-1774497890504-b1e22a2c.png",
|
||||
imageAlt: "David Lee, Small Business Owner",
|
||||
},
|
||||
id: "4", name: "David Lee", handle: "@davidlee_owner", testimonial: "As a small agency, scaling was always a challenge. This AI receptionist allows us to manage more clients without overhead, providing premium service around the clock. Invaluable!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/professional-headshot-of-a-male-small-bu-1774497890504-b1e22a2c.png", imageAlt: "David Lee, Small Business Owner"},
|
||||
]}
|
||||
title="What Our Clients Say About Our AI"
|
||||
description="Hear directly from business leaders who have experienced the transformative power of our natural AI voice agent."
|
||||
@@ -236,36 +167,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How natural does the AI voice really sound?",
|
||||
content: "Our AI utilizes advanced neural text-to-speech technology, trained on vast datasets of human conversation to produce an incredibly natural, human-like voice with nuanced intonation and emotion.",
|
||||
},
|
||||
id: "1", title: "How natural does the AI voice really sound?", content: "Our AI utilizes advanced neural text-to-speech technology, trained on vast datasets of human conversation to produce an incredibly natural, human-like voice with nuanced intonation and emotion."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the AI available 24/7, even on holidays?",
|
||||
content: "Yes, our AI receptionist operates around the clock, 24 hours a day, 7 days a week, 365 days a year, ensuring your clients always receive prompt and consistent service, regardless of holidays or time zones.",
|
||||
},
|
||||
id: "2", title: "Is the AI available 24/7, even on holidays?", content: "Yes, our AI receptionist operates around the clock, 24 hours a day, 7 days a week, 365 days a year, ensuring your clients always receive prompt and consistent service, regardless of holidays or time zones."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can the AI integrate with my existing business tools?",
|
||||
content: "Absolutely. Our solution is designed for seamless integration with popular CRM systems, calendar applications, customer support platforms, and other essential business tools via API.",
|
||||
},
|
||||
id: "3", title: "Can the AI integrate with my existing business tools?", content: "Absolutely. Our solution is designed for seamless integration with popular CRM systems, calendar applications, customer support platforms, and other essential business tools via API."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What if a client needs to speak with a human?",
|
||||
content: "The AI is programmed to identify complex or sensitive queries that require human intervention. It can smoothly transfer calls or provide options to connect with a live agent, ensuring no client is left behind.",
|
||||
},
|
||||
id: "4", title: "What if a client needs to speak with a human?", content: "The AI is programmed to identify complex or sensitive queries that require human intervention. It can smoothly transfer calls or provide options to connect with a live agent, ensuring no client is left behind."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/an-abstract-minimalist-illustration-repr-1774497893670-0642edf4.png"
|
||||
imageAlt="Abstract illustration of questions being resolved by AI"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our AI receptionist voice agent and how it can benefit your agency."
|
||||
tag="Instant Answers"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="blur-reveal"
|
||||
faqsAnimation="reveal-blur"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -276,33 +195,22 @@ export default function LandingPage() {
|
||||
description="Let's discuss how our natural AI receptionist can elevate your agency's efficiency and customer satisfaction. Fill out the form below to schedule a personalized demo."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Business Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Business Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Your Company Name",
|
||||
required: false,
|
||||
name: "company", type: "text", placeholder: "Your Company Name", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your needs...", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/a-modern-minimalist-illustration-of-an-a-1774497890445-44d2f32f.png"
|
||||
imageAlt="AI assistant icon helping a customer via a chat bubble"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
buttonText="Schedule a Demo"
|
||||
/>
|
||||
@@ -312,54 +220,33 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "AI Receptionist",
|
||||
href: "#features",
|
||||
},
|
||||
label: "AI Receptionist", href: "#features"},
|
||||
{
|
||||
label: "Automation",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Automation", href: "#features"},
|
||||
{
|
||||
label: "Customer Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Customer Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user