From cc304dde0fd5994fe7e7c734cca6321c1c3a7bdc Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 11:30:21 +0000 Subject: [PATCH 1/6] Update src/app/page.tsx --- src/app/page.tsx | 286 ++++++++++++++++++++--------------------------- 1 file changed, 119 insertions(+), 167 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 219bf08..1ac29e4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,209 +10,115 @@ 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 MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; +import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; 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"; export default function AIAgentsTemplatePage() { const navItems = [ { name: "Features", id: "features" }, + { name: "Benefits", id: "benefits" }, + { name: "Use Cases", id: "use-cases" }, + { name: "Security", id: "security" }, { name: "Pricing", id: "pricing" }, { name: "Docs", id: "docs" }, - { name: "Contact", id: "contact" }, + { name: "Contact", id: "contact" } ]; const features: FeatureCard[] = [ { - bentoComponent: "3d-task-list", - title: "Agent Tasks", - items: [ + bentoComponent: "3d-task-list", title: "Agent Tasks", items: [ { icon: Search, label: "Research competitors", time: "2m ago" }, { icon: FileText, label: "Analyze market data", time: "5m ago" }, { icon: CheckCircle, label: "Generate report", time: "8m ago" }, { icon: Send, label: "Send to stakeholders", time: "10m ago" }, ], - description: "Agents break down complex goals into manageable tasks and execute them autonomously.", - }, + description: "Agents break down complex goals into manageable tasks and execute them autonomously."}, { - bentoComponent: "chat", - aiIcon: Bot, + bentoComponent: "chat", aiIcon: Bot, userIcon: User, exchanges: [ { userMessage: "Summarize our Q4 sales data", aiResponse: "Q4 revenue was $2.4M, up 23% from Q3. Top performer: Enterprise tier." }, { userMessage: "What about customer retention?", aiResponse: "Retention rate improved to 94%, with churn down 12% quarter-over-quarter." }, ], - placeholder: "Ask your agent anything...", - title: "Natural Conversations", - description: "Interact with your agents through natural language. They understand context and intent.", - }, + placeholder: "Ask your agent anything...", title: "Natural Conversations", description: "Interact with your agents through natural language. They understand context and intent."}, { - bentoComponent: "3d-card-grid", - items: [ + bentoComponent: "3d-card-grid", items: [ { name: "Code", icon: Code }, { name: "Data", icon: Database }, { name: "Workflow", icon: Workflow }, { name: "Config", icon: Settings }, ], centerIcon: Brain, - title: "Tool Integration", - description: "Connect agents to your existing tools and let them take action across your entire stack.", - }, + title: "Tool Integration", description: "Connect agents to your existing tools and let them take action across your entire stack."}, ]; const testimonials = [ { - id: "1", - name: "Sarah Chen", - handle: "CTO at DataFlow", - testimonial: "AgentFlow cut our data processing time by 80%. The agents handle complex workflows that used to require a team of engineers.", - imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp", - imageAlt: "Sarah Chen", - }, + id: "1", name: "Sarah Chen", handle: "CTO at DataFlow", testimonial: "AgentFlow cut our data processing time by 80%. The agents handle complex workflows that used to require a team of engineers.", imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp", imageAlt: "Sarah Chen"}, { - 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: "/templates/luxury-travel-agency/testimonial/testimonial2.webp", - imageAlt: "Marcus Rodriguez", - }, + 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: "/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: "/templates/luxury-travel-agency/testimonial/testimonial3.webp", - imageAlt: "Emily Watson", - }, + 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: "/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: "/templates/skincare/image5.avif", - imageAlt: "Maria Park", - }, + 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: "/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: "/templates/skincare/image6.avif", - imageAlt: "Lisa Thompson", - }, + 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: "/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: "/templates/skincare/image7.avif", - imageAlt: "Daniella Kim", - }, + 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: "/templates/skincare/image7.avif", imageAlt: "Daniella Kim"}, ]; const pricingPlans = [ { - id: "starter", - price: "$29/mo", - name: "Starter", - buttons: [{ text: "Get Started", href: "#" }], + 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", - ], + "3 active agents", "5,000 agent runs/month", "Basic integrations", "Community support", "7-day log retention"], }, { - id: "pro", - price: "$99/mo", - name: "Professional", - buttons: [{ text: "Get Started", href: "#" }], + 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", - ], + "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: "#" }], + 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", - ], + "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: "#" }], + 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", - ], + "Unlimited agents", "Unlimited agent runs", "Dedicated integrations", "24/7 dedicated support", "Unlimited log retention"], }, ]; const faqs = [ { - id: "1", - title: "What are AI agents and how do they work?", - content: "AI agents are autonomous software programs that can reason, plan, and execute tasks on your behalf. They use large language models combined with tool integrations to understand goals, break them into steps, and take action across your systems.", - }, + id: "1", title: "What are AI agents and how do they work?", content: "AI agents are autonomous software programs that can reason, plan, and execute tasks on your behalf. They use large language models combined with tool integrations to understand goals, break them into steps, and take action across your systems."}, { - 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: "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: "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: "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: "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.", - }, + 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 = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, - { label: "Integrations", href: "#" }, + { label: "Integrations", href: "#security" }, { label: "Changelog", href: "#" }, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Documentation", href: "#" }, { label: "API Reference", href: "#" }, { label: "Tutorials", href: "#" }, @@ -220,9 +126,8 @@ export default function AIAgentsTemplatePage() { ], }, { - title: "Company", - items: [ - { label: "About", href: "#" }, + title: "Company", items: [ + { label: "About", href: "#benefits" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Press", href: "#" }, @@ -260,11 +165,8 @@ export default function AIAgentsTemplatePage() { { text: "Learn More", href: "#" }, ]} dashboard={{ - title: "Agent Control Center", - logoIcon: Bot, - imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", - imageAlt: "Operator avatar", - buttons: [ + title: "Agent Control Center", logoIcon: Bot, + imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", imageAlt: "Operator avatar", buttons: [ { text: "Deploy Agent", href: "#" }, { text: "View Logs", href: "#" }, ], @@ -277,24 +179,16 @@ export default function AIAgentsTemplatePage() { ], stats: [ { - title: "Active Agents", - values: [47, 52, 49], - description: "Autonomous agents currently running across all workflows.", - }, + 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: "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.", - }, + 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: [ + chartTitle: "Agent Runs (24h)", chartData: [ { value: 120 }, { value: 85 }, { value: 140 }, @@ -304,8 +198,7 @@ export default function AIAgentsTemplatePage() { { value: 155 }, { value: 110 }, ], - listTitle: "Recent Agent Activity", - listItems: [ + 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" }, @@ -342,26 +235,85 @@ export default function AIAgentsTemplatePage() { features={[ { icon: GitBranch, - title: "Version Control", - description: "Track every change to your agent logic with built-in versioning. Roll back instantly if something goes wrong.", - }, + 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.", - }, + 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.", - }, + 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.", - }, + title: "Permission Guards", description: "Define exactly what each agent can access and do. Require human approval for sensitive or irreversible actions."}, ]} /> +
+ +
+
+ +
+
+ +
Date: Thu, 26 Mar 2026 11:30:22 +0000 Subject: [PATCH 2/6] Update src/app/styles/base.css --- src/app/styles/base.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/styles/base.css b/src/app/styles/base.css index a25430f..c719d19 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-inter), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-dm-sans), sans-serif; } -- 2.49.1 From a3f1a4541adfebd09d38e16127c2242f80a5ee28 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 11:30:22 +0000 Subject: [PATCH 3/6] Update src/app/styles/variables.css --- src/app/styles/variables.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 19f4137..571f6aa 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #ffffffe6; - --primary-cta: #e6e6e6; - --primary-cta-text: #0a0a0a; - --secondary-cta: #1a1a1a; - --secondary-cta-text: #ffffffe6; - --accent: #737373; - --background-accent: #737373; + --background: #020617; + --card: #0f172a; + --foreground: #e2e8f0; + --primary-cta: #c4d8f9; + --primary-cta-text: #020617; + --secondary-cta: #041633; + --secondary-cta-text: #e2e8f0; + --accent: #2d30f3; + --background-accent: #1d4ed8; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); -- 2.49.1 From 39ecf41feef5c44ec622bba9140c7c582c9370ae Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 11:32:25 +0000 Subject: [PATCH 4/6] Update src/app/page.tsx --- src/app/page.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1ac29e4..acb826d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -254,9 +254,9 @@ export default function AIAgentsTemplatePage() { title="Unlock Unprecedented ROI & Optimize Costs" description="AgentFlow delivers tangible business value by automating operations, reducing manual effort, and enhancing decision-making, leading to significant cost savings and revenue growth." metrics={[ - { value: "80%", description: "Reduction in Operational Costs" }, - { value: "25%", description: "Increase in Productivity" }, - { value: "3x", description: "Faster Time to Market" } + { id: "cost-reduction", value: "80%", description: "Reduction in Operational Costs" }, + { id: "productivity-increase", value: "25%", description: "Increase in Productivity" }, + { id: "time-to-market", value: "3x", description: "Faster Time to Market" } ]} metricsAnimation="slide-up" useInvertedBackground={false} -- 2.49.1 From c25ceb25ad45c81da9dac819b342b75c6af40e81 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 26 Mar 2026 11:34:29 +0000 Subject: [PATCH 5/6] Update src/app/page.tsx --- src/app/page.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index acb826d..54ce4a7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -250,7 +250,6 @@ export default function AIAgentsTemplatePage() {
Date: Thu, 26 Mar 2026 11:36:33 +0000 Subject: [PATCH 6/6] Update src/app/page.tsx --- src/app/page.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 54ce4a7..76783dc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -251,7 +251,6 @@ export default function AIAgentsTemplatePage() {