bender/ec82bf1a-4323-4b23-ab90-b87a50611503
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 12:31:25 +00:00
parent 7e63e221de
commit 2ff89a6787
1 changed files with 52 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -34,21 +34,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="ChatAI Pro"
/>
@@ -60,36 +52,22 @@ export default function LandingPage() {
description="Empower your customer service with intelligent AI that learns, assists, and converts visitors into loyal customers 24/7."
buttons={[
{
text: "Get Started",
href: "#pricing",
},
text: "Get Started", href: "#pricing"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",
alt: "Team member profile",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg", alt: "Team member profile"},
{
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
alt: "Team member profile",
},
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "Team member profile"},
{
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
alt: "Team member profile",
},
src: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg", alt: "Team member profile"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
alt: "Team member profile",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", alt: "Team member profile"},
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
alt: "Team member profile",
},
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Team member profile"},
]}
avatarText="Trusted by 10,000+ support teams"
/>
@@ -100,9 +78,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why ChatAI Pro?"
description={[
"Revolutionize customer experience with an AI engine that understands intent, resolves issues, and bridges the gap between human support and automation.",
"Our platform is designed to scale with your business while maintaining a personal, conversational tone that increases customer happiness.",
]}
"Revolutionize customer experience with an AI engine that understands intent, resolves issues, and bridges the gap between human support and automation.", "Our platform is designed to scale with your business while maintaining a personal, conversational tone that increases customer happiness."]}
/>
</div>
@@ -114,20 +90,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Instant Auto-Responses",
description: "AI-powered responses that resolve customer inquiries in milliseconds.",
imageSrc: "http://img.b2bpic.net/free-vector/brand-creation-online-service-platform-marketing-specialist-design-company-presentation-creative-identity-online-consultation-flat-vector-illustration_613284-1078.jpg",
},
title: "Instant Auto-Responses", description: "AI-powered responses that resolve customer inquiries in milliseconds.", imageSrc: "http://img.b2bpic.net/free-vector/brand-creation-online-service-platform-marketing-specialist-design-company-presentation-creative-identity-online-consultation-flat-vector-illustration_613284-1078.jpg"},
{
title: "Real-time Analytics",
description: "Understand your traffic and conversion trends with deep insights.",
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
},
title: "Real-time Analytics", description: "Understand your traffic and conversion trends with deep insights.", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"},
{
title: "Global Language Support",
description: "Interact with your users worldwide with native AI translation.",
imageSrc: "http://img.b2bpic.net/free-photo/various-applications-forming-circle-front-two-people-using-mobile-phone_23-2147844568.jpg",
},
title: "Global Language Support", description: "Interact with your users worldwide with native AI translation.", imageSrc: "http://img.b2bpic.net/free-photo/various-applications-forming-circle-front-two-people-using-mobile-phone_23-2147844568.jpg"},
]}
title="Intelligence at Your Fingertips"
description="A feature-rich platform to maximize productivity and customer satisfaction effortlessly."
@@ -142,25 +109,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime",
description: "Reliable connection.",
icon: Shield,
id: "m1", value: "99.9%", title: "Uptime", description: "Reliable connection.", icon: Shield,
},
{
id: "m2",
value: "45%",
title: "Response Rate",
description: "Higher efficiency.",
icon: Zap,
id: "m2", value: "45%", title: "Response Rate", description: "Higher efficiency.", icon: Zap,
},
{
id: "m3",
value: "24/7",
title: "Support",
description: "Always available.",
icon: Clock,
id: "m3", value: "24/7", title: "Support", description: "Always available.", icon: Clock,
},
]}
title="Platform Impact"
@@ -173,14 +128,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp",
"GrowthCo",
"CloudLabs",
"InnovateLab",
"ScaleUp",
"GlobalWeb",
"DataInsight",
]}
"TechCorp", "GrowthCo", "CloudLabs", "InnovateLab", "ScaleUp", "GlobalWeb", "DataInsight"]}
title="Trusted by Leaders"
description="Companies worldwide power their chat strategy with ChatAI Pro."
/>
@@ -193,52 +141,22 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "p1",
tag: "Starter",
price: "$49",
period: "mo",
description: "Perfect for small teams.",
button: {
text: "Start Free",
},
featuresTitle: "Includes:",
features: [
"1 AI Bot",
"Real-time analytics",
"Email support",
],
id: "p1", tag: "Starter", price: "$49", period: "mo", description: "Perfect for small teams.", button: {
text: "Start Free"},
featuresTitle: "Includes:", features: [
"1 AI Bot", "Real-time analytics", "Email support"],
},
{
id: "p2",
tag: "Pro",
price: "$129",
period: "mo",
description: "Best for growing startups.",
button: {
text: "Get Pro",
},
featuresTitle: "Everything in Starter plus:",
features: [
"5 AI Bots",
"Advanced reporting",
"Priority support",
],
id: "p2", tag: "Pro", price: "$129", period: "mo", description: "Best for growing startups.", button: {
text: "Get Pro"},
featuresTitle: "Everything in Starter plus:", features: [
"5 AI Bots", "Advanced reporting", "Priority support"],
},
{
id: "p3",
tag: "Enterprise",
price: "$499",
period: "mo",
description: "For large organizations.",
button: {
text: "Contact Sales",
},
featuresTitle: "Everything in Pro plus:",
features: [
"Unlimited bots",
"Dedicated success manager",
"API access",
],
id: "p3", tag: "Enterprise", price: "$499", period: "mo", description: "For large organizations.", button: {
text: "Contact Sales"},
featuresTitle: "Everything in Pro plus:", features: [
"Unlimited bots", "Dedicated success manager", "API access"],
},
]}
title="Simple Pricing"
@@ -253,40 +171,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
handle: "@techcorp",
testimonial: "Increased our support efficiency by 50% in the first month.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
},
id: "t1", name: "Sarah Johnson", handle: "@techcorp", testimonial: "Increased our support efficiency by 50% in the first month.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
{
id: "t2",
name: "Michael Chen",
handle: "@innovatelab",
testimonial: "Best AI support tool we have used, seamless integration.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
},
id: "t2", name: "Michael Chen", handle: "@innovatelab", testimonial: "Best AI support tool we have used, seamless integration.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@growthco",
testimonial: "The translation features are a game changer for our business.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003706.jpg",
},
id: "t3", name: "Emily Rodriguez", handle: "@growthco", testimonial: "The translation features are a game changer for our business.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003706.jpg"},
{
id: "t4",
name: "David Kim",
handle: "@startup",
testimonial: "Professional results and incredibly easy to manage.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
},
id: "t4", name: "David Kim", handle: "@startup", testimonial: "Professional results and incredibly easy to manage.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg"},
{
id: "t5",
name: "Jessica Lee",
handle: "@opsmgr",
testimonial: "Highly recommend for any SaaS business needing automation.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-leader-meeting-with-his-team_1262-2160.jpg",
},
id: "t5", name: "Jessica Lee", handle: "@opsmgr", testimonial: "Highly recommend for any SaaS business needing automation.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-leader-meeting-with-his-team_1262-2160.jpg"},
]}
title="User Reviews"
description="See why our customers love ChatAI Pro."
@@ -299,20 +192,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is integration easy?",
content: "Yes, our widget installs with one line of code.",
},
id: "q1", title: "Is integration easy?", content: "Yes, our widget installs with one line of code."},
{
id: "q2",
title: "Can I customize the bot?",
content: "Absolutely, fully customizable personality and responses.",
},
id: "q2", title: "Can I customize the bot?", content: "Absolutely, fully customizable personality and responses."},
{
id: "q3",
title: "Is my data secure?",
content: "Yes, we are fully GDPR and SOC2 compliant.",
},
id: "q3", title: "Is my data secure?", content: "Yes, we are fully GDPR and SOC2 compliant."},
]}
title="Common Questions"
description="Everything you need to know about ChatAI Pro."
@@ -327,59 +211,38 @@ export default function LandingPage() {
description="Questions? We are here to help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
name: "name", type: "text", placeholder: "Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us more",
required: true,
name: "message", placeholder: "Tell us more", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/call-center-team-agents-wearing-headset-assisting-customers_482257-125962.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterLogoEmphasis
logoText="ChatAI Pro"
columns={[
{
title: "Platform",
items: [
{
label: "About",
href: "#about",
},
{
label: "Features",
href: "#features",
},
{ label: "About", href: "#about" },
{ label: "Features", href: "#features" },
],
},
{
title: "Company",
items: [
{
label: "Pricing",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
{ label: "Pricing", href: "#pricing" },
{ label: "Contact", href: "#contact" },
],
},
]}
bottomLeftText="© 2024 ChatAI Pro."
bottomRightText="Privacy Policy"
className="bg-gradient-to-t from-background-accent/10 to-transparent pt-20"
containerClassName="border-t border-accent/20"
/>
</div>
</ReactLenis>