Merge version_1 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -31,58 +31,37 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SupportAI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Revolutionize Your Customer Experience"
|
||||
description="Unlock instant, accurate, and human-like support with our advanced AI-driven customer service platform designed to scale with your business."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-environment-with-colorful-neon-laser-lights_181624-34446.jpg",
|
||||
imageAlt: "Support AI dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-environment-with-colorful-neon-laser-lights_181624-34446.jpg", imageAlt: "Support AI dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-robotic-operations-tablet_1387-647.jpg",
|
||||
imageAlt: "Robotic assistance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-robotic-operations-tablet_1387-647.jpg", imageAlt: "Robotic assistance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg",
|
||||
imageAlt: "AI neural network",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg", imageAlt: "AI neural network"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-design-with-computer-equipment-inside-generated-by-ai_188544-22422.jpg",
|
||||
imageAlt: "AI workstation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-design-with-computer-equipment-inside-generated-by-ai_188544-22422.jpg", imageAlt: "AI workstation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-emotions_23-2148860289.jpg",
|
||||
imageAlt: "Data visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-emotions_23-2148860289.jpg", imageAlt: "Data visualization"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,10 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="AI-First Customer Support"
|
||||
description={[
|
||||
"Our platform leverages cutting-edge Large Language Models to provide instantaneous, context-aware responses to your users.",
|
||||
"We focus on reducing churn, minimizing response times, and automating repetitive tasks so your support team can focus on what matters most.",
|
||||
"Trusted by hundreds of companies worldwide, our infrastructure is built for reliability, security, and scalability.",
|
||||
]}
|
||||
"Our platform leverages cutting-edge Large Language Models to provide instantaneous, context-aware responses to your users.", "We focus on reducing churn, minimizing response times, and automating repetitive tasks so your support team can focus on what matters most.", "Trusted by hundreds of companies worldwide, our infrastructure is built for reliability, security, and scalability."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,26 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Availability",
|
||||
description: "Never miss an inquiry again with round-the-clock support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-yellow-squares_23-2148999175.jpg",
|
||||
titleIconSrc: "Clock",
|
||||
buttonText: "Learn more",
|
||||
},
|
||||
title: "24/7 Availability", description: "Never miss an inquiry again with round-the-clock support.", imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-yellow-squares_23-2148999175.jpg", titleIconSrc: "Clock", buttonText: "Learn more"},
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Gain deep insights into customer sentiment and query trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg",
|
||||
titleIconSrc: "BarChart",
|
||||
buttonText: "Learn more",
|
||||
},
|
||||
title: "Real-time Analytics", description: "Gain deep insights into customer sentiment and query trends.", imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg", titleIconSrc: "BarChart", buttonText: "Learn more"},
|
||||
{
|
||||
title: "Global Scalability",
|
||||
description: "Our distributed AI nodes ensure performance across continents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100372.jpg",
|
||||
titleIconSrc: "Globe",
|
||||
buttonText: "Learn more",
|
||||
},
|
||||
title: "Global Scalability", description: "Our distributed AI nodes ensure performance across continents.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100372.jpg", titleIconSrc: "Globe", buttonText: "Learn more"},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to automate and elevate your customer support interactions."
|
||||
@@ -142,20 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450%",
|
||||
description: "Efficiency Increase",
|
||||
},
|
||||
id: "m2", value: "450%", description: "Efficiency Increase"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12ms",
|
||||
description: "Avg Response Time",
|
||||
},
|
||||
id: "m3", value: "12ms", description: "Avg Response Time"},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Our customers see tangible results in days, not months."
|
||||
@@ -169,59 +121,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "Head of Support",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", role: "Head of Support", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Wilson",
|
||||
role: "VP Operations",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-server-hub-maintaining-optimal-network-performance_482257-113699.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Wilson", role: "VP Operations", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-server-hub-maintaining-optimal-network-performance_482257-113699.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "CTO",
|
||||
company: "CloudFix",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-holding-his-tablet-computer-looking-aside_342744-400.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", role: "CTO", company: "CloudFix", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-holding-his-tablet-computer-looking-aside_342744-400.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Smith",
|
||||
role: "Support Manager",
|
||||
company: "SaaSGo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg",
|
||||
},
|
||||
id: "t4", name: "David Smith", role: "Support Manager", company: "SaaSGo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jenny Kim",
|
||||
role: "CX Director",
|
||||
company: "RapidFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
},
|
||||
id: "t5", name: "Jenny Kim", role: "CX Director", company: "RapidFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50M+",
|
||||
label: "Queries Handled",
|
||||
},
|
||||
value: "50M+", label: "Queries Handled"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Enterprise Partners",
|
||||
},
|
||||
value: "500+", label: "Enterprise Partners"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Uptime Guaranteed",
|
||||
},
|
||||
value: "24/7", label: "Uptime Guaranteed"},
|
||||
]}
|
||||
title="Loved by Support Leaders"
|
||||
description="Hear from our partners about the impact we've made on their operations."
|
||||
@@ -234,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does integration work?",
|
||||
content: "Our API integrates seamlessly with your existing helpdesk tools within minutes.",
|
||||
},
|
||||
id: "f1", title: "How does integration work?", content: "Our API integrates seamlessly with your existing helpdesk tools within minutes."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I customize tone?",
|
||||
content: "Absolutely, our model is fully trainable on your brand's specific tone and voice guidelines.",
|
||||
},
|
||||
id: "f2", title: "Can I customize tone?", content: "Absolutely, our model is fully trainable on your brand's specific tone and voice guidelines."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my data secure?",
|
||||
content: "We prioritize privacy and comply with SOC2, GDPR, and HIPAA compliance standards.",
|
||||
},
|
||||
id: "f3", title: "Is my data secure?", content: "We prioritize privacy and comply with SOC2, GDPR, and HIPAA compliance standards."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg"
|
||||
title="Common Questions"
|
||||
@@ -260,16 +172,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to scale your support?"
|
||||
description="Speak with our experts to learn how we can transform your customer service operations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,49 +189,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
{
|
||||
label: "Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "Status", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user