336 lines
22 KiB
TypeScript
336 lines
22 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import {
|
|
Award,
|
|
BarChart3,
|
|
Brain,
|
|
Building2,
|
|
CheckCircle,
|
|
Clock,
|
|
Cpu,
|
|
DollarSign,
|
|
GitBranch,
|
|
HelpCircle,
|
|
Link2,
|
|
Rocket,
|
|
Sparkles,
|
|
Star,
|
|
TrendingUp,
|
|
Users,
|
|
Zap,
|
|
} from "lucide-react";
|
|
|
|
export default function AgentFlowPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="AgentFlow"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "How It Works", id: "metrics" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{
|
|
text: "Start Free Trial", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Autonomous Lead Generation That Never Sleeps"
|
|
description="Deploy intelligent AI agents to capture, qualify, and nurture leads 24/7. Transform your sales pipeline with agentic automation that learns and adapts in real-time."
|
|
tag="AI-Powered Lead Gen"
|
|
tagIcon={Zap}
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "10x", label: "Faster Lead Capture" },
|
|
{ value: "87%", label: "Lead Quality Score" },
|
|
{ value: "24/7", label: "Autonomous Operation" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/a-sleek-modern-ai-dashboard-interface-sh-1772732475692-9cbf27cd.png"
|
|
imageAlt="AgentFlow AI Dashboard"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#contact" },
|
|
{ text: "Watch Demo", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Real-time Lead Qualification", icon: CheckCircle },
|
|
{ type: "text-icon", text: "Multi-channel Integration", icon: GitBranch },
|
|
{ type: "text-icon", text: "Predictive Analytics", icon: TrendingUp },
|
|
{ type: "text-icon", text: "Automated Workflows", icon: Zap },
|
|
]}
|
|
marqueeSpeed={35}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
title="Intelligent Lead Generation at Scale"
|
|
description="Harness the power of agentic AI to automate your entire lead generation funnel. Our platform deploys specialized agents that work seamlessly together to identify, engage, and convert prospects."
|
|
tag="Core Features"
|
|
tagIcon={Sparkles}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "AI Agent Orchestration", description: "Deploy multiple specialized AI agents that collaborate to qualify leads with human-like intelligence and contextual awareness.", icon: Brain,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/illustration-of-automated-workflow-syste-1772732475358-7029784a.png", imageAlt: "AI Workflow Automation"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/visual-representation-of-seamless-integr-1772732474322-eec5f331.png", imageAlt: "System Integration"},
|
|
],
|
|
},
|
|
{
|
|
title: "Real-time Analytics", description: "Track lead pipeline metrics, conversion rates, and agent performance with real-time dashboards that inform strategy.", icon: BarChart3,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/advanced-analytics-dashboard-showing-rea-1772732475721-0a1003c4.png", imageAlt: "Performance Analytics"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/visual-representation-of-lead-quality-as-1772732475914-ecc64f8c.png", imageAlt: "Lead Quality Assessment"},
|
|
],
|
|
},
|
|
{
|
|
title: "Predictive Lead Scoring", description: "AI agents autonomously score and prioritize leads based on conversion probability, engagement likelihood, and deal potential.", icon: TrendingUp,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/visual-representation-of-lead-quality-as-1772732475914-ecc64f8c.png", imageAlt: "Lead Scoring System"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/illustration-of-automated-workflow-syste-1772732475358-7029784a.png", imageAlt: "Automated Prioritization"},
|
|
],
|
|
},
|
|
{
|
|
title: "Seamless Integrations", description: "Connect with your existing CRM, email, calendar, and communication tools. Our agents work within your current tech stack.", icon: Link2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/visual-representation-of-seamless-integr-1772732474322-eec5f331.png", imageAlt: "Integration Hub"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/illustration-of-automated-workflow-syste-1772732475358-7029784a.png", imageAlt: "Data Flow"},
|
|
],
|
|
},
|
|
{
|
|
title: "24/7 Autonomous Operation", description: "Lead generation never stops. AI agents work around the clock capturing and nurturing leads while you focus on closing deals.", icon: Clock,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/a-sleek-modern-ai-dashboard-interface-sh-1772732475692-9cbf27cd.png", imageAlt: "Always-on System"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/advanced-analytics-dashboard-showing-rea-1772732475721-0a1003c4.png", imageAlt: "Continuous Monitoring"},
|
|
],
|
|
},
|
|
{
|
|
title: "Custom Agent Training", description: "Train specialized agents on your industry, messaging, and buyer profiles. Agents learn and improve over time through continuous optimization.", icon: Cpu,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/illustration-of-automated-workflow-syste-1772732475358-7029784a.png", imageAlt: "Agent Training"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/advanced-analytics-dashboard-showing-rea-1772732475721-0a1003c4.png", imageAlt: "Performance Monitoring"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Proven Results from Leading Companies"
|
|
description="See the measurable impact of agentic lead generation on businesses like yours."
|
|
tag="Impact Metrics"
|
|
tagIcon={Award}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "1", icon: Users, title: "Leads Generated", value: "500K+" },
|
|
{ id: "2", icon: TrendingUp, title: "Quality Score", value: "87%" },
|
|
{ id: "3", icon: Zap, title: "Response Time", value: "< 2 min" },
|
|
{ id: "4", icon: DollarSign, title: "Revenue Impact", value: "$50M+" },
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/professional-headshot-photo-of-a-middle--1772732474336-6e0a7acb.png", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/professional-headshot-of-a-young-female--1772732477712-5f92711f.png", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "3", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/professional-headshot-of-a-mid-career-ma-1772732473636-3948017d.png", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/professional-headshot-of-a-business-mana-1772732475026-58d99b34.png", imageAlt: "David Kim"},
|
|
{
|
|
id: "5", name: "Jessica Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/professional-headshot-of-a-sales-directo-1772732476840-ec5f2092.png", imageAlt: "Jessica Martinez"},
|
|
{
|
|
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/professional-headshot-of-a-tech-industry-1772732474488-2b9ff77f.png", imageAlt: "James Wilson"},
|
|
]}
|
|
cardTitle="Join 10,000+ teams who've transformed their lead generation with agentic AI"
|
|
cardTag="Trusted by Industry Leaders"
|
|
cardTagIcon={CheckCircle}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Organizations"
|
|
description="Enterprise companies and high-growth startups rely on AgentFlow for their lead generation needs"
|
|
tag="Company Partners"
|
|
tagIcon={Building2}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Salesforce", "HubSpot", "Pipedrive", "Intercom", "Slack", "Zapier", "Stripe", "Segment"]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/salesforce-company-logo-and-brand-mark-i-1772732475528-1c3d9ebd.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/hubspot-company-logo-in-high-quality-pro-1772732476168-288ff392.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/pipedrive-crm-logo-in-professional-high--1772732474548-98d32e8a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/intercom-customer-communication-platform-1772732474711-083dc689.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/slack-communication-platform-logo-in-pro-1772732474579-1ad555a9.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/zapier-automation-platform-logo-in-profe-1772732474169-9a1450d0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/stripe-payment-platform-logo-in-professi-1772732474267-bf85b265.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/segment-data-platform-logo-in-profession-1772732473953-32927201.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/calendly-scheduling-platform-logo-in-pro-1772732475804-c808cd55.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/typeform-survey-platform-logo-in-profess-1772732474608-65ad2fab.png"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the perfect plan to scale your lead generation. All plans include 24/7 AI agent operation and core integrations."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Plan", tagIcon: Zap,
|
|
price: "$999", period: "/month", description: "Perfect for small teams getting started with AI-powered lead generation.", button: { text: "Start Free Trial", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Up to 1,000 leads/month", "2 AI agents", "Email & form integrations", "Basic analytics dashboard", "24/7 agent operation", "Email support"],
|
|
},
|
|
{
|
|
id: "professional", tag: "Professional Plan", tagIcon: Star,
|
|
price: "$2,999", period: "/month", description: "For growing teams scaling their lead generation efforts.", button: { text: "Start Free Trial", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Up to 10,000 leads/month", "5 AI agents", "CRM & email integrations", "Advanced analytics & scoring", "Custom agent training", "Priority support", "Webhook access"],
|
|
},
|
|
{
|
|
id: "enterprise", tag: "Enterprise Plan", tagIcon: Sparkles,
|
|
price: "Custom", period: "/month", description: "For enterprises requiring unlimited scale and custom solutions.", button: { text: "Contact Sales", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Unlimited leads/month", "Unlimited AI agents", "All integrations included", "Custom workflows & automation", "Dedicated account manager", "24/7 phone & email support", "API access & custom development", "White-label options"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about AgentFlow? Find answers to common questions about our agentic lead generation platform."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
animationType="smooth"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How does agentic AI differ from traditional lead generation?", content: "Agentic AI systems deploy autonomous agents that work continuously to identify, qualify, and nurture leads with contextual intelligence. Unlike traditional systems that require constant manual oversight, our agents learn from interactions, adapt to your target audience, and operate 24/7 without human intervention. This results in higher quality leads and faster conversion times."},
|
|
{
|
|
id: "2", title: "How long does it take to see results?", content: "Most customers see measurable results within 2-4 weeks of deployment. Our AI agents begin qualifying and capturing leads immediately upon setup. The quality and volume improve as agents train on your specific business context and buyer profiles. We typically see a 3-4x improvement in lead quality by month 2-3."},
|
|
{
|
|
id: "3", title: "What integrations are supported?", content: "AgentFlow integrates with all major CRM platforms (Salesforce, HubSpot, Pipedrive), email providers (Gmail, Outlook), calendar systems (Calendly), communication tools (Slack, Intercom), and hundreds of business applications via Zapier and webhook APIs. Custom integrations are available on Enterprise plans."},
|
|
{
|
|
id: "4", title: "How do you ensure lead quality?", content: "Our AI agents are trained to identify high-quality leads based on your specific criteria. They evaluate factors like company size, industry, engagement level, and fit with your offering. Each lead receives a quality score (0-100) based on conversion probability. Our average lead quality score is 87%, and customers report a 60% improvement in sales conversion rates."},
|
|
{
|
|
id: "5", title: "Can I customize the AI agents for my business?", content: "Absolutely. We provide custom agent training for all Professional and Enterprise plans. You can specify your ideal customer profile, messaging tone, industry focus, and specific objection handling. Our team helps configure agents based on your business goals, and agents continuously learn from outcomes to improve over time."},
|
|
{
|
|
id: "6", title: "Is my data secure and compliant?", content: "Yes. AgentFlow is SOC 2 Type II certified, GDPR compliant, and fully encrypted. We maintain enterprise-grade security standards and never share customer data. All lead information is stored securely and you maintain full data ownership. We comply with all major data protection regulations including CCPA and HIPAA."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
tagIcon={Rocket}
|
|
title="Ready to Transform Your Lead Generation?"
|
|
description="Join thousands of companies using agentic AI to capture more qualified leads. Start your free trial today—no credit card required."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Start Free Trial"
|
|
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your privacy and will never spam you."
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFHH9DfMCUMnOmDhQcYTGb3a/abstract-technology-background-with-flow-1772732474359-f7ce383c.png"
|
|
imageAlt="Technology background"
|
|
logoText="AgentFlow"
|
|
copyrightText="© 2025 AgentFlow. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Integrations", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|