10 Commits

Author SHA1 Message Date
bae8a0a4e9 Merge version_2 into main
Merge version_2 into main
2026-03-05 08:25:39 +00:00
2bdb944d24 Update src/app/page.tsx 2026-03-05 08:25:35 +00:00
1f8a50e729 Merge version_2 into main
Merge version_2 into main
2026-03-05 08:23:58 +00:00
f1ee5be131 Update src/app/page.tsx 2026-03-05 08:23:54 +00:00
e9b97d8779 Merge version_2 into main
Merge version_2 into main
2026-03-05 08:22:11 +00:00
c049217b2f Update src/app/page.tsx 2026-03-05 08:22:07 +00:00
8e02ad1692 Update src/app/layout.tsx 2026-03-05 08:22:07 +00:00
81d120b8a8 Update src/app/globals.css 2026-03-05 08:22:06 +00:00
1cb7c918bb Merge version_1 into main
Merge version_1 into main
2026-03-05 08:03:41 +00:00
c7a47f9c3d Merge version_1 into main
Merge version_1 into main
2026-03-05 07:59:13 +00:00
3 changed files with 266 additions and 176 deletions

View File

@@ -1,5 +1,31 @@
@import "tailwindcss";
@import "./styles/variables.css";
@import "./styles/theme.css";
@import "./styles/utilities.css";
@import "./styles/base.css";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@layer base {
* {
@apply border-border;
}
html {
@apply scroll-smooth;
}
body {
@apply bg-background text-foreground;
font-family: var(--font-inter), sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
@apply font-heading;
}
}
@layer components {
.btn {
@apply px-6 py-2 rounded-lg transition-colors;
}
}

View File

