Merge version_1 into main #3
151
src/app/page.tsx
151
src/app/page.tsx
@@ -32,73 +32,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Benefits", id: "about"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Benefits", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ChatAI"
|
||||
button={{
|
||||
text: "Book a Demo", href: "#contact"}}
|
||||
button={{ text: "Book a Demo", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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"},
|
||||
]}
|
||||
buttons={[{ text: "Book a Free Demo", href: "#contact" }]}
|
||||
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/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/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-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/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-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: "Lead Qualification"},
|
||||
{
|
||||
type: "text", text: "Custom AI Training"},
|
||||
{
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text", text: "Seamless Integration"},
|
||||
{ type: "text", text: "24/7 Availability" },
|
||||
{ type: "text", text: "Lead Qualification" },
|
||||
{ type: "text", text: "Custom AI Training" },
|
||||
{ type: "text", text: "Real-time Analytics" },
|
||||
{ type: "text", text: "Seamless Integration" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,7 +82,6 @@ export default function LandingPage() {
|
||||
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"
|
||||
/>
|
||||
@@ -123,16 +93,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "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: "5", title: "Custom Training", subtitle: "Brand aligned", category: "Control", value: "Unique identity"},
|
||||
{ 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: "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: "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."
|
||||
@@ -143,8 +108,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Alpha Corp", "Beta Soft", "Gamma Tech", "Delta Solutions", "Epsilon Labs", "Zeta Systems", "Eta Ventures"]}
|
||||
names={["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."
|
||||
/>
|
||||
@@ -157,17 +121,15 @@ 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"],
|
||||
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"},
|
||||
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"
|
||||
},
|
||||
{
|
||||
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", imageAlt: "tech company logo icon"},
|
||||
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", imageAlt: "tech company logo icon"
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the perfect plan to automate your growth."
|
||||
@@ -180,21 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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"
|
||||
@@ -206,12 +158,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
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: "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: "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: "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."
|
||||
@@ -225,16 +174,10 @@ export default function LandingPage() {
|
||||
title="Start Getting More Customers Today"
|
||||
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: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your business", rows: 4,
|
||||
}}
|
||||
textarea={{ 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user