Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-03-08 16:38:40 +00:00
2 changed files with 199 additions and 552 deletions

View File

@@ -3,227 +3,108 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import {
Zap,
Mail,
Phone,
MapPin,
Sparkles,
MessageSquare,
Users,
Code,
Database,
Shield,
BarChart,
Rocket,
Home,
Settings,
} from "lucide-react";
import { Sparkles, HelpCircle, Rocket, Mail } from "lucide-react";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="gradient-bordered"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Platform", id: "features" },
{ name: "Architecture", id: "about" },
{ name: "Home", id: "/" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "Contact", id: "contact" },
]}
brandName="AgentOS"
bottomLeftText="Multi-Agent Intelligence"
bottomLeftText="Enterprise AI Infrastructure"
bottomRightText="hello@agentosxyz.com"
/>
</div>
<div id="contact-intro" data-section="contact-intro">
<div id="contact-hero" data-section="contact-hero">
<MetricSplitMediaAbout
tag="Get in Touch"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Connect with the AgentOS Team"
description="Whether you're interested in a demo, need technical support, have partnership inquiries, or want to join our team, we're here to help. Choose the option that best fits your needs."
title="We're Here to Help Your Enterprise Succeed"
description="Have questions about AgentOS? Our team of AI infrastructure experts is ready to guide you through implementation, answer technical questions, or discuss custom enterprise solutions."
metrics={[
{
value: "24/7",
title: "Support Available",
},
{
value: "2hrs",
title: "Average Response Time",
},
{ value: "24/7", title: "Support Available" },
{ value: "50+", title: "Enterprise Customers" },
]}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/illustration-showing-ai-agent-tool-integ-1772987653370-b74d5dde.png"
imageAlt="AgentOS Team Support"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/a-cutting-edge-ai-agent-platform-dashboa-1772987655054-205a4722.png"
imageAlt="A cutting-edge AI agent platform dashboard interface featuring real-time monitoring of multiple auto"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="contact-options" data-section="contact-options">
<FeatureBento
title="How to Reach Us"
description="Multiple ways to connect with our team for different needs and preferences."
tag="Support Channels"
tagIcon={MessageSquare}
<div id="contact-faq" data-section="contact-faq">
<FaqDouble
title="Common Questions"
description="Find answers to frequently asked questions about our support, onboarding, and services."
tag="Help Center"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
faqsAnimation="slide-up"
useInvertedBackground={true}
features={[
faqs={[
{
title: "Sales & Demos",
description:
"Schedule a personalized demo with our sales team to see AgentOS in action.",
bentoComponent: "icon-info-cards",
items: [
{
icon: Zap,
label: "Schedule Demo",
value: "calendly.com/agentosxyz",
},
{
icon: Mail,
label: "Email Sales",
value: "sales@agentosxyz.com",
},
{
icon: Phone,
label: "Call Us",
value: "+1 (555) 123-4567",
},
{
icon: Users,
label: "Enterprise",
value: "enterprise@agentosxyz.com",
},
{
icon: MessageSquare,
label: "Chat Support",
value: "Live chat available",
},
],
},
id: "1", title: "What's the typical onboarding timeline?", content:
"Starter plans can get up and running in 24-48 hours. Professional plans include dedicated onboarding support and typically take 3-5 business days. Enterprise plans include white-glove setup with custom timelines based on your infrastructure requirements."},
{
title: "Technical Support",
description:
"Get help from our engineering team for implementation, API issues, and technical questions.",
bentoComponent: "timeline",
heading: "Support Channels",
subheading: "Choose Your Preferred Method",
items: [
{
label: "Documentation",
detail: "Comprehensive guides and API reference",
},
{
label: "Community",
detail: "Active Slack community with 5K+ developers",
},
{
label: "Support Portal",
detail: "Ticket system with dedicated engineers",
},
],
completedLabel: "Available",
},
id: "2", title: "Do you offer custom enterprise solutions?", content:
"Yes, absolutely. Our Enterprise plan is fully customizable. We can deploy AgentOS on-premise, build custom integrations, create domain-specific agents, and provide dedicated infrastructure. Contact our sales team to discuss your specific requirements."},
{
title: "Partnerships & Integrations",
description:
"Explore partnership opportunities and build integrations with AgentOS.",
bentoComponent: "orbiting-icons",
centerIcon: Code,
items: [
{ icon: Database, ring: 1 },
{ icon: Shield, ring: 1 },
{ icon: BarChart, ring: 2 },
{ icon: Users, ring: 2 },
],
},
id: "3", title: "What support channels are available?", content:
"We offer email support for all plans, priority support with 1-hour response time for Professional plans, and 24/7 phone and chat support for Enterprise customers. We also provide dedicated Slack channels for Enterprise accounts."},
{
title: "Careers & Join Us",
description:
"Interested in building the future of AI agents? Explore career opportunities at AgentOS.",
bentoComponent: "3d-stack-cards",
items: [
{
icon: Code,
title: "Engineering",
subtitle: "Python, TypeScript, Rust",
detail: "Build core agent infrastructure",
},
{
icon: Users,
title: "Product",
subtitle: "Design & Strategy",
detail: "Shape the product roadmap",
},
{
icon: MessageSquare,
title: "Sales & Success",
subtitle: "Enterprise Growth",
detail: "Help customers succeed",
},
],
},
id: "4", title: "Can I schedule a demo before committing?", content:
"Of course! We offer free 30-minute demos for all plans. You'll get a hands-on walkthrough of the platform, see live agent execution, and discuss how AgentOS can solve your specific use cases. We can schedule at your convenience."},
{
title: "Social Media",
description:
"Follow AgentOS for updates, announcements, and community news.",
bentoComponent: "marquee",
centerIcon: Zap,
variant: "text",
texts: [
"Twitter @agentosxyz",
"LinkedIn AgentOS",
"GitHub agentosxyz",
"Discord Community",
"YouTube Tutorials",
],
},
id: "5", title: "Is there a trial period?", content:
"Yes, we offer a 14-day free trial for the Professional plan with full feature access. No credit card required. You'll get all the tools needed to build and test multi-agent systems before making a commitment."},
{
title: "Office Locations",
description:
"Visit our offices in San Francisco, London, and Singapore.",
bentoComponent: "animated-bar-chart",
},
id: "6", title: "What's your response time for support requests?", content:
"Starter: 48-hour response. Professional: 1-hour response during business hours, 4-hour response outside business hours. Enterprise: immediate response with dedicated support channel. All Enterprise issues receive priority handling."},
{
id: "7", title: "Do you provide migration assistance?", content:
"Yes, for Enterprise customers, we offer full migration support from existing automation platforms. Our team will help audit your current setup, design a migration path, and handle the transition with minimal disruption to your operations."},
{
id: "8", title: "Can you customize the pricing?", content:
"For Enterprise accounts, pricing is completely flexible and based on your specific requirements including agent count, API request volume, support level, and infrastructure preferences. Our sales team will work with you to create a custom package."},
]}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Get Started?"
tag="Ready to Get Started"
tagIcon={Rocket}
tagAnimation="slide-up"
title="Schedule Your Demo or Start Your Free Trial"
description="Join hundreds of enterprises using AgentOS to automate their workflows. Our team is ready to help you build your first multi-agent system."
title="Let's Build Your AI-Powered Future"
description="Whether you need a quick demo, want to discuss enterprise solutions, or are ready to get started with AgentOS, our team is here to help. Reach out today and take the first step toward autonomous AI-powered workflows."
buttons={[
{
text: "Schedule Demo",
href: "https://calendly.example.com",
},
{
text: "Start Free Trial",
href: "https://app.example.com/trial",
},
{ text: "Schedule Demo", href: "https://calendly.example.com" },
{ text: "Start Free Trial", href: "https://app.example.com/trial" },
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
@@ -236,38 +117,31 @@ export default function ContactPage() {
logoText="AgentOS"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Features", href: "#features" },
{ label: "Architecture", href: "#about" },
{ label: "Pricing", href: "/pricing" },
{ label: "Architecture", href: "#architecture" },
{ label: "Pricing", href: "#pricing" },
{ label: "Docs", href: "https://docs.example.com" },
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "https://example.com/about" },
{ label: "Blog", href: "https://blog.example.com" },
{ label: "Careers", href: "https://careers.example.com" },
{ label: "Contact", href: "/contact" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "API Reference", href: "https://docs.example.com/api" },
{
label: "Tutorials",
href: "https://docs.example.com/tutorials",
},
{ label: "Tutorials", href: "https://docs.example.com/tutorials" },
{ label: "SDK", href: "https://github.com/agentosxyz" },
{ label: "Community", href: "https://community.example.com" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "https://security.example.com" },

View File

@@ -14,57 +14,53 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import {
Zap,
Brain,
Layers,
Code,
Sparkles,
Trophy,
Rocket,
HelpCircle,
Home,
Settings,
Sparkles,
Database,
Network,
Cpu,
Hammer,
Brain,
GitBranch,
Database,
Cpu,
Network,
Hammer,
BarChart,
Search,
CheckCircle,
Globe,
Mail,
Home,
Settings,
Server,
Shield,
Users,
ArrowLeftRight,
Send,
CircleDollarSign,
} from "lucide-react";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="gradient-bordered"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Platform", id: "features" },
{ name: "Architecture", id: "about" },
{ name: "Features", id: "features" },
{ name: "Architecture", id: "architecture" },
{ name: "Pricing", id: "pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "Contact", id: "contact" },
]}
brandName="AgentOS"
bottomLeftText="Multi-Agent Intelligence"
bottomLeftText="Enterprise AI Infrastructure"
bottomRightText="hello@agentosxyz.com"
/>
</div>
@@ -78,23 +74,15 @@ export default function HomePage() {
title="Multi-Agent AI Infrastructure for Enterprise"
description="Build, orchestrate, and scale autonomous AI agents with production-grade architecture. Real-time reasoning, memory management, and tool execution—all in one platform."
buttons={[
{
text: "Start Building",
href: "https://docs.example.com",
},
{
text: "View Architecture",
href: "#features",
},
{ text: "Start Building", href: "https://docs.example.com" },
{ text: "View Architecture", href: "#features" },
]}
buttonAnimation="slide-up"
dashboard={{
title: "Agent Orchestration Hub",
logoIcon: Brain,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/a-cutting-edge-ai-agent-platform-dashboa-1772987655054-205a4722.png",
imageAlt: "AI Agent Dashboard",
searchPlaceholder: "Search agents, tasks, and logs...",
buttons: [
title: "Agent Orchestration Hub", logoIcon: Brain,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/a-cutting-edge-ai-agent-platform-dashboa-1772987655054-205a4722.png", imageAlt:
"A cutting-edge AI agent platform dashboard interface featuring real-time monitoring of multiple auto", searchPlaceholder: "Search agents, tasks, and logs...", buttons: [
{ text: "Deploy Agent", href: "#" },
{ text: "View Metrics", href: "#" },
],
@@ -105,47 +93,32 @@ export default function HomePage() {
],
stats: [
{
title: "Active Agents",
values: [45, 67, 89],
description: "Running instances",
},
title: "Active Agents", values: [45, 67, 89],
description: "Running instances"},
{
title: "Tasks Completed",
values: [1240, 1850, 2340],
description: "This period",
},
title: "Tasks Completed", values: [1240, 1850, 2340],
description: "This period"},
{
title: "Avg Response",
values: [245, 189, 156],
valueSuffix: "ms",
description: "Latency",
},
title: "Avg Response", values: [245, 189, 156],
valueSuffix: "ms", description: "Latency"},
],
chartTitle: "Agent Performance",
chartData: [
chartTitle: "Agent Performance", chartData: [
{ value: 65 },
{ value: 78 },
{ value: 92 },
{ value: 85 },
{ value: 88 },
],
listTitle: "Recent Agent Actions",
listItems: [
listTitle: "Recent Agent Actions", listItems: [
{
icon: Zap,
title: "Research Agent: Market Analysis",
status: "Completed",
},
title: "Research Agent: Market Analysis", status: "Completed"},
{
icon: Code,
title: "Coding Agent: API Development",
status: "In Progress",
},
title: "Coding Agent: API Development", status: "In Progress"},
{
icon: CheckCircle,
title: "Reviewer Agent: Code Review",
status: "Completed",
},
title: "Reviewer Agent: Code Review", status: "Completed"},
],
}}
/>
@@ -163,120 +136,62 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
title: "LLM Reasoning Engine",
description:
"Advanced reasoning with GPT-4, Claude, Llama, and Mixtral models for intelligent task planning and decision-making.",
bentoComponent: "3d-stack-cards",
items: [
title: "LLM Reasoning Engine", description:
"Advanced reasoning with GPT-4, Claude, Llama, and Mixtral models for intelligent task planning and decision-making.", bentoComponent: "3d-stack-cards", items: [
{
icon: Brain,
title: "Multi-Model Support",
subtitle: "GPT-4 / Claude",
detail: "Switch between leading LLM providers seamlessly",
},
title: "Multi-Model Support", subtitle: "GPT-4 / Claude", detail: "Switch between leading LLM providers seamlessly"},
{
icon: GitBranch,
title: "ReAct Loop",
subtitle: "Reasoning + Acting",
detail: "Iterative reasoning with real-time action execution",
},
title: "ReAct Loop", subtitle: "Reasoning + Acting", detail: "Iterative reasoning with real-time action execution"},
{
icon: Zap,
title: "Fast Inference",
subtitle: "Sub-second Response",
detail: "Optimized for low-latency agent operations",
},
title: "Fast Inference", subtitle: "Sub-second Response", detail: "Optimized for low-latency agent operations"},
],
},
{
title: "Memory System",
description:
"Persistent vector embeddings and long-term memory using ChromaDB, Pinecone, and Weaviate for intelligent context retention.",
bentoComponent: "orbiting-icons",
centerIcon: Database,
title: "Memory System", description:
"Persistent vector embeddings and long-term memory using ChromaDB, Pinecone, and Weaviate for intelligent context retention.", bentoComponent: "orbiting-icons", centerIcon: Database,
items: [
{ icon: Shield, ring: 1 },
{ icon: Server, ring: 1 },
{ icon: Zap, ring: 1 },
{ icon: Shield, ring: 2 },
{ icon: Layers, ring: 2 },
],
},
{
title: "Multi-Agent Orchestration",
description:
"Coordinate specialized agents—Manager, Research, Execution, Coding, and Reviewer—working as an intelligent team.",
bentoComponent: "icon-info-cards",
items: [
{
icon: BarChart,
label: "Manager Agent",
value: "Workflow Control",
},
{
icon: Search,
label: "Research Agent",
value: "Data Gathering",
},
{
icon: Zap,
label: "Execution Agent",
value: "Action Performance",
},
{
icon: Code,
label: "Coding Agent",
value: "Software Dev",
},
{
icon: CheckCircle,
label: "Reviewer Agent",
value: "Quality Assurance",
},
title: "Multi-Agent Orchestration", description:
"Coordinate specialized agents—Manager, Research, Execution, Coding, and Reviewer—working as an intelligent team.", bentoComponent: "icon-info-cards", items: [
{ icon: BarChart, label: "Manager Agent", value: "Workflow Control" },
{ icon: Search, label: "Research Agent", value: "Data Gathering" },
{ icon: Zap, label: "Execution Agent", value: "Action Performance" },
{ icon: Code, label: "Coding Agent", value: "Software Dev" },
{ icon: CheckCircle, label: "Reviewer Agent", value: "Quality Assurance" },
],
},
{
title: "Tool Execution Layer",
description:
"Seamless integration with 50+ tools: web search, APIs, GitHub, email, CRM, and custom developer tools.",
bentoComponent: "marquee",
centerIcon: Zap,
variant: "icon",
icons: [Globe, Code, Mail, BarChart, Zap, Shield],
title: "Tool Execution Layer", description:
"Seamless integration with 50+ tools: web search, APIs, GitHub, email, CRM, and custom developer tools.", bentoComponent: "marquee", centerIcon: Zap,
variant: "icon", icons: [Globe, Code, Mail, BarChart, Zap, Shield],
},
{
title: "API Gateway & Queue Management",
description:
"FastAPI backend with Celery task queues and Redis caching for distributed agent execution and load balancing.",
bentoComponent: "timeline",
heading: "Agent Request Flow",
subheading: "From API to Execution",
items: [
title: "API Gateway & Queue Management", description:
"FastAPI backend with Celery task queues and Redis caching for distributed agent execution and load balancing.", bentoComponent: "timeline", heading: "Agent Request Flow", subheading: "From API to Execution", items: [
{ label: "API Request", detail: "User sends task to gateway" },
{
label: "API Request",
detail: "User sends task to gateway",
},
label: "Queue Management", detail: "Celery distributes to worker pool"},
{
label: "Queue Management",
detail: "Celery distributes to worker pool",
},
{
label: "Agent Execution",
detail: "Agents process with Redis cache",
},
label: "Agent Execution", detail: "Agents process with Redis cache"},
],
completedLabel: "Completed",
},
completedLabel: "Completed"},
{
title: "Cloud Deployment & Scaling",
description:
"Docker containerized agents with Kubernetes orchestration, auto-scaling, and monitoring across AWS, Google Cloud, and Azure.",
bentoComponent: "animated-bar-chart",
},
title: "Cloud Deployment & Scaling", description:
"Docker containerized agents with Kubernetes orchestration, auto-scaling, and monitoring across AWS, Google Cloud, and Azure.", bentoComponent: "animated-bar-chart"},
]}
/>
</div>
<div id="about" data-section="about">
<div id="architecture" data-section="architecture">
<FeatureHoverPattern
title="Architecture in Motion"
description="Hover over each component to reveal the interactive patterns of our production-grade AI infrastructure."
@@ -289,45 +204,33 @@ export default function HomePage() {
features={[
{
icon: Cpu,
title: "User Interface Layer",
description:
"React + Next.js frontend with WebSockets for real-time agent monitoring and chat interfaces.",
},
title: "User Interface Layer", description:
"React + Next.js frontend with WebSockets for real-time agent monitoring and chat interfaces."},
{
icon: Network,
title: "API Gateway",
description:
"FastAPI orchestration with rate limiting, authentication, and intelligent request routing to agent pools.",
},
title: "API Gateway", description:
"FastAPI orchestration with rate limiting, authentication, and intelligent request routing to agent pools."},
{
icon: Brain,
title: "Agent Orchestrator",
description:
"Central coordinator managing agent lifecycle, workflow execution, and multi-agent collaboration patterns.",
},
title: "Agent Orchestrator", description:
"Central coordinator managing agent lifecycle, workflow execution, and multi-agent collaboration patterns."},
{
icon: Zap,
title: "LLM Reasoning",
description:
"Advanced reasoning engine supporting OpenAI, Anthropic Claude, Meta Llama, and Mistral models for intelligent planning.",
},
title: "LLM Reasoning", description:
"Advanced reasoning engine supporting OpenAI, Anthropic Claude, Meta Llama, and Mistral models for intelligent planning."},
{
icon: Database,
title: "Memory System",
description:
"Vector databases (ChromaDB, Pinecone, Weaviate) storing embeddings and persistent knowledge for agent learning.",
},
title: "Memory System", description:
"Vector databases (ChromaDB, Pinecone, Weaviate) storing embeddings and persistent knowledge for agent learning."},
{
icon: Hammer,
title: "Tool Execution",
description:
"Dynamic tool binding and execution layer enabling seamless integration with APIs, code interpreters, and external services.",
},
title: "Tool Execution", description:
"Dynamic tool binding and execution layer enabling seamless integration with APIs, code interpreters, and external services."},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="Why AgentOS"
tagIcon={Sparkles}
@@ -335,19 +238,14 @@ export default function HomePage() {
title="Enterprise-Grade AI Agent Platform Built for Scale"
description="AgentOS powers autonomous workflows for Fortune 500 companies and innovative startups. Our production-ready platform combines cutting-edge LLM technology with enterprise infrastructure, enabling teams to deploy AI agents that reason, act, and learn in real-time without sacrificing security, compliance, or performance."
metrics={[
{
value: "99.9%",
title: "Uptime SLA",
},
{
value: "< 200ms",
title: "Agent Response Time",
},
{ value: "99.9%", title: "Uptime SLA" },
{ value: "< 200ms", title: "Agent Response Time" },
]}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/a-technical-architecture-diagram-showing-1772987654092-6dd89e49.png"
imageAlt="AgentOS Platform Architecture"
imageAlt="A technical architecture diagram showing the six layers of a professional AI agent system: User Inte"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -363,59 +261,29 @@ export default function HomePage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "VP Engineering, TechCorp",
testimonial:
"AgentOS reduced our manual workflow time by 65% in the first month. The multi-agent orchestration is exactly what we needed for complex enterprise automation.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-a-tech-executiv-1772987652625-36c3e9fb.png?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "VP Engineering, TechCorp", testimonial:
"AgentOS reduced our manual workflow time by 65% in the first month. The multi-agent orchestration is exactly what we needed for complex enterprise automation.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-a-tech-executiv-1772987652625-36c3e9fb.png", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "CTO, FinanceFlow",
testimonial:
"The LLM reasoning engine combined with our existing APIs created unprecedented automation capabilities. Enterprise-grade reliability with bleeding-edge AI performance.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-an-ai-researche-1772987652684-4bc3be29.png?_wi=1",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "CTO, FinanceFlow", testimonial:
"The LLM reasoning engine combined with our existing APIs created unprecedented automation capabilities. Enterprise-grade reliability with bleeding-edge AI performance.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-an-ai-researche-1772987652684-4bc3be29.png", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "Director of Automation, DataInsights",
testimonial:
"We deployed three specialized agents within a week. The ReAct loop architecture is brilliant—agents actually learn from execution patterns and improve over time.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-a-product-manag-1772987652986-8d96e966.png",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "Director of Automation, DataInsights", testimonial:
"We deployed three specialized agents within a week. The ReAct loop architecture is brilliant—agents actually learn from execution patterns and improve over time.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-a-product-manag-1772987652986-8d96e966.png", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "Founder, StartupXYZ",
testimonial:
"As a startup, we couldn't afford traditional enterprise automation. AgentOS gave us Fortune 500 capabilities at a fraction of the cost. Game-changer for our competitive edge.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-an-engineering--1772987653431-8fc616c4.png",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "Founder, StartupXYZ", testimonial:
"As a startup, we couldn't afford traditional enterprise automation. AgentOS gave us Fortune 500 capabilities at a fraction of the cost. Game-changer for our competitive edge.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-an-engineering--1772987653431-8fc616c4.png", imageAlt: "David Kim"},
{
id: "5",
name: "Priya Patel",
handle: "Engineering Manager, CloudSystems",
testimonial:
"The documentation and support are exceptional. Our team went from zero to production-grade multi-agent system in two weeks. Outstanding platform.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-a-tech-executiv-1772987652625-36c3e9fb.png?_wi=2",
imageAlt: "Priya Patel",
},
id: "5", name: "Priya Patel", handle: "Engineering Manager, CloudSystems", testimonial:
"The documentation and support are exceptional. Our team went from zero to production-grade multi-agent system in two weeks. Outstanding platform.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-a-tech-executiv-1772987652625-36c3e9fb.png", imageAlt: "Priya Patel"},
{
id: "6",
name: "James Wilson",
handle: "VP Product, EnterpriseTech",
testimonial:
"AgentOS is the foundation of our new product line. The reasoning engine, memory system, and tool integration capabilities are unmatched in the market.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-an-ai-researche-1772987652684-4bc3be29.png?_wi=2",
imageAlt: "James Wilson",
},
id: "6", name: "James Wilson", handle: "VP Product, EnterpriseTech", testimonial:
"AgentOS is the foundation of our new product line. The reasoning engine, memory system, and tool integration capabilities are unmatched in the market.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/professional-headshot-of-an-ai-researche-1772987652684-4bc3be29.png", imageAlt: "James Wilson"},
]}
speed={40}
/>
@@ -433,81 +301,29 @@ export default function HomePage() {
useInvertedBackground={false}
plans={[
{
id: "starter",
price: "$500/mo",
name: "Starter",
buttons: [
{
text: "Start Free Trial",
href: "https://app.example.com/trial",
},
{
text: "View Documentation",
href: "https://docs.example.com",
},
id: "starter", price: "$500/mo", name: "Starter", buttons: [
{ text: "Start Free Trial", href: "https://app.example.com/trial" },
{ text: "View Documentation", href: "https://docs.example.com" },
],
features: [
"Up to 3 concurrent agents",
"Basic LLM models (Llama, Mixtral)",
"5GB memory storage",
"API requests: 1M/month",
"Email support",
"Single environment",
],
"Up to 3 concurrent agents", "Basic LLM models (Llama, Mixtral)", "5GB memory storage", "API requests: 1M/month", "Email support", "Single environment"],
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$2,500/mo",
name: "Professional",
buttons: [
{
text: "Get Started",
href: "https://app.example.com/signup",
},
{
text: "Schedule Demo",
href: "https://calendly.example.com",
},
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
price: "$2,500/mo", name: "Professional", buttons: [
{ text: "Get Started", href: "https://app.example.com/signup" },
{ text: "Schedule Demo", href: "https://calendly.example.com" },
],
features: [
"Up to 20 concurrent agents",
"All LLM models (GPT-4, Claude, Llama)",
"100GB memory storage",
"API requests: 10M/month",
"Priority support (24/7)",
"Multi-environment support",
"Advanced monitoring & analytics",
"Custom tool integration",
],
"Up to 20 concurrent agents", "All LLM models (GPT-4, Claude, Llama)", "100GB memory storage", "API requests: 10M/month", "Priority support (24/7)", "Multi-environment support", "Advanced monitoring & analytics", "Custom tool integration"],
},
{
id: "enterprise",
price: "Custom",
name: "Enterprise",
buttons: [
{
text: "Contact Sales",
href: "https://calendly.example.com/enterprise",
},
{
text: "View Architecture",
href: "#",
},
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
{ text: "Contact Sales", href: "https://calendly.example.com/enterprise" },
{ text: "View Architecture", href: "#" },
],
features: [
"Unlimited concurrent agents",
"Dedicated model endpoints",
"Unlimited memory storage",
"Unlimited API requests",
"24/7 dedicated support team",
"Full environment management",
"Custom SLAs & guarantees",
"On-premise deployment options",
"Advanced security & compliance",
"Dedicated infrastructure",
],
"Unlimited concurrent agents", "Dedicated model endpoints", "Unlimited memory storage", "Unlimited API requests", "24/7 dedicated support team", "Full environment management", "Custom SLAs & guarantees", "On-premise deployment options", "Advanced security & compliance", "Dedicated infrastructure"],
},
]}
/>
@@ -525,65 +341,35 @@ export default function HomePage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What is the ReAct architecture?",
content:
"ReAct (Reasoning and Acting) is our core agent loop: agents receive goals, generate plans, select appropriate tools, execute actions, observe results, and iteratively update their approach until the goal is achieved. This creates self-improving autonomous agents that learn from experience.",
},
id: "1", title: "What is the ReAct architecture?", content:
"ReAct (Reasoning and Acting) is our core agent loop: agents receive goals, generate plans, select appropriate tools, execute actions, observe results, and iteratively update their approach until the goal is achieved. This creates self-improving autonomous agents that learn from experience."},
{
id: "2",
title: "Which LLM models are supported?",
content:
"AgentOS supports all major models: OpenAI GPT-4 and GPT-3.5, Anthropic Claude, Meta Llama (7B-70B), and Mixtral. You can switch between models without code changes, and we handle model-specific optimizations automatically.",
},
id: "2", title: "Which LLM models are supported?", content:
"AgentOS supports all major models: OpenAI GPT-4 and GPT-3.5, Anthropic Claude, Meta Llama (7B-70B), and Mixtral. You can switch between models without code changes, and we handle model-specific optimizations automatically."},
{
id: "3",
title: "How does the memory system work?",
content:
"We maintain both short-term memory (conversation context) and long-term memory (persistent embeddings). Long-term memory uses vector databases like ChromaDB, Pinecone, or Weaviate to store learned patterns and context, enabling agents to improve performance over time.",
},
id: "3", title: "How does the memory system work?", content:
"We maintain both short-term memory (conversation context) and long-term memory (persistent embeddings). Long-term memory uses vector databases like ChromaDB, Pinecone, or Weaviate to store learned patterns and context, enabling agents to improve performance over time."},
{
id: "4",
title: "Can I run agents on-premise?",
content:
"Yes. Enterprise customers can deploy AgentOS on-premise with Docker and Kubernetes. We provide complete deployment guides, Helm charts, and dedicated support for your infrastructure setup.",
},
id: "4", title: "Can I run agents on-premise?", content:
"Yes. Enterprise customers can deploy AgentOS on-premise with Docker and Kubernetes. We provide complete deployment guides, Helm charts, and dedicated support for your infrastructure setup."},
{
id: "5",
title: "What tools can agents integrate with?",
content:
"Agents can integrate with 50+ pre-built tools including web search, code execution, GitHub, Google Calendar, email, Slack, Notion, and any custom API. We handle OAuth, authentication, and rate limiting automatically.",
},
id: "5", title: "What tools can agents integrate with?", content:
"Agents can integrate with 50+ pre-built tools including web search, code execution, GitHub, Google Calendar, email, Slack, Notion, and any custom API. We handle OAuth, authentication, and rate limiting automatically."},
{
id: "6",
title: "How is data security handled?",
content:
"We implement enterprise-grade security: encryption at rest and in transit, SOC 2 Type II compliance, GDPR/CCPA support, role-based access control, and audit logging. Enterprise customers can enable additional compliance features and data residency options.",
},
id: "6", title: "How is data security handled?", content:
"We implement enterprise-grade security: encryption at rest and in transit, SOC 2 Type II compliance, GDPR/CCPA support, role-based access control, and audit logging. Enterprise customers can enable additional compliance features and data residency options."},
{
id: "7",
title: "What's your uptime SLA?",
content:
"Professional and Enterprise plans include 99.9% uptime SLA with automatic failover, redundant infrastructure, and 24/7 monitoring. We maintain infrastructure across multiple cloud providers for geographic redundancy.",
},
id: "7", title: "What's your uptime SLA?", content:
"Professional and Enterprise plans include 99.9% uptime SLA with automatic failover, redundant infrastructure, and 24/7 monitoring. We maintain infrastructure across multiple cloud providers for geographic redundancy."},
{
id: "8",
title: "How does multi-agent orchestration work?",
content:
"Our orchestrator manages specialized agents: Manager controls workflow, Research gathers data, Execution performs actions, Coding handles development, and Reviewer ensures quality. Agents communicate through a message bus and share a common memory layer.",
},
id: "8", title: "How does multi-agent orchestration work?", content:
"Our orchestrator manages specialized agents: Manager controls workflow, Research gathers data, Execution performs actions, Coding handles development, and Reviewer ensures quality. Agents communicate through a message bus and share a common memory layer."},
{
id: "9",
title: "Can I customize the agent behavior?",
content:
"Absolutely. You can define custom system prompts, tool access rules, reasoning strategies, and memory policies. We provide Python and TypeScript SDKs for building domain-specific agents tailored to your workflows.",
},
id: "9", title: "Can I customize the agent behavior?", content:
"Absolutely. You can define custom system prompts, tool access rules, reasoning strategies, and memory policies. We provide Python and TypeScript SDKs for building domain-specific agents tailored to your workflows."},
{
id: "10",
title: "What kind of scaling can AgentOS handle?",
content:
"AgentOS scales horizontally across Kubernetes clusters. We've tested with thousands of concurrent agents. Load balancing, auto-scaling policies, and cost optimization are built-in. Enterprise customers get dedicated capacity planning.",
},
id: "10", title: "What kind of scaling can AgentOS handle?", content:
"AgentOS scales horizontally across Kubernetes clusters. We've tested with thousands of concurrent agents. Load balancing, auto-scaling policies, and cost optimization are built-in. Enterprise customers get dedicated capacity planning."},
]}
/>
</div>
@@ -596,14 +382,8 @@ export default function HomePage() {
title="Transform Your Workflows with Autonomous AI Agents"
description="Schedule a demo to see AgentOS in action, or start building with our free tier. Our team will help you design the perfect multi-agent system for your enterprise."
buttons={[
{
text: "Schedule Demo",
href: "https://calendly.example.com",
},
{
text: "Start Free Trial",
href: "https://app.example.com/trial",
},
{ text: "Schedule Demo", href: "https://calendly.example.com" },
{ text: "Start Free Trial", href: "https://app.example.com/trial" },
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
@@ -616,38 +396,31 @@ export default function HomePage() {
logoText="AgentOS"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Features", href: "#features" },
{ label: "Architecture", href: "#about" },
{ label: "Pricing", href: "/pricing" },
{ label: "Architecture", href: "#architecture" },
{ label: "Pricing", href: "#pricing" },
{ label: "Docs", href: "https://docs.example.com" },
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "https://example.com/about" },
{ label: "Blog", href: "https://blog.example.com" },
{ label: "Careers", href: "https://careers.example.com" },
{ label: "Contact", href: "/contact" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "API Reference", href: "https://docs.example.com/api" },
{
label: "Tutorials",
href: "https://docs.example.com/tutorials",
},
{ label: "Tutorials", href: "https://docs.example.com/tutorials" },
{ label: "SDK", href: "https://github.com/agentosxyz" },
{ label: "Community", href: "https://community.example.com" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "https://security.example.com" },