|
|
|
@@ -2,17 +2,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
import { Zap, Clock, ShieldCheck, BarChart3, Users, MessageSquare } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -32,29 +31,31 @@ export default function LandingPage() {
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarStyleCentered
|
|
|
|
<NavbarStyleCentered
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "About", id: "#about" },
|
|
|
|
{
|
|
|
|
{ name: "Features", id: "#features" },
|
|
|
|
name: "About", id: "#about"},
|
|
|
|
{ name: "Metrics", id: "#metrics" },
|
|
|
|
{
|
|
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
|
|
name: "Features", id: "#features"},
|
|
|
|
{ name: "FAQ", id: "#faq" },
|
|
|
|
{
|
|
|
|
{ name: "Contact", id: "#contact" },
|
|
|
|
name: "Pricing", id: "#pricing"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Contact", id: "#contact"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="AutoSchedule AI"
|
|
|
|
brandName="AutoSchedule AI"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroBillboardGallery
|
|
|
|
<HeroLogoBillboard
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
logoText="AutoSchedule AI"
|
|
|
|
title="Let AI Master Your Calendar"
|
|
|
|
|
|
|
|
description="Stop chasing leads. Our AI appointment setter handles the conversation and schedules meetings while you sleep."
|
|
|
|
description="Stop chasing leads. Our AI appointment setter handles the conversation and schedules meetings while you sleep."
|
|
|
|
tag="Revolutionize Your Workflow"
|
|
|
|
buttons={[
|
|
|
|
buttons={[{ text: "Start Free Trial", href: "#contact" }, { text: "View Demo", href: "#features" }]}
|
|
|
|
{
|
|
|
|
mediaItems={[
|
|
|
|
text: "Start Free Trial", href: "#contact"},
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg", imageAlt: "AI Infrastructure" },
|
|
|
|
{
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg", imageAlt: "Workflow Automation" },
|
|
|
|
text: "View Demo", href: "#features"},
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg", imageAlt: "Intelligent Scheduling" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg"
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -65,95 +66,141 @@ export default function LandingPage() {
|
|
|
|
title="The Smarter Way to Book Meetings"
|
|
|
|
title="The Smarter Way to Book Meetings"
|
|
|
|
description="We replace outdated manual scheduling with a seamless AI engine that learns your unique calendar availability and negotiates times directly with your clients."
|
|
|
|
description="We replace outdated manual scheduling with a seamless AI engine that learns your unique calendar availability and negotiates times directly with your clients."
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-people-working-out-business-plan-office_1303-15872.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-people-working-out-business-plan-office_1303-15872.jpg"
|
|
|
|
imageAlt="Modern AI Workflow"
|
|
|
|
imageAlt="AI Team Collaboration"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
<FeatureCardSeven
|
|
|
|
<FeatureCardTwentyNine
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{ title: "Automated Outreach", description: "AI-powered engagement sequences that connect with prospects instantly.", imageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg" },
|
|
|
|
{
|
|
|
|
{ title: "Conflict-Free Sync", description: "Deep integrations with your existing calendars to ensure zero double-bookings.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg" },
|
|
|
|
title: "Automated Outreach", description: "AI-powered email sequences that engage your leads.", imageSrc: "http://img.b2bpic.net/free-vector/flat-media-set_98292-969.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg", buttonText: "Learn More"},
|
|
|
|
{ title: "Lead Prioritization", description: "Focus on high-value conversations with smart data-driven ranking.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg" }
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Sync Everything", description: "Connect your calendars for conflict-free scheduling.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/christmas-date-paper-craft_53876-47120.jpg", buttonText: "Learn More"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Intelligent Lead Scoring", description: "Prioritize high-value leads automatically.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg", buttonText: "Learn More"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Powerful AI Features"
|
|
|
|
title="Powerful AI Features"
|
|
|
|
description="Enterprise-grade appointment scheduling that fits your business."
|
|
|
|
description="Enterprise-grade appointment scheduling that fits right into your business processes."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
<SocialProofOne
|
|
|
|
<SocialProofOne
|
|
|
|
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "FutureSystems"]}
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
|
|
|
names={[
|
|
|
|
|
|
|
|
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "FutureSystems", "GlobalSolutions"]}
|
|
|
|
title="Trusted by Industry Leaders"
|
|
|
|
title="Trusted by Industry Leaders"
|
|
|
|
description="Companies worldwide rely on us to fuel their growth."
|
|
|
|
description="Used by companies across the globe to drive appointment volume."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
<MetricCardThree
|
|
|
|
<MetricCardTwo
|
|
|
|
animationType="depth-3d"
|
|
|
|
animationType="slide-up"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{ id: "m1", icon: Zap, title: "Meeting Increase", value: "400%" },
|
|
|
|
{
|
|
|
|
{ id: "m2", icon: Clock, title: "Weekly Savings", value: "15hrs" },
|
|
|
|
id: "m1", value: "400%", description: "Meeting volume increase"},
|
|
|
|
{ id: "m3", icon: ShieldCheck, title: "Reliability", value: "99.9%" }
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "m2", value: "15hrs", description: "Saved per user/week"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "m3", value: "99.9%", description: "Uptime & Reliability"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Data-Driven Results"
|
|
|
|
title="Proven Results"
|
|
|
|
description="Quantifiable impact that scales your operations."
|
|
|
|
description="The numbers speak for themselves regarding our impact."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<TestimonialCardSixteen
|
|
|
|
<TestimonialCardSix
|
|
|
|
animationType="depth-3d"
|
|
|
|
animationType="slide-up"
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
title="Client Success Stories"
|
|
|
|
|
|
|
|
description="Hear from the pioneers who automated their sales cycles with us."
|
|
|
|
|
|
|
|
kpiItems={[{ value: "10k+", label: "Meetings Set" }, { value: "500+", label: "Teams Optimized" }, { value: "98%", label: "Retention Rate" }]}
|
|
|
|
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{ id: "t1", name: "Sarah J.", role: "Head of Sales", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg" },
|
|
|
|
{
|
|
|
|
{ id: "t2", name: "Michael C.", role: "Founder", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg" }
|
|
|
|
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "This tool doubled my sales team efficiency overnight.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Reliable and incredibly fast implementation.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Best investment we made for our outreach.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Finally, an AI that actually schedules meetings right.", imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39743.jpg"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "The lead scoring feature changed our game.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="Client Success Stories"
|
|
|
|
|
|
|
|
description="What business owners are saying about AutoSchedule AI."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
<FaqSplitText
|
|
|
|
<FaqBase
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
textboxLayout="default"
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{ id: "q1", title: "How does the AI work?", content: "Our AI utilizes proprietary NLP to analyze and negotiate your availability." },
|
|
|
|
{
|
|
|
|
{ id: "q2", title: "Is my data secure?", content: "We implement bank-level encryption for all calendar interactions." },
|
|
|
|
id: "q1", title: "How does the AI work?", content: "Our AI analyzes calendar data and interacts with prospects via natural language processing."},
|
|
|
|
{ id: "q3", title: "Do you support custom CRM?", content: "Yes, we offer flexible API integrations for all enterprise systems." }
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "q2", title: "Is it secure?", content: "Yes, we prioritize end-to-end encryption for all scheduling activities."},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "q3", title: "Can I integrate with my CRM?", content: "Absolutely, we support all major CRM platforms natively."},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
|
|
|
description="Common inquiries about our platform."
|
|
|
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactSplit
|
|
|
|
<ContactCenter
|
|
|
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
tag="Get Started"
|
|
|
|
tag="Get Started"
|
|
|
|
title="Start Scheduling Automatically"
|
|
|
|
title="Start Scheduling Automatically Today"
|
|
|
|
description="Ready to reclaim your time and focus on what matters most?"
|
|
|
|
description="Join thousands of businesses streamlining their meeting workflow."
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
<FooterBase
|
|
|
|
logoText="AutoSchedule AI"
|
|
|
|
|
|
|
|
columns={[
|
|
|
|
columns={[
|
|
|
|
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
|
|
|
{
|
|
|
|
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
|
|
title: "Product", items: [
|
|
|
|
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Features", href: "#features"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Pricing", href: "#pricing"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "About", href: "#about"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Contact", href: "#contact"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Privacy", href: "#"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "Terms", href: "#"},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
logoText="AutoSchedule AI"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
