Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7886ce8d7e | |||
| fed0b97154 |
129
src/app/page.tsx
129
src/app/page.tsx
@@ -6,9 +6,9 @@ import FeatureBento, { type FeatureCard } from "@/components/sections/feature/Fe
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Bot, Brain, Sparkles, User, Code, Database, Workflow, Settings, Search, FileText, Send, CheckCircle, Zap, MessageSquare, CreditCard, Star, HelpCircle, Mail, Activity, Shield, Clock, BarChart3, Layers, GitBranch, Lock, Eye } from "lucide-react";
|
||||
@@ -56,22 +56,36 @@ export default function AIAgentsTemplatePage() {
|
||||
id: "2", name: "Marcus Rodriguez", handle: "VP Engineering at ScaleUp", testimonial: "We deployed 50 agents in production within a week. The reliability and observability tools are exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp", imageAlt: "Marcus Rodriguez"},
|
||||
{
|
||||
id: "3", name: "Emily Watson", handle: "Head of AI at TechCorp", testimonial: "Finally, an AI platform that lets us build agents that actually work in production. The tool integration is seamless.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp", imageAlt: "Emily Watson"},
|
||||
{
|
||||
id: "4", name: "Maria Park", handle: "Founder at AutomateAI", testimonial: "AgentFlow's natural language interface means our non-technical team can now build and deploy their own agents.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", imageAlt: "Maria Park"},
|
||||
{
|
||||
id: "5", name: "Lisa Thompson", handle: "Director of Ops at CloudScale", testimonial: "The enterprise security features gave us confidence to deploy agents handling sensitive customer data.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif", imageAlt: "Lisa Thompson"},
|
||||
{
|
||||
id: "6", name: "Daniella Kim", handle: "Lead Engineer at Nexus", testimonial: "We went from manual reporting to fully automated insights in days. Our agents now handle what took us hours.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", imageAlt: "Daniella Kim"},
|
||||
];
|
||||
|
||||
const pricingPlans = [
|
||||
{
|
||||
id: "starter", tag: "Essential", price: "$29", period: "/mo", description: "Perfect for individuals and small projects getting started with AI agents.", button: { text: "Get Started" },
|
||||
featuresTitle: "Includes:", features: [
|
||||
"3 active agents", "5,000 agent runs/month", "Basic integrations"
|
||||
]
|
||||
id: "starter", price: "$29/mo", name: "Starter", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: [
|
||||
"3 active agents", "5,000 agent runs/month", "Basic integrations", "Community support", "7-day log retention"],
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Popular", tagIcon: Star,
|
||||
price: "$99", period: "/mo", description: "Everything you need to automate workflows at scale for growing teams.", button: { text: "Upgrade Now" },
|
||||
featuresTitle: "Includes:", features: [
|
||||
"15 active agents", "50,000 agent runs/month", "All integrations"
|
||||
]
|
||||
}
|
||||
id: "pro", price: "$99/mo", name: "Professional", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: [
|
||||
"15 active agents", "50,000 agent runs/month", "All integrations", "Email support", "30-day log retention"],
|
||||
},
|
||||
{
|
||||
id: "business", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$299/mo", name: "Business", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: [
|
||||
"50 active agents", "250,000 agent runs/month", "Custom integrations", "Priority support", "90-day log retention"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [{ text: "Contact Sales", href: "#" }],
|
||||
features: [
|
||||
"Unlimited agents", "Unlimited agent runs", "Dedicated integrations", "24/7 dedicated support", "Unlimited log retention"],
|
||||
},
|
||||
];
|
||||
|
||||
const faqs = [
|
||||
@@ -81,6 +95,12 @@ export default function AIAgentsTemplatePage() {
|
||||
id: "2", title: "How long does it take to set up my first agent?", content: "Most users have their first agent running within 15 minutes. Our intuitive interface and pre-built templates make it easy to get started, and our documentation covers everything from basic setup to advanced configurations."},
|
||||
{
|
||||
id: "3", title: "What integrations are available?", content: "AgentFlow connects with 100+ popular tools including Slack, GitHub, Jira, Salesforce, Google Workspace, and more. We also provide APIs and SDKs for custom integrations with your internal systems."},
|
||||
{
|
||||
id: "4", title: "Is my data secure with AgentFlow?", content: "Security is our top priority. We're SOC 2 Type II certified, use end-to-end encryption, and never train on your data. Enterprise plans include additional features like SSO, audit logs, and dedicated infrastructure."},
|
||||
{
|
||||
id: "5", title: "Can I control what actions agents can take?", content: "Yes, you have full control over agent permissions. Set granular access controls, require approvals for sensitive actions, and monitor all agent activity in real-time through our dashboard."},
|
||||
{
|
||||
id: "6", title: "What happens if I exceed my plan limits?", content: "We'll notify you when you're approaching your limits. You can upgrade anytime, and we offer flexible overage pricing so your agents won't stop working unexpectedly."},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
@@ -89,12 +109,14 @@ export default function AIAgentsTemplatePage() {
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Integrations", href: "#" },
|
||||
{ label: "Changelog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Tutorials", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
@@ -103,6 +125,7 @@ export default function AIAgentsTemplatePage() {
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -150,15 +173,37 @@ export default function AIAgentsTemplatePage() {
|
||||
{ icon: Settings },
|
||||
],
|
||||
stats: [
|
||||
{ title: "Active Agents", values: [47, 52, 49], description: "Autonomous agents currently running." },
|
||||
{ title: "Tasks Completed", values: [12840, 15230, 14100], description: "Total tasks executed." },
|
||||
{ title: "Avg Response Time", values: [84, 72, 91], valueSuffix: "ms", description: "Mean latency." },
|
||||
{
|
||||
title: "Active Agents", values: [47, 52, 49],
|
||||
description: "Autonomous agents currently running across all workflows."},
|
||||
{
|
||||
title: "Tasks Completed", values: [12840, 15230, 14100],
|
||||
description: "Total tasks executed by agents in the current billing cycle."},
|
||||
{
|
||||
title: "Avg Response Time", values: [84, 72, 91],
|
||||
valueSuffix: "ms", description: "Mean latency across all agent tool calls and reasoning steps."},
|
||||
],
|
||||
chartTitle: "Agent Runs (24h)", chartData: [
|
||||
{ value: 120 },
|
||||
{ value: 85 },
|
||||
{ value: 140 },
|
||||
{ value: 95 },
|
||||
{ value: 170 },
|
||||
{ value: 130 },
|
||||
{ value: 155 },
|
||||
{ value: 110 },
|
||||
],
|
||||
chartTitle: "Agent Runs (24h)", chartData: [{ value: 120 }, { value: 85 }, { value: 140 }, { value: 95 }, { value: 170 }, { value: 130 }, { value: 155 }, { value: 110 }],
|
||||
listTitle: "Recent Agent Activity", listItems: [
|
||||
{ icon: CheckCircle, title: "Report generated: Q4 Sales", status: "Completed" },
|
||||
{ icon: Search, title: "Web research: competitor pricing", status: "Running" },
|
||||
{ icon: Send, title: "Email drafted: client follow-up", status: "Completed" },
|
||||
{ icon: Code, title: "Code review: PR #247", status: "Running" },
|
||||
{ icon: FileText, title: "Contract summarized: NDA v3", status: "Completed" },
|
||||
{ icon: Database, title: "Data sync: CRM → warehouse", status: "Running" },
|
||||
{ icon: Shield, title: "Security scan: api-gateway", status: "Completed" },
|
||||
{ icon: BarChart3, title: "Dashboard updated: KPIs", status: "Completed" },
|
||||
{ icon: Clock, title: "Scheduled: weekly digest", status: "Pending" },
|
||||
{ icon: Brain, title: "Model fine-tune: support-v2", status: "Running" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -179,22 +224,33 @@ export default function AIAgentsTemplatePage() {
|
||||
tag="Core Platform"
|
||||
tagIcon={Layers}
|
||||
title="Built for Production, Not Just Prototypes"
|
||||
description="Every feature is designed for reliability, security, and scale."
|
||||
description="Every feature is designed for reliability, security, and scale — so your agents perform in the real world."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: GitBranch, title: "Version Control", description: "Track every change to your agent logic." },
|
||||
{ icon: Shield, title: "Enterprise Security", description: "SOC 2 compliant with end-to-end encryption." },
|
||||
{ icon: Eye, title: "Full Observability", description: "Monitor every reasoning step and tool call." },
|
||||
{ icon: Lock, title: "Permission Guards", description: "Define exactly what each agent can access." },
|
||||
{
|
||||
icon: GitBranch,
|
||||
title: "Version Control", description: "Track every change to your agent logic with built-in versioning. Roll back instantly if something goes wrong."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security", description: "SOC 2 compliant with end-to-end encryption, SSO, and granular role-based access controls for every agent."},
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Full Observability", description: "Monitor every reasoning step, tool call, and decision your agents make with real-time logs and tracing."},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Permission Guards", description: "Define exactly what each agent can access and do. Require human approval for sensitive or irreversible actions."},
|
||||
]}
|
||||
/>
|
||||
<MetricSplitMediaAbout
|
||||
tag="Why AgentFlow"
|
||||
tagIcon={Zap}
|
||||
title="Infrastructure Built for Enterprise Scale and Speed"
|
||||
description="Our battle-tested infrastructure handles millions of agent runs daily."
|
||||
metrics={[{ value: "99.9%", title: "Uptime SLA" }, { value: "<100ms", title: "Avg Response" }]}
|
||||
description="Our battle-tested infrastructure handles millions of agent runs daily across organizations of all sizes. With enterprise-grade reliability, SOC 2 compliance, and end-to-end encryption built in from day one, you can deploy with confidence knowing your agents and data are secure."
|
||||
metrics={[
|
||||
{ value: "99.9%", title: "Uptime SLA" },
|
||||
{ value: "<100ms", title: "Average Response Time" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/ai-agents/image1.webp"
|
||||
imageAlt="AgentFlow Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -206,17 +262,19 @@ export default function AIAgentsTemplatePage() {
|
||||
animationType="slide-up"
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
title="Trusted by Engineering Teams"
|
||||
description="Join thousands of companies using AgentFlow."
|
||||
title="Trusted by Engineering Teams Worldwide"
|
||||
description="Join thousands of companies using AgentFlow to automate their most complex workflows and unlock new levels of productivity."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="pricing">
|
||||
<PricingCardFive
|
||||
<PricingCardThree
|
||||
plans={pricingPlans}
|
||||
animationType="slide-up"
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Scale as you grow with no hidden fees."
|
||||
tag="Pricing"
|
||||
tagIcon={CreditCard}
|
||||
title="Simple, Transparent Pricing for Every Team"
|
||||
description="Start building agents today with our flexible pricing plans. Scale as you grow with no hidden fees or surprise charges."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -226,17 +284,22 @@ export default function AIAgentsTemplatePage() {
|
||||
tag="FAQ"
|
||||
tagIcon={HelpCircle}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about AgentFlow."
|
||||
description="Everything you need to know about AgentFlow. Can't find the answer you're looking for? Reach out to our support team."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="contact">
|
||||
<ContactText
|
||||
text="Ready to Build Your First AI Agent? Reach out today to start your free trial."
|
||||
animationType="background-highlight"
|
||||
<ContactCTA
|
||||
tag="Get Started"
|
||||
tagIcon={Mail}
|
||||
title="Ready to Build Your First AI Agent?"
|
||||
description="Join thousands of teams using AgentFlow to automate their workflows and unlock new levels of productivity. Start your free trial today."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
{ text: "Talk to Sales", href: "#" },
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[{ text: "Start Free Trial" }, { text: "Talk to Sales" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user