@@ -1,52 +1,25 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "AIFlow - Enterprise AI Platform", description: "Advanced artificial intelligence platform for real-time analytics, predictive insights, and intelligent automation. Join 500+ enterprises transforming their business with AIFlow.", keywords: "AI platform, machine learning, data analytics, automation, predictive intelligence, enterprise AI, neural networks", robots: {
index: true,
follow: true,
},
openGraph: {
title: "AIFlow - Enterprise AI Platform", description: "Transform your business with cutting-edge artificial intelligence. Real-time analytics and predictive insights for enterprise growth.", type: "website", siteName: "AIFlow", images: [{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/modern-ai-dashboard-interface-with-dark--1772697413928-0481aec5.png", alt: "Modern AI dashboard interface with dark theme showing real-time analytics, data visualizations, and "}],
},
twitter: {
card: "summary_large_image", title: "AIFlow - Enterprise AI Platform", description: "Transform your business with cutting-edge artificial intelligence and real-time analytics.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/modern-ai-dashboard-interface-with-dark--1772697413928-0481aec5.png"],
},
};
title: "Sales Outreach AI - Intelligent Outreach Platform", description: "Transform your sales outreach with AI-powered automation, intelligent targeting, and proven results."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.variable}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1414,7 +1387,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -11,7 +11,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Zap, Lightbulb, Brain, Cpu, GitBranch, CheckCircle2, Send, TrendingUp, Target, BarChart3, Settings, DollarSign, Award, Rocket, HelpCircle, Shield, Globe, Users } from 'lucide-react';
import { Sparkles, Zap, Lightbulb, Brain, Cpu, GitBranch, CheckCircle2, Send, TrendingUp, Target, BarChart3, Settings, DollarSign, Award, Rocket, HelpCircle, Shield, Globe, Users, ArrowRight, Mail, PhoneCall, MessageSquare, LineChart, PieChart, Gauge, Clock, Lock, Trello, Linkedin } from 'lucide-react';
export default function LandingPage() {
return (
@@ -30,79 +30,176 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Features", id: "features" },
{ name: "Process", id: "process" },
{ name: "Features", id: "features-hover" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
{ name: "FAQ", id: "faq" }
]}
brandName="AIFlow"
bottomLeftText="Advanced AI Platform"
bottomRightText="hello@aiflow.com"
brandName="Sales Outreach AI"
bottomLeftText="Intelligent Sales Platform"
bottomRightText="hello@salesoutreachAI.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Advanced AI Intelligence at Your Fingertips"
description="Unlock the power of artificial intelligence with our cutting-edge platform. Real-time analytics, predictive insights, and automated workflows to transform your business."
tag="Next-Generation AI"
title="Transform Your Sales Outreach with AI Intelligence"
description="Automate personalized outreach at scale. Our AI-powered platform identifies prospects, crafts compelling messages, and tracks engagement in real-time. Close more deals with less effort."
tag="AI-Powered Sales"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Start Free Trial", href: "#contact" },
{ text: "View Documentation", href: "#faq" }
{ text: "Watch Demo", href: "#" }
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
dashboard={{
title: "AI Analytics Hub", logoIcon: Brain,
title: "Sales Intelligence Dashboard", logoIcon: Brain,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/modern-ai-dashboard-interface-with-dark--1772697413928-0481aec5.png", buttons: [
{ text: "Dashboard", href: "#" },
{ text: "Export Report", href: "#" }
],
sidebarItems: [
{ icon: BarChart3, active: true },
{ icon: Zap },
{ icon: Mail },
{ icon: Settings }
],
stats: [
{
title: "Processing Speed", values: [2.5, 4.8, 7.2],
valueSuffix: " ops/s", description: "Operations per second"
title: "Email Open Rate", values: [28.5, 42.3, 56.8],
valueSuffix: "%", description: "Average engagement rate"
},
{
title: "Accuracy Rate", values: [94.2, 96.8, 98.5],
description: "Model precision"
title: "Response Rate", values: [12.4, 18.7, 24.6],
valueSuffix: "%", description: "Positive replies per campaign"
},
{
title: "Active Users", values: [12400, 18750, 24680],
description: "Platform users worldwide"
title: "Emails Sent", values: [4280, 12450, 28640],
description: "Monthly outreach volume"
}
],
chartTitle: "Performance Metrics", chartData: [
{ value: 65 },
{ value: 45 },
{ value: 78 },
{ value: 52 },
{ value: 89 }
chartTitle: "Campaign Performance", chartData: [
{ value: 72 },
{ value: 58 },
{ value: 85 },
{ value: 62 },
{ value: 91 }
],
listTitle: "Latest Predictions", listItems: [
{ icon: TrendingUp, title: "Revenue Forecast", status: "Processed" },
{ icon: Zap, title: "Anomaly Detection", status: "Active" },
{ icon: Target, title: "Optimization Run", status: "Completed" }
listTitle: "Active Campaigns", listItems: [
{ icon: TrendingUp, title: "Q1 Tech Leads", status: "Running" },
{ icon: Zap, title: "Enterprise Outreach", status: "Active" },
{ icon: Target, title: "Warm Follow-up", status: "Completed" }
],
searchPlaceholder: "Search predictions..."
searchPlaceholder: "Search campaigns..."
}}
ariaLabel="Hero section with AI dashboard"
ariaLabel="Hero section with Sales AI dashboard"
/>
</div>
<div id="process" data-section="process">
<FeatureBento
title="Your AI Sales Process in 4 Steps"
description="From prospect identification to deal closure, our platform guides you through an intelligent sales workflow designed to maximize conversion and minimize manual work."
tag="Process Flow"
tagIcon={ArrowRight}
tagAnimation="slide-up"
buttons={[{ text: "See How It Works", href: "#" }]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
carouselMode="buttons"
features={[
{
title: "Prospect Intelligence", description: "AI analyzes company data and identifies high-value prospects matching your ideal customer profile.", bentoComponent: "3d-task-list", items: [
{ icon: Target, label: "Company Analysis", time: "Real-time" },
{ icon: Users, label: "Decision Maker ID", time: "Instant" },
{ icon: Gauge, label: "Fit Scoring", time: "Automated" }
],
button: { text: "Learn More", href: "#" }
},
{
title: "Personalized Messaging", description: "Generate unique, compelling outreach messages tailored to each prospect using AI language models.", bentoComponent: "chat", aiIcon: Brain,
userIcon: Mail,
exchanges: [
{
userMessage: "Draft an outreach email for a SaaS CFO", aiResponse: "Subject: [Company] | ROI Optimization Strategy\n\nHi [Name], We helped 50+ B2B companies like [Company] reduce operational costs by 30%..."
}
],
placeholder: "Ask for personalized message...", button: { text: "Try Composer", href: "#" }
},
{
title: "Multi-Channel Outreach", description: "Execute campaigns across email, LinkedIn, and SMS with intelligent scheduling and follow-ups.", bentoComponent: "icon-info-cards", items: [
{ icon: Mail, label: "Email", value: "Primary" },
{ icon: Linkedin, label: "LinkedIn", value: "Secondary" },
{ icon: MessageSquare, label: "SMS", value: "Tertiary" }
],
button: { text: "Configure Channels", href: "#" }
},
{
title: "Engagement Tracking", description: "Monitor opens, clicks, and responses with AI-powered predictive scoring and engagement alerts.", bentoComponent: "line-chart", button: { text: "View Analytics", href: "#" }
}
]}
/>
</div>
<div id="industries" data-section="industries">
<FeatureBento
title="Industry-Specific Solutions"
description="Our AI adapts to your industry with pre-built templates, compliance rules, and best practices for maximum effectiveness."
tag="Target Industries"
tagIcon={Target}
tagAnimation="slide-up"
buttons={[]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselMode="buttons"
features={[
{
title: "SaaS & Technology", description: "Proven templates for B2B SaaS, cloud platforms, and enterprise software vendors.", bentoComponent: "orbiting-icons", centerIcon: Cpu,
items: [
{ icon: Zap, ring: 1 },
{ icon: Globe, ring: 2 },
{ icon: GitBranch, ring: 3 }
]
},
{
title: "Financial Services", description: "Compliant outreach for fintech, banking, and investment firms with industry expertise.", bentoComponent: "orbiting-icons", centerIcon: DollarSign,
items: [
{ icon: LineChart, ring: 1 },
{ icon: Lock, ring: 2 },
{ icon: Target, ring: 3 }
]
},
{
title: "Healthcare & Life Sciences", description: "HIPAA-compliant outreach with targeted messaging for medical device and pharma B2B sales.", bentoComponent: "orbiting-icons", centerIcon: Shield,
items: [
{ icon: Users, ring: 1 },
{ icon: Settings, ring: 2 },
{ icon: Clock, ring: 3 }
]
},
{
title: "Consulting & Services", description: "Executive-level positioning and thought leadership outreach for consulting firms.", bentoComponent: "orbiting-icons", centerIcon: Lightbulb,
items: [
{ icon: Award, ring: 1 },
{ icon: Rocket, ring: 2 },
{ icon: TrendingUp, ring: 3 }
]
}
]}
/>
</div>
<div id="features-bento" data-section="features-bento">
<FeatureBento
title="Powerful AI Capabilities"
description="Harness advanced machine learning, real-time analytics, and intelligent automation to drive business growth and innovation."
tag="Features"
title="Powerful AI Features for Modern Sales Teams"
description="Everything you need to scale outreach, accelerate deal cycles, and exceed quota. Powered by advanced AI and machine learning."
tag="Core Features"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[{ text: "Explore All Features", href: "#" }]}
@@ -113,97 +210,92 @@ export default function LandingPage() {
carouselMode="buttons"
features={[
{
title: "Neural Network Processing", description: "Advanced deep learning models process complex data patterns at lightning speed.", bentoComponent: "orbiting-icons", centerIcon: Brain,
items: [
{ icon: Cpu, ring: 1 },
{ icon: GitBranch, ring: 2 },
{ icon: Zap, ring: 3 }
title: "Prospect Enrichment", description: "AI enriches company and contact data with job changes, funding, technologies, and buying signals.", bentoComponent: "animated-bar-chart", button: { text: "Learn More", href: "#" }
},
{
title: "Email Optimization", description: "AI suggests subject lines, send times, and message content to maximize opens and responses.", bentoComponent: "line-chart", button: { text: "Optimize Now", href: "#" }
},
{
title: "Lead Scoring", description: "Intelligent scoring identifies the most promising prospects based on engagement and fit.", bentoComponent: "3d-stack-cards", items: [
{ icon: TrendingUp, title: "Engagement", subtitle: "Recent Activity", detail: "Last contact 3 days ago" },
{ icon: Target, title: "Fit Score", subtitle: "Ideal Profile", detail: "92% match" },
{ icon: Clock, title: "Timing", subtitle: "Readiness", detail: "High intent signals" }
],
button: { text: "Learn More", href: "#" }
button: { text: "View Scores", href: "#" }
},
{
title: "Real-Time Analytics", description: "Instant data insights and visualizations for informed decision-making.", bentoComponent: "animated-bar-chart", button: { text: "View Dashboard", href: "#" }
},
{
title: "Predictive Intelligence", description: "Forecast trends and outcomes with machine learning-powered predictions.", bentoComponent: "line-chart", button: { text: "Try Now", href: "#" }
},
{
title: "Workflow Steps", description: "Set up intelligent automation to handle repetitive tasks effortlessly.", bentoComponent: "3d-task-list", items: [
{ icon: CheckCircle2, label: "Data Ingestion", time: "Instant" },
{ icon: Zap, label: "Processing", time: "Real-time" },
{ icon: Send, label: "Output Delivery", time: "Automated" }
],
button: { text: "Configure", href: "#" }
title: "Campaign Analytics", description: "Real-time dashboards track open rates, clicks, replies, and conversion metrics across campaigns.", bentoComponent: "reveal-icon", icon: BarChart3,
button: { text: "View Dashboard", href: "#" }
}
]}
/>
</div>
<div id="features-hover" data-section="features-hover">
<div id="results" data-section="results">
<MetricSplitMediaAbout
tag="Proven Results"
tagIcon={TrendingUp}
tagAnimation="slide-up"
title="Real Results from Real Customers"
description="See how our AI-powered outreach platform transforms sales team productivity and revenue. Our customers consistently achieve measurable improvements in engagement, response rates, and deal closure."
metrics={[
{ value: "5.2x", title: "Higher Response Rate" },
{ value: "3.8x", title: "Faster Sales Cycle" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/abstract-3d-visualization-of-ai-neural-n-1772697412600-c14ae07d.png"
imageAlt="Sales AI results visualization"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="integrations" data-section="integrations">
<FeatureHoverPattern
title="Interactive Intelligence Suite"
description="Discover advanced capabilities through interactive exploration. Hover over each feature to reveal detailed insights and interactive patterns."
tag="Interactive Features"
tagIcon={Zap}
title="Integrations That Matter"
description="Connect with your existing sales stack. Our platform integrates with the tools your team already uses every day."
tag="Ecosystem"
tagIcon={Globe}
tagAnimation="slide-up"
buttons={[]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
animationType="slide-up"
features={[
{
icon: Sparkles,
title: "Intelligent Insights", description: "Transform raw data into actionable intelligence with AI-powered analysis and recommendations.", button: { text: "Discover", href: "#" }
icon: Trello,
title: "CRM Integration", description: "Sync leads, opportunities, and activities with Salesforce, HubSpot, and Pipedrive.", button: { text: "Connect CRM", href: "#" }
},
{
icon: Zap,
title: "Lightning Performance", description: "Process millions of data points per second with our optimized neural architecture.", button: { text: "Learn More", href: "#" }
},
{
icon: Shield,
title: "Enterprise Security", description: "Bank-level encryption and compliance with GDPR, SOC 2, and ISO 27001 standards.", button: { text: "Security Details", href: "#" }
},
{
icon: Globe,
title: "Global Scale", description: "Deploy across regions with 99.99% uptime SLA and automatic failover capabilities.", button: { text: "Explore Regions", href: "#" }
icon: Mail,
title: "Email Platforms", description: "Native integration with Gmail, Outlook, and Microsoft 365 for seamless outreach.", button: { text: "Setup Email", href: "#" }
},
{
icon: Settings,
title: "Custom Configuration", description: "Fine-tune AI models and workflows to match your unique business requirements.", button: { text: "Configure Now", href: "#" }
title: "Automation Tools", description: "Works with Zapier, Make, and other automation platforms for workflow integration.", button: { text: "Automate", href: "#" }
},
{
icon: BarChart3,
title: "Data & Analytics", description: "Export reports to Google Sheets, Tableau, and Power BI for advanced analysis.", button: { text: "Connect Analytics", href: "#" }
},
{
icon: Users,
title: "Team Collaboration", description: "Enable seamless collaboration across teams with role-based access and audit trails.", button: { text: "Team Features", href: "#" }
title: "LinkedIn", description: "Direct LinkedIn integration for research, outreach, and profile synchronization.", button: { text: "Connect LinkedIn", href: "#" }
},
{
icon: Rocket,
title: "Custom APIs", description: "Build custom integrations with our REST API and webhook support.", button: { text: "API Docs", href: "#" }
}
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About AIFlow"
tagIcon={Lightbulb}
tagAnimation="slide-up"
title="Building the Future of Artificial Intelligence"
description="Founded by AI researchers and industry veterans, AIFlow combines cutting-edge machine learning with practical business solutions. Our mission is to democratize AI and empower organizations to make smarter decisions, faster."
metrics={[
{ value: "10B+", title: "Data Points Processed Daily" },
{ value: "500+", title: "Enterprise Clients Worldwide" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/abstract-3d-visualization-of-ai-neural-n-1772697412600-c14ae07d.png"
imageAlt="AI neural network visualization"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Trusted by Industry Leaders"
description="See how leading companies are transforming their operations with AIFlow's intelligence platform."
tag="Client Success"
title="Trusted by Sales Leaders"
description="See how top sales organizations are using Sales Outreach AI to drive unprecedented growth and efficiency."
tag="Customer Success"
tagIcon={Award}
tagAnimation="slide-up"
buttons={[{ text: "View Case Studies", href: "#" }]}
@@ -214,22 +306,22 @@ export default function LandingPage() {
speed={40}
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "AIFlow transformed our data operations. We went from days of manual analysis to real-time insights. The platform is intuitive and incredibly powerful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-confident-tec-1772697412120-8ea6a6bc.png", imageAlt: "Sarah Johnson"
id: "1", name: "Sarah Chen", handle: "VP Sales, TechScale", testimonial: "Sales Outreach AI increased our response rate by 340%. What used to take our team 40 hours per week now takes 8 hours. We're closing more deals and our reps love the platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-confident-tec-1772697412120-8ea6a6bc.png", imageAlt: "Sarah Chen"
},
{
id: "2", name: "Michael Chen", handle: "CTO, DataSoft", testimonial: "The neural network accuracy and processing speed exceed our expectations. This is enterprise-grade AI made accessible. Outstanding support team too.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-female-data-s-1772697412101-21d05c3d.png", imageAlt: "Michael Chen"
id: "2", name: "Marcus Rodriguez", handle: "Sales Director, CloudSync", testimonial: "The AI-generated emails feel personal and authentic. Our prospects actually respond. Combined with the lead scoring, we're spending time on real opportunities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-female-data-s-1772697412101-21d05c3d.png", imageAlt: "Marcus Rodriguez"
},
{
id: "3", name: "Emily Rodriguez", handle: "Director of Analytics, Growth Labs", testimonial: "We reduced our prediction errors by 40% in the first month. AIFlow's automation capabilities alone have saved us thousands of hours.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-male-startup--1772697411672-264026ea.png", imageAlt: "Emily Rodriguez"
id: "3", name: "Jessica Williams", handle: "Sales Manager, FinTech Pro", testimonial: "Our sales cycle went from 90 days to 32 days. Sales Outreach AI helped us identify hot prospects and nurture them efficiently. Best investment we've made this year.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-male-startup--1772697411672-264026ea.png", imageAlt: "Jessica Williams"
},
{
id: "4", name: "David Kim", handle: "VP Product, InnovateLab", testimonial: "Integrating AIFlow was seamless. The API documentation is excellent, and the customer success team went above and beyond.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-female-ai-eng-1772697412443-a81403f8.png", imageAlt: "David Kim"
id: "4", name: "David Thompson", handle: "Revenue Director, Enterprise Solutions", testimonial: "The platform paid for itself in the first month. Our team velocity is up 280%, and we're hitting quota consistently. This is how modern sales should work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-female-ai-eng-1772697412443-a81403f8.png", imageAlt: "David Thompson"
},
{
id: "5", name: "Jessica Martinez", handle: "Head of Engineering, CloudScale", testimonial: "The security compliance is top-notch. We deploy with confidence knowing our data is protected with enterprise-grade standards.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-male-business-1772697412415-a79cf0d7.png", imageAlt: "Jessica Martinez"
id: "5", name: "Amanda Foster", handle: "Head of Growth, StartupX", testimonial: "As a startup, we couldn't afford a large sales team. Sales Outreach AI gave us the leverage we needed to compete with enterprises. Game-changer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-male-business-1772697412415-a79cf0d7.png", imageAlt: "Amanda Foster"
},
{
id: "6", name: "James Wilson", handle: "Founder, AI Ventures", testimonial: "AIFlow is the backbone of our next-generation product suite. Their innovation and reliability are unmatched in the industry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-female-produc-1772697412561-6bc43192.png", imageAlt: "James Wilson"
id: "6", name: "Robert Kim", handle: "Sales VP, Global Enterprises", testimonial: "Multi-channel outreach with AI personalization is exactly what we needed. Our team is more engaged, prospects are more responsive, and we're closing bigger deals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW4PXB76rZD9PAaiHKWMP6l5cV/professional-headshot-of-a-female-produc-1772697412561-6bc43192.png", imageAlt: "Robert Kim"
}
]}
/>
@@ -237,35 +329,35 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Flexible Pricing for Every Scale"
description="Choose the perfect plan for your AI needs. Upgrade or downgrade anytime with no long-term commitments."
tag="Pricing"
title="Pricing Built for Growth"
description="Start lean, scale up. Pay only for what you use. No long-term contracts, cancel anytime."
tag="Plans & Pricing"
tagIcon={DollarSign}
tagAnimation="slide-up"
buttons={[{ text: "Compare Plans", href: "#" }]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
animationType="slide-up"
carouselMode="buttons"
plans={[
{
id: "starter", price: "$299/mo", name: "Starter", buttons: [
id: "starter", price: "$199/mo", name: "Starter", buttons: [
{ text: "Get Started", href: "#contact" },
{ text: "Free Trial", href: "#" }
],
features: [
"Up to 1M data points/month", "5 AI models", "Email support", "Basic analytics dashboard", "API access"
"Up to 500 contacts", "AI email composer", "Basic lead scoring", "Email + LinkedIn outreach", "Campaign analytics", "Email support", "API access"
]
},
{
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
price: "$999/mo", name: "Professional", buttons: [
price: "$599/mo", name: "Professional", buttons: [
{ text: "Get Started", href: "#contact" },
{ text: "Free Trial", href: "#" }
],
features: [
"Up to 100M data points/month", "50 AI models", "Priority support", "Advanced analytics", "Custom workflows", "Team collaboration", "API access"
"Up to 10,000 contacts", "Advanced AI features", "Lead enrichment", "Multi-channel outreach", "Predictive analytics", "CRM integrations", "Priority support", "Team collaboration", "Custom workflows"
]
},
{
@@ -274,7 +366,7 @@ export default function LandingPage() {
{ text: "Schedule Demo", href: "#" }
],
features: [
"Unlimited data points", "Unlimited AI models", "24/7 dedicated support", "Custom integrations", "On-premise deployment", "SLA guarantee", "Security compliance"
"Unlimited contacts", "Custom AI models", "Advanced security", "Dedicated account manager", "Custom integrations", "On-premise deployment", "24/7 premium support", "SLA guarantee", "Advanced compliance"
]
}
]}
@@ -283,47 +375,47 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Find answers to common questions about AIFlow, our features, pricing, and support."
tag="Help & Support"
title="Questions? We Have Answers"
description="Everything you need to know about Sales Outreach AI, from setup to optimization and support."
tag="Help Center"
tagIcon={HelpCircle}
tagAnimation="slide-up"
buttons={[]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
faqsAnimation="slide-up"
animationType="smooth"
faqs={[
{
id: "1", title: "What is AIFlow and how does it work?", content: "AIFlow is an enterprise AI platform that combines advanced machine learning models with user-friendly interfaces. It processes your data through neural networks to generate predictions, insights, and automated recommendations in real-time."
id: "1", title: "How does Sales Outreach AI personalize messages at scale?", content: "Our AI analyzes company data, recent news, tech stack, and engagement history to generate truly personalized messages for each prospect. No templates—every email is unique while maintaining your voice and brand."
},
{
id: "2", title: "How long does it take to set up AIFlow?", content: "Most teams get started within 30 minutes. Our API is straightforward, and our onboarding team provides step-by-step guidance. Typical integration takes 2-4 hours for standard use cases."
id: "2", title: "What is the typical ROI and how quickly do we see results?", content: "Most customers see 3-5x improvement in response rates within 30 days. The average sales cycle reduction is 35-40%. Combined with higher close rates, our typical customer sees ROI within 2-3 months."
},
{
id: "3", title: "Is my data secure on AIFlow?", content: "Yes, we use bank-level AES-256 encryption, comply with GDPR and SOC 2 Type II, and offer on-premise deployment options. Your data is never used to train our models without explicit consent."
id: "3", title: "How does the AI avoid spam filters and deliverability issues?", content: "We use industry best practices including proper authentication (SPF, DKIM, DMARC), warm-up sequences for new domains, rate limiting, and continuous monitoring. Our deliverability rate exceeds 98%."
},
{
id: "4", title: "What kind of data can I process?", content: "AIFlow handles structured data (CSV, databases), unstructured data (text, images), time-series data, and streaming data. We support 50+ data formats and integrate with popular data warehouses."
id: "4", title: "Can I use this with my existing CRM?", content: "Yes! We integrate with Salesforce, HubSpot, Pipedrive, and 50+ other platforms. Data syncs in real-time, so your CRM always has the latest engagement metrics and responses."
},
{
id: "5", title: "Do you offer custom model training?", content: "Yes, our Professional and Enterprise plans include custom model development. Our data scientists will work with your team to create models tailored to your specific use cases."
id: "5", title: "How secure is my prospect data?", content: "We use enterprise-grade security including AES-256 encryption, SOC 2 Type II compliance, GDPR adherence, and regular security audits. Your data is never used to train our models without explicit consent."
},
{
id: "6", title: "What support options are available?", content: "Starter plans include email support with 24-hour response times. Professional plans get priority support with 4-hour response times. Enterprise customers receive 24/7 dedicated support from a dedicated engineer."
id: "6", title: "Can I customize the AI outreach for my industry or audience?", content: "Absolutely. You can set tone, style, key messages, and compliance requirements. Our AI learns from your best-performing emails and continuously improves personalization for your specific audience."
},
{
id: "7", title: "Can I integrate AIFlow with my existing tools?", content: "Absolutely. We offer REST APIs, webhooks, and pre-built connectors for 100+ popular tools including Salesforce, HubSpot, Tableau, and more. Custom integrations are available on Enterprise plans."
id: "7", title: "What training or onboarding do you provide?", content: "We offer live onboarding sessions, video tutorials, documentation, and hands-on support from our team. Most teams are productive within 24 hours. Ongoing webinars and best practice guides keep you optimized."
},
{
id: "8", title: "What's your uptime guarantee?", content: "We guarantee 99.99% uptime with automatic failover across multiple regions. Enterprise customers can request dedicated infrastructure for additional redundancy."
id: "8", title: "How does multi-channel outreach work?", content: "You can orchestrate campaigns across email, LinkedIn, and SMS with intelligent sequencing. The AI determines optimal send times and channels for each prospect based on engagement patterns."
},
{
id: "9", title: "How do you handle model accuracy?", content: "Our models are continuously monitored and updated. We provide detailed accuracy metrics, confusion matrices, and feature importance reports. You can retrain models with new data anytime."
id: "9", title: "Can we track ROI by campaign or sales rep?", content: "Yes. Our dashboard provides granular analytics by campaign, rep, prospect, message, and channel. Track opens, clicks, responses, meetings booked, and even closed deals."
},
{
id: "10", title: "What are the pricing limits?", content: "Starter: 1M data points/month. Professional: 100M data points/month. Enterprise: Unlimited. Overage charges apply, but we alert you before exceeding your plan limit so you can upgrade or optimize."
id: "10", title: "What's your cancellation policy?", content: "No long-term contracts. Cancel anytime with no penalties. We're confident you'll love the results, which is why we offer a 30-day money-back guarantee if you're not satisfied."
}
]}
/>
@@ -331,37 +423,37 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Get Started"
tag="Ready to Transform Your Sales?"
tagIcon={Rocket}
tagAnimation="slide-up"
title="Ready to Transform Your Business with AI?"
description="Join hundreds of enterprises already leveraging AIFlow to make smarter decisions, automate workflows, and unlock new growth opportunities. Start your free trial today."
title="Start Your Free Trial Today"
description="Join 500+ companies transforming their sales process with AI. No credit card required. Get started in minutes, see results in days."
buttons={[
{ text: "Start Free Trial", href: "#" },
{ text: "Schedule Demo", href: "#" }
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
useInvertedBackground={false}
ariaLabel="Contact and CTA section"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="AIFlow"
logoText="Sales Outreach AI"
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features-bento" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Integrations", href: "#" }
{ label: "Integrations", href: "#integrations" },
{ label: "Security", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "About", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" }
@@ -370,9 +462,9 @@ export default function LandingPage() {
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Case Studies", href: "#" },
{ label: "FAQ", href: "#faq" }
{ label: "API Docs", href: "#" },
{ label: "Templates", href: "#" },
{ label: "Help Center", href: "#faq" }
]
},
{
@@ -384,7 +476,7 @@ export default function LandingPage() {
]
}
]}
copyrightText="© 2024 AIFlow. All rights reserved."
copyrightText="© 2024 Sales Outreach AI. All rights reserved."
/>
</div>
</ThemeProvider>