From acba37d7f97892f75200b42ebe36032a4320c78f Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 29 Mar 2026 11:22:35 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 314 +++++++---------------------------------------- 1 file changed, 47 insertions(+), 267 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 61aaae9..6283a6b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,8 @@ import FaqDouble from "@/components/sections/faq/FaqDouble"; 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"; +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, Terminal } from "lucide-react"; +import { useState } from "react"; export default function AIAgentsTemplatePage() { const navItems = [ @@ -22,292 +23,71 @@ export default function AIAgentsTemplatePage() { ]; const features: FeatureCard[] = [ - { - 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."}, - { - 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."}, - { - 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."}, + { 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." }, + { 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." }, + { 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." }, ]; 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: "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: "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: "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: "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: "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: "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" }, ]; const pricingPlans = [ - { - 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", 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: "Recommended for Scale", 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"], - }, + { id: "starter", price: "$29/mo", name: "Starter", buttons: [{ text: "Get Started", href: "#pricing" }], features: ["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: "#pricing" }], features: ["15 active agents", "50,000 agent runs/month", "All integrations", "Email support", "30-day log retention"] }, + { id: "business", badge: "Recommended for Scale", badgeIcon: Star, price: "$299/mo", name: "Business", buttons: [{ text: "Get Started", href: "#pricing" }], 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: "#contact" }], features: ["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 save you hours of manual work by automating complex tasks through intelligent planning. They function by using large language models and tool integrations to execute multi-step workflows autonomously."}, - { - 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."}, + { id: "1", title: "What are AI agents and how do they work?", content: "AI agents save you hours of manual work by automating complex tasks through intelligent planning. They function by using large language models and tool integrations to execute multi-step workflows autonomously." }, + { 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 = [ - { - title: "Product", items: [ - { 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: "#" }, - ], - }, - { - title: "Company", items: [ - { label: "About", href: "#" }, - { label: "Careers", href: "#" }, - { label: "Contact", href: "#contact" }, - { label: "Press", href: "#" }, - ], - }, + { title: "Product", items: [{ 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: "#" }] }, + { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Press", href: "#" }] }, ]; return ( - - - + + + +
+
+

Command Prompt

+ +
+ Agent status: Thinking... + Active: Research & Data Analysis +
+ Deploy to Production +
+
- +
- - - + + +
- +
- +
- +
- + ); -} +} \ No newline at end of file -- 2.49.1