Merge version_1 into main #1
270
src/app/page.tsx
270
src/app/page.tsx
@@ -32,47 +32,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="ChatAI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Next-Gen Intelligence"
|
||||
description="Experience the future of communication with our advanced AI chatbot platform. Seamless, smart, and human-like interactions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Chatting",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Chatting", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137268.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -85,31 +62,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Real-time Processing",
|
||||
description: "Instant, low-latency AI responses.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security",
|
||||
description: "End-to-end data encryption and privacy.",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Context Awareness",
|
||||
description: "Deep understanding of user conversational flow.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Multilingual Support",
|
||||
description: "Engage global users with 50+ languages.",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
title: "Advanced Analytics",
|
||||
description: "Insightful dashboard to track conversation performance.",
|
||||
},
|
||||
{ icon: Zap, title: "Real-time Processing", description: "Instant, low-latency AI responses." },
|
||||
{ icon: Shield, title: "Enterprise Security", description: "End-to-end data encryption and privacy." },
|
||||
{ icon: MessageSquare, title: "Context Awareness", description: "Deep understanding of user conversational flow." },
|
||||
{ icon: Globe, title: "Multilingual Support", description: "Engage global users with 50+ languages." },
|
||||
{ icon: BarChart, title: "Advanced Analytics", description: "Insightful dashboard to track conversation performance." },
|
||||
]}
|
||||
title="Why Choose ChatAI"
|
||||
description="Powered by cutting-edge language models to transform your digital customer experience."
|
||||
@@ -123,26 +80,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime guarantee",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Messages processed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450+",
|
||||
description: "Enterprise clients",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Always-on support",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Uptime guarantee" },
|
||||
{ id: "m2", value: "5M+", description: "Messages processed" },
|
||||
{ id: "m3", value: "450+", description: "Enterprise clients" },
|
||||
{ id: "m4", value: "24/7", description: "Always-on support" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that speak for our reliability."
|
||||
@@ -155,60 +96,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "VP of Ops",
|
||||
company: "TechFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "CTO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Product Lead",
|
||||
company: "GrowthCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "CEO",
|
||||
company: "Startups",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mia L.",
|
||||
role: "Director",
|
||||
company: "GlobalX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "VP of Ops", company: "TechFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "CTO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Product Lead", company: "GrowthCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "4", name: "David K.", role: "CEO", company: "Startups", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg" },
|
||||
{ id: "5", name: "Mia L.", role: "Director", company: "GlobalX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "2x",
|
||||
label: "Retention",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
label: "Cost Saved",
|
||||
},
|
||||
{
|
||||
value: "3x",
|
||||
label: "Efficiency",
|
||||
},
|
||||
{ value: "2x", label: "Retention" },
|
||||
{ value: "40%", label: "Cost Saved" },
|
||||
{ value: "3x", label: "Efficiency" },
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="See how global companies scale with our AI."
|
||||
@@ -220,31 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I integrate?",
|
||||
content: "Simple API keys are available in your dashboard.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my data private?",
|
||||
content: "We never train our models on your proprietary data.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What languages are supported?",
|
||||
content: "Over 50+ languages are natively supported.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer enterprise plans?",
|
||||
content: "Yes, contact us for custom enterprise scaling solutions.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Is there a free trial?",
|
||||
content: "Start with our generous free tier and upgrade as you scale.",
|
||||
},
|
||||
{ id: "1", title: "How do I integrate?", content: "Simple API keys are available in your dashboard." },
|
||||
{ id: "2", title: "Is my data private?", content: "We never train our models on your proprietary data." },
|
||||
{ id: "3", title: "What languages are supported?", content: "Over 50+ languages are natively supported." },
|
||||
{ id: "4", title: "Do you offer enterprise plans?", content: "Yes, contact us for custom enterprise scaling solutions." },
|
||||
{ id: "5", title: "Is there a free trial?", content: "Start with our generous free tier and upgrade as you scale." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg"
|
||||
title="Common Questions"
|
||||
@@ -257,18 +134,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Oracle",
|
||||
"IBM",
|
||||
"Meta",
|
||||
"Nvidia",
|
||||
"Salesforce",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Amazon", "Apple", "Oracle", "IBM", "Meta", "Nvidia", "Salesforce"]}
|
||||
title="Global Partners"
|
||||
description="Driving innovation with world-class leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -280,36 +148,9 @@ export default function LandingPage() {
|
||||
title="Latest AI Insights"
|
||||
description="Expert tips on scaling your AI strategy."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Trends",
|
||||
title: "The Future of GenAI",
|
||||
excerpt: "How LLMs are evolving fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719611.jpg",
|
||||
authorName: "Jane A.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tips",
|
||||
title: "Optimizing API",
|
||||
excerpt: "Reducing latency effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-programer-hands-typing-machine-learning-code-laptop-keyboard-front-computer-screens-with-programming-interface-system-engineer-writing-algorithm-online-cloud-computing_482257-41853.jpg",
|
||||
authorName: "Bob B.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-holding-smartphone_23-2150226101.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Case Study",
|
||||
title: "Enterprise Scale",
|
||||
excerpt: "Growing with ChatAI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmers-doing-brainstorming-setting-up-machine-learning-systems_482257-126248.jpg",
|
||||
authorName: "Lisa C.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/brunette-plus-size-model-against-wall-like-library_627829-9704.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
{ id: "b1", category: "Trends", title: "The Future of GenAI", excerpt: "How LLMs are evolving fast.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719611.jpg", authorName: "Jane A.", authorAvatar: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg", date: "Oct 2024" },
|
||||
{ id: "b2", category: "Tips", title: "Optimizing API", excerpt: "Reducing latency effectively.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-programer-hands-typing-machine-learning-code-laptop-keyboard-front-computer-screens-with-programming-interface-system-engineer-writing-algorithm-online-cloud-computing_482257-41853.jpg", authorName: "Bob B.", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-holding-smartphone_23-2150226101.jpg", date: "Oct 2024" },
|
||||
{ id: "b3", category: "Case Study", title: "Enterprise Scale", excerpt: "Growing with ChatAI.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmers-doing-brainstorming-setting-up-machine-learning-systems_482257-126248.jpg", authorName: "Lisa C.", authorAvatar: "http://img.b2bpic.net/free-photo/brunette-plus-size-model-against-wall-like-library_627829-9704.jpg", date: "Oct 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -317,18 +158,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Connect with our team to start your AI transformation journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Demo",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Demo", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,36 +170,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="ChatAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "#" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user