Merge version_2 into main #2
@@ -3,15 +3,10 @@
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FeatureBento, { type FeatureCard } from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
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, User, Code, Database, Workflow, Settings, Search, FileText, CheckCircle, Send } from "lucide-react";
|
||||
|
||||
export default function AIAgentsTemplatePage() {
|
||||
const navItems = [
|
||||
@@ -24,24 +19,7 @@ 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." },
|
||||
];
|
||||
|
||||
const testimonials = [
|
||||
{ id: "1", name: "Sarah Chen", handle: "CTO at DataFlow", testimonial: "AgentFlow cut our data processing time by 80%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp" },
|
||||
{ id: "2", name: "Marcus Rodriguez", handle: "VP Engineering at ScaleUp", testimonial: "We deployed 50 agents in production within a week.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp" },
|
||||
{ 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.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp" }
|
||||
];
|
||||
|
||||
const pricingPlans = [
|
||||
{ id: "starter", price: "$29/mo", name: "Starter", button: { text: "Get Started" }, featuresTitle: "Includes:", features: ["3 active agents", "5,000 runs", "Basic integrations"] },
|
||||
{ id: "pro", price: "$99/mo", name: "Professional", button: { text: "Get Started" }, featuresTitle: "Includes:", features: ["15 active agents", "50,000 runs", "All integrations"] },
|
||||
{ id: "business", price: "$299/mo", name: "Business", button: { text: "Get Started" }, featuresTitle: "Includes:", features: ["50 active agents", "250,000 runs", "Custom integrations"] }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "Contact", href: "#contact" }] }
|
||||
{ bentoComponent: "3d-card-grid", items: [{ name: "Code", icon: Code }, { name: "Data", icon: Database }, { name: "Workflow", icon: Workflow }, { name: "Config", icon: Settings }], centerIcon: Bot, title: "Tool Integration", description: "Connect agents to your existing tools and let them take action across your entire stack." },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -70,17 +48,27 @@ export default function AIAgentsTemplatePage() {
|
||||
title="Build Autonomous AI Agents"
|
||||
description="Deploy intelligent agents that reason, use tools, and automate complex workflows."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
dashboard={{ title: "Control Center", logoIcon: Bot, imageSrc: "", imageAlt: "Operator", buttons: [], sidebarItems: [], stats: [], chartTitle: "Agent Runs", chartData: [], listTitle: "Activities", listItems: [] }}
|
||||
dashboard={{ title: "Control Center", logoIcon: Bot, imageSrc: "", imageAlt: "Operator", buttons: [], sidebarItems: [], stats: [{ label: "Agents", value: "12" }, { label: "Runs", value: "4.2k" }, { label: "Success", value: "98%" }], chartTitle: "Agent Runs", chartData: [], listTitle: "Activities", listItems: [] }}
|
||||
/>
|
||||
<FeatureBento features={features} animationType="slide-up" title="Core Platform" description="Build powerful AI agents." textboxLayout="default" useInvertedBackground={false} />
|
||||
<div id="contact">
|
||||
<ContactText
|
||||
text="Get in touch with our AI agent support team or start a voice conversation via our new integrated AI agent widget. We're here to help you automate your business."
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Support"
|
||||
title="Get in touch"
|
||||
description="Get in touch with our AI agent support team or start a voice conversation. We're here to help you automate your business."
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[{ text: "Start Voice Chat", onClick: () => console.log("Initializing AI voice agent...") }]}
|
||||
useInvertedBackground={false}
|
||||
buttonText="Start Chat"
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseCard logoText="AgentFlow" leftLink={{ text: "Privacy", href: "#" }} rightLink={{ text: "Terms", href: "#" }} />
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 AgentFlow"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user