Merge version_1 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -12,6 +12,7 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,125 +33,72 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "about",
|
||||
},
|
||||
name: "Benefits", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ChatAI"
|
||||
button={{
|
||||
text: "Book a Demo",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Demo", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Get More Customers With AI Chatbots"
|
||||
description="We build AI chatbots that reply to your customers 24/7 and turn visitors into paying clients automatically. Close more sales without lifting a finger."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@techcorp",
|
||||
testimonial: "This chatbot increased our sales by 30%!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah J.", handle: "@techcorp", testimonial: "This chatbot increased our sales by 30%!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg"},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@labinc",
|
||||
testimonial: "We never miss a customer anymore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg?_wi=1",
|
||||
},
|
||||
name: "Michael C.", handle: "@labinc", testimonial: "We never miss a customer anymore.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@growth",
|
||||
testimonial: "It works 24/7 and saves us hours every day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2707.jpg?_wi=1",
|
||||
},
|
||||
name: "Emily R.", handle: "@growth", testimonial: "It works 24/7 and saves us hours every day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2707.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Best tech investment of the year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=1",
|
||||
},
|
||||
name: "David K.", handle: "@davidk", testimonial: "Best tech investment of the year.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg"},
|
||||
{
|
||||
name: "Chloe S.",
|
||||
handle: "@chloes",
|
||||
testimonial: "Immediate results for our business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-digital-tablet-office_1301-3992.jpg?_wi=1",
|
||||
},
|
||||
name: "Chloe S.", handle: "@chloes", testimonial: "Immediate results for our business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-digital-tablet-office_1301-3992.jpg"},
|
||||
]}
|
||||
tag="Revolutionize Support"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Free Demo", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-casual-woman-holding-laptop_93675-132969.jpg",
|
||||
alt: "Portrait of young casual woman holding laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-casual-woman-holding-laptop_93675-132969.jpg", alt: "Portrait of young casual woman holding laptop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg",
|
||||
alt: "Headshot of fashionable young man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg", alt: "Headshot of fashionable young man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg",
|
||||
alt: "Vertical shot of a happy smiling woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-smiling-woman-sitting-cafe-with-laptop_197531-22982.jpg", alt: "Vertical shot of a happy smiling woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg",
|
||||
alt: "Portrait of busy but cheerful man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-busy-cheerful-man_329181-14520.jpg", alt: "Portrait of busy but cheerful man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-making-thumb-up-gesture-showing-digital-tablet_23-2148098189.jpg",
|
||||
alt: "Portrait of a smiling young man making thumb up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-making-thumb-up-gesture-showing-digital-tablet_23-2148098189.jpg", alt: "Portrait of a smiling young man making thumb up"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
type: "text", text: "24/7 Availability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lead Qualification",
|
||||
},
|
||||
type: "text", text: "Lead Qualification"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom AI Training",
|
||||
},
|
||||
type: "text", text: "Custom AI Training"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Integration",
|
||||
},
|
||||
type: "text", text: "Seamless Integration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,6 +110,8 @@ export default function LandingPage() {
|
||||
title="You're Losing Customers Every Day"
|
||||
description="Most businesses lose potential customers because they don't reply instantly. People expect fast answers — if they don't get them, they leave."
|
||||
subdescription="Every missed message translates to lost money. We fix that by ensuring every single visitor gets an instant, intelligent response."
|
||||
icon={Zap}
|
||||
videoSrc=""
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -174,40 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "24/7 Automation",
|
||||
subtitle: "Always active",
|
||||
category: "Performance",
|
||||
value: "Continuous support",
|
||||
},
|
||||
id: "1", title: "24/7 Automation", subtitle: "Always active", category: "Performance", value: "Continuous support"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cross-Platform",
|
||||
subtitle: "Web & Social",
|
||||
category: "Integration",
|
||||
value: "Reach everyone",
|
||||
},
|
||||
id: "2", title: "Cross-Platform", subtitle: "Web & Social", category: "Integration", value: "Reach everyone"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Lead Qualification",
|
||||
subtitle: "Capture data",
|
||||
category: "Efficiency",
|
||||
value: "Higher conversion",
|
||||
},
|
||||
id: "3", title: "Lead Qualification", subtitle: "Capture data", category: "Efficiency", value: "Higher conversion"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Smart Analytics",
|
||||
subtitle: "Data insights",
|
||||
category: "Performance",
|
||||
value: "Optimized growth",
|
||||
},
|
||||
id: "4", title: "Smart Analytics", subtitle: "Data insights", category: "Performance", value: "Optimized growth"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Custom Training",
|
||||
subtitle: "Brand aligned",
|
||||
category: "Control",
|
||||
value: "Unique identity",
|
||||
},
|
||||
id: "5", title: "Custom Training", subtitle: "Brand aligned", category: "Control", value: "Unique identity"},
|
||||
]}
|
||||
title="We Fix That With AI"
|
||||
description="Our AI chatbot responds instantly to every message, qualifies leads, and guides users to booking a demo, saving you time and money."
|
||||
@@ -219,14 +144,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Alpha Corp",
|
||||
"Beta Soft",
|
||||
"Gamma Tech",
|
||||
"Delta Solutions",
|
||||
"Epsilon Labs",
|
||||
"Zeta Systems",
|
||||
"Eta Ventures",
|
||||
]}
|
||||
"Alpha Corp", "Beta Soft", "Gamma Tech", "Delta Solutions", "Epsilon Labs", "Zeta Systems", "Eta Ventures"]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="Join the companies scaling their customer support using ChatAI."
|
||||
/>
|
||||
@@ -239,42 +157,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic",
|
||||
period: "/month",
|
||||
price: "$29",
|
||||
features: [
|
||||
"1 AI Chatbot",
|
||||
"Basic automation",
|
||||
"Lead collection",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", title: "Basic", period: "/month", price: "$29", features: [
|
||||
"1 AI Chatbot", "Basic automation", "Lead collection", "Email support"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/initial-monogram-letter-g-creative-technology-concept-logo-design-template_645578-1213.jpg",
|
||||
imageAlt: "tech company logo icon",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/initial-monogram-letter-g-creative-technology-concept-logo-design-template_645578-1213.jpg", imageAlt: "tech company logo icon"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
period: "/month",
|
||||
price: "$79",
|
||||
features: [
|
||||
"Advanced chatbot",
|
||||
"Custom AI training",
|
||||
"Lead qualification",
|
||||
"Priority support",
|
||||
"Optimization",
|
||||
],
|
||||
id: "pro", title: "Pro", period: "/month", price: "$79", features: [
|
||||
"Advanced chatbot", "Custom AI training", "Lead qualification", "Priority support", "Optimization"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg?_wi=2",
|
||||
imageAlt: "tech company logo icon",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg", imageAlt: "tech company logo icon"},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the perfect plan to automate your growth."
|
||||
@@ -288,45 +181,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "This chatbot increased our sales by 30%!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "This chatbot increased our sales by 30%!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "We never miss a customer anymore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "We never miss a customer anymore.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "It works 24/7 and saves us hours every day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2707.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "It works 24/7 and saves us hours every day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2707.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Best investment we've made this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Best investment we've made this year.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Smith",
|
||||
handle: "@csmit",
|
||||
testimonial: "Fast implementation, immediate results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-digital-tablet-office_1301-3992.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Chloe Smith", handle: "@csmit", testimonial: "Fast implementation, immediate results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-digital-tablet-office_1301-3992.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -339,20 +207,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can it be custom trained?",
|
||||
content: "Yes, we custom train your chatbot on your specific business knowledge base.",
|
||||
},
|
||||
id: "f1", title: "Can it be custom trained?", content: "Yes, we custom train your chatbot on your specific business knowledge base."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where does it work?",
|
||||
content: "It works on your website and can be integrated into your social media profiles.",
|
||||
},
|
||||
id: "f2", title: "Where does it work?", content: "It works on your website and can be integrated into your social media profiles."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is lead collection included?",
|
||||
content: "Absolutely, it automatically collects name, email, and other key details from visitors.",
|
||||
},
|
||||
id: "f3", title: "Is lead collection included?", content: "Absolutely, it automatically collects name, email, and other key details from visitors."},
|
||||
]}
|
||||
sideTitle="Questions? Answered."
|
||||
sideDescription="Everything you need to know about ChatAI."
|
||||
@@ -367,22 +226,14 @@ export default function LandingPage() {
|
||||
description="Ready to see AI in action for your business? Request your free demo now."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your 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 about your business",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your business", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user