Ling0925
/
suna
mirror of https://github.com/kortix-ai/suna.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

enterprise page

This commit is contained in:
marko-kraemer 2025-08-08 18:23:08 -07:00
parent 92a802f44d
commit ff7a09f73a
30 changed files with 791 additions and 273 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.cursor/rules/suna-project.mdc
View File

@ -2,11 +2,11 @@
alwaysApply: true
---
# Suna AI Agent Project - Cursor Rules
# Suna AI Worker Project - Cursor Rules
## Project Overview
Suna is an open-source generalist AI agent with a full-stack architecture:
Suna is an open-source generalist AI Worker with a full-stack architecture:
- **Frontend**: Next.js 15+ with TypeScript, Tailwind CSS, Radix UI, React Query
- **Backend**: Python 3.11+ with FastAPI, Supabase, Redis, LiteLLM, Dramatiq
@ -37,7 +37,7 @@ project/
│ ├── providers/ # Context providers
│ └── contexts/ # React contexts
├── backend/ # Python FastAPI backend
│ ├── agent/ # AI agent core implementation
│ ├── agent/ # AI Worker core implementation
│ ├── services/ # Business logic services
│ ├── utils/ # Shared utilities
│ ├── supabase/ # Database migrations & config

252
README.md
View File

@ -1,14 +1,12 @@
<div align="center">
# Suna - Open Source Generalist AI Agent
# Kortix – Open Source Platform to Build, Manage and Train AI Agents
(that acts on your behalf)
![Kortix Screenshot](frontend/public/banner.png)
![Suna Screenshot](frontend/public/banner.png)
**The complete platform for creating autonomous AI agents that work for you**
Suna is a fully open source AI assistant that helps you accomplish real-world tasks with ease. Through natural conversation, Suna becomes your digital companion for research, data analysis, and everyday challenges—combining powerful capabilities with an intuitive interface that understands what you need and delivers results.
Suna's powerful toolkit includes seamless browser automation to navigate the web and extract data, file management for document creation and editing, web crawling and extended search capabilities, command-line execution for system tasks, website deployment, and integration with various APIs and services. These capabilities work together harmoniously, allowing Suna to solve your complex problems and automate workflows through simple conversations!
Kortix is a comprehensive open source platform that empowers you to build, manage, and train sophisticated AI agents for any use case. Create powerful agents that act autonomously on your behalf, from general-purpose assistants to specialized automation tools.
[![License](https://img.shields.io/badge/License-Apache--2.0-blue)](./license)
[![Discord Follow](https://dcbadge.limes.pink/api/server/Py6pCBUUPw?style=flat)](https://discord.gg/Py6pCBUUPw)
@ -28,136 +26,186 @@ Suna's powerful toolkit includes seamless browser automation to navigate the web
</div>
## Table of Contents
## 🌟 What Makes Kortix Special
- [Suna Architecture](#project-architecture)
- [Backend API](#backend-api)
- [Frontend](#frontend)
- [Agent Docker](#agent-docker)
- [Supabase Database](#supabase-database)
- [Use Cases](#use-cases)
- [Self-Hosting](#self-hosting)
- [Acknowledgements](#acknowledgements)
- [License](#license)
### 🤖 Includes Suna – Flagship Generalist AI Worker
Meet Suna, our showcase agent that demonstrates the full power of the Kortix platform. Through natural conversation, Suna handles research, data analysis, browser automation, file management, and complex workflows – showing you what's possible when you build with Kortix.
## Project Architecture
### 🔧 Build Custom Suna-Type Agents
Create your own specialized agents tailored to specific domains, workflows, or business needs. Whether you need agents for customer service, data processing, content creation, or industry-specific tasks, Kortix provides the infrastructure and tools to build, deploy, and scale them.
### 🚀 Complete Platform Capabilities
- **Browser Automation**: Navigate websites, extract data, fill forms, automate web workflows
- **File Management**: Create, edit, and organize documents, spreadsheets, presentations, code
- **Web Intelligence**: Crawling, search capabilities, data extraction and synthesis
- **System Operations**: Command-line execution, system administration, DevOps tasks
- **API Integrations**: Connect with external services and automate cross-platform workflows
- **Agent Builder**: Visual tools to configure, customize, and deploy agents
## 📋 Table of Contents
- [🌟 What Makes Kortix Special](#-what-makes-kortix-special)
- [🎯 Agent Examples & Use Cases](#-agent-examples--use-cases)
- [🏗️ Platform Architecture](#️-platform-architecture)
- [🚀 Quick Start](#-quick-start)
- [🏠 Self-Hosting](#-self-hosting)
- [🤝 Contributing](#-contributing)
- [📄 License](#-license)
## 🎯 Agent Examples & Use Cases
### Suna - Your Generalist AI Worker
Suna demonstrates the full capabilities of the Kortix platform as a versatile AI worker that can:
**🔍 Research & Analysis**
- Conduct comprehensive web research across multiple sources
- Analyze documents, reports, and datasets
- Synthesize information and create detailed summaries
- Market research and competitive intelligence
**🌐 Browser Automation**
- Navigate complex websites and web applications
- Extract data from multiple pages automatically
- Fill forms and submit information
- Automate repetitive web-based workflows
**📁 File & Document Management**
- Create and edit documents, spreadsheets, presentations
- Organize and structure file systems
- Convert between different file formats
- Generate reports and documentation
**📊 Data Processing & Analysis**
- Clean and transform datasets from various sources
- Perform statistical analysis and create visualizations
- Monitor KPIs and generate insights
- Integrate data from multiple APIs and databases
**⚙️ System Administration**
- Execute command-line operations safely
- Manage system configurations and deployments
- Automate DevOps workflows
- Monitor system health and performance
### Build Your Own Specialized Agents
The Kortix platform enables you to create agents tailored to specific needs:
**🎧 Customer Service Agents**
- Handle support tickets and FAQ responses
- Manage user onboarding and training
- Escalate complex issues to human agents
- Track customer satisfaction and feedback
**✍️ Content Creation Agents**
- Generate marketing copy and social media posts
- Create technical documentation and tutorials
- Develop educational content and training materials
- Maintain content calendars and publishing schedules
**📈 Sales & Marketing Agents**
- Qualify leads and manage CRM systems
- Schedule meetings and follow up with prospects
- Create personalized outreach campaigns
- Generate sales reports and forecasts
**🔬 Research & Development Agents**
- Conduct academic and scientific research
- Monitor industry trends and innovations
- Analyze patents and competitive landscapes
- Generate research reports and recommendations
**🏭 Industry-Specific Agents**
- Healthcare: Patient data analysis, appointment scheduling
- Finance: Risk assessment, compliance monitoring
- Legal: Document review, case research
- Education: Curriculum development, student assessment
Each agent can be configured with custom tools, workflows, knowledge bases, and integrations specific to your requirements.
## 🏗️ Platform Architecture
![Architecture Diagram](docs/images/diagram.png)
Suna consists of four main components:
Kortix consists of four main components that work together to provide a complete AI agent development platform:
### Backend API
### 🔧 Backend API
Python/FastAPI service that powers the agent platform with REST endpoints, thread management, agent orchestration, and LLM integration with Anthropic, OpenAI, and others via LiteLLM. Includes agent builder tools, workflow management, and extensible tool system.
Python/FastAPI service that handles REST endpoints, thread management, and LLM integration with Anthropic, and others via LiteLLM.
### 🖥️ Frontend Dashboard
Next.js/React application providing a comprehensive agent management interface with chat interfaces, agent configuration dashboards, workflow builders, monitoring tools, and deployment controls.
### Frontend
### 🐳 Agent Runtime
Isolated Docker execution environments for each agent instance featuring browser automation, code interpreter, file system access, tool integration, security sandboxing, and scalable agent deployment.
Next.js/React application providing a responsive UI with chat interface, dashboard, etc.
### 🗄️ Database & Storage
Supabase-powered data layer handling authentication, user management, agent configurations, conversation history, file storage, workflow state, analytics, and real-time subscriptions for live agent monitoring.
### Agent Docker
## 🚀 Quick Start
Isolated execution environment for every agent - with browser automation, code interpreter, file system access, tool integration, and security features.
### Supabase Database
Handles data persistence with authentication, user management, conversation history, file storage, agent state, analytics, and real-time subscriptions.
## Use Cases
1. **Competitor Analysis** ([Watch](https://www.suna.so/share/5ee791ac-e19c-4986-a61c-6d0659d0e5bc)) - _"Analyze the market for my next company in the healthcare industry, located in the UK. Give me the major players, their market size, strengths, and weaknesses, and add their website URLs. Once done, generate a PDF report."_
2. **VC List** ([Watch](https://www.suna.so/share/804d20a3-cf1c-4adb-83bb-0e77cc6adeac)) - _"Give me the list of the most important VC Funds in the United States based on Assets Under Management. Give me website URLs, and if possible an email to reach them out."_
3. **Looking for Candidates** ([Watch](https://www.suna.so/share/3ae581b0-2db8-4c63-b324-3b8d29762e74)) - _"Go on LinkedIn, and find me 10 profiles available - they are not working right now - for a junior software engineer position, who are located in Munich, Germany. They should have at least one bachelor's degree in Computer Science or anything related to it, and 1-year of experience in any field/role."_
4. **Planning Company Trip** ([Watch](https://www.suna.so/share/725e64a0-f1e2-4bb6-8a1f-703c2833fd72)) - _"Generate me a route plan for my company. We should go to California. We'll be in 8 people. Compose the trip from the departure (Paris, France) to the activities we can do considering that the trip will be 7 days long - departure on the 21st of Apr 2025. Check the weather forecast and temperature for the upcoming days, and based on that, you can plan our activities (outdoor vs indoor)."_
5. **Working on Excel** ([Watch](https://www.suna.so/share/128f23a4-51cd-42a6-97a0-0b458b32010e)) - _"My company asked me to set up an Excel spreadsheet with all the information about Italian lottery games (Lotto, 10eLotto, and Million Day). Based on that, generate and send me a spreadsheet with all the basic information (public ones)."_
6. **Automate Event Speaker Prospecting** ([Watch](https://www.suna.so/share/7a7592ea-ed44-4c69-bcb5-5f9bb88c188c)) - _"Find 20 AI ethics speakers from Europe who've spoken at conferences in the past year. Scrapes conference sites, cross-references LinkedIn and YouTube, and outputs contact info + talk summaries."_
7. **Summarize and Cross-Reference Scientific Papers** ([Watch](https://www.suna.so/share/c2081b3c-786e-4e7c-9bf4-46e9b23bb662)) - _"Research and compare scientific papers talking about Alcohol effects on our bodies during the last 5 years. Generate a report about the most important scientific papers talking about the topic I wrote before."_
8. **Research + First Contact Draft** ([Watch](https://www.suna.so/share/6b6296a6-8683-49e5-9ad0-a32952d12c44)) - _"Research my potential customers (B2B) on LinkedIn. They should be in the clean tech industry. Find their websites and their email addresses. After that, based on the company profile, generate a personalized first contact email where I present my company which is offering consulting services to cleantech companies to maximize their profits and reduce their costs."_
9. **SEO Analysis** ([Watch](https://www.suna.so/share/43491cb0-cd6c-45f0-880c-66ddc8c4b842)) - _"Based on my website suna.so, generate an SEO report analysis, find top-ranking pages by keyword clusters, and identify topics I'm missing."_
10. **Generate a Personal Trip** ([Watch](https://www.suna.so/share/37b31907-8349-4f63-b0e5-27ca597ed02a)) - _"Generate a personal trip to London, with departure from Bangkok on the 1st of May. The trip will last 10 days. Find an accommodation in the center of London, with a rating on Google reviews of at least 4.5. Find me interesting outdoor activities to do during the journey. Generate a detailed itinerary plan."_
11. **Recently Funded Startups** ([Watch](https://www.suna.so/share/8b2a897e-985a-4d5e-867b-15239274f764)) - _"Go on Crunchbase, Dealroom, and TechCrunch, filter by Series A funding rounds in the SaaS Finance Space, and build a report with company data, founders, and contact info for outbound sales."_
12. **Scrape Forum Discussions** ([Watch](https://www.suna.so/share/7d7a5d93-a20d-48b0-82cc-e9a876e9fd04)) - _"I need to find the best beauty centers in Rome, but I want to find them by using open forums that speak about this topic. Go on Google, and scrape the forums by looking for beauty center discussions located in Rome. Then generate a list of 5 beauty centers with the best comments about them."_
## Self-Hosting
Suna can be self-hosted on your own infrastructure using our comprehensive setup wizard. For a complete guide to self-hosting Suna, please refer to our [Self-Hosting Guide](./docs/SELF-HOSTING.md).
The setup process includes:
- Setting up a Supabase project for database and authentication
- Configuring Redis for caching and session management
- Setting up Daytona for secure agent execution
- Integrating with LLM providers (Anthropic, OpenAI, OpenRouter, etc.)
- Configuring web search and scraping capabilities (Tavily, Firecrawl)
- Setting up QStash for background job processing and workflows
- Configuring webhook handling for automated tasks
- Optional integrations (RapidAPI for data providers)
### Quick Start
1. **Clone the repository**:
Get your Kortix platform running in minutes with our automated setup wizard:
### 1️⃣ Clone the Repository
```bash
git clone https://github.com/kortix-ai/suna.git
cd suna
```
2. **Run the setup wizard**:
### 2️⃣ Run the Setup Wizard
```bash
python setup.py
```
The wizard will guide you through 14 steps with progress saving, so you can resume if interrupted.
3. **Start or stop the containers**:
### 3️⃣ Start the Platform
```bash
python start.py
```
### Manual Setup
That's it! Your Kortix platform will be running with Suna ready to assist you.
See the [Self-Hosting Guide](./docs/SELF-HOSTING.md) for detailed manual setup instructions.
## 🏠 Self-Hosting
The wizard will guide you through all necessary steps to get your Suna instance up and running. For detailed instructions, troubleshooting tips, and advanced configuration options, see the [Self-Hosting Guide](./docs/SELF-HOSTING.md).
Kortix can be self-hosted on your own infrastructure using our comprehensive setup wizard, giving you complete control over your AI agent platform. For a complete guide to self-hosting Kortix, please refer to our [Self-Hosting Guide](./docs/SELF-HOSTING.md).
## Contributing
### 🔧 Setup Process Includes
We welcome contributions from the community! Please see our [Contributing Guide](./CONTRIBUTING.md) for more details.
- **🏗️ Infrastructure**: Supabase project setup for database and authentication
- **⚡ Performance**: Redis configuration for caching and session management
- **🛡️ Security**: Daytona setup for secure agent execution environments
- **🤖 AI Integration**: LLM providers (Anthropic, OpenAI, OpenRouter, etc.)
- **🌐 Web Capabilities**: Search and scraping (Tavily, Firecrawl)
- **📋 Workflows**: QStash for background job processing
- **🔗 Automation**: Webhook handling for automated tasks
- **📊 Data Sources**: Optional RapidAPI integrations
## Acknowledgements
### 📚 Manual Setup
### Main Contributors
For advanced users who prefer manual configuration, see the [Self-Hosting Guide](./docs/SELF-HOSTING.md) for detailed manual setup instructions.
- [Adam Cohen Hillel](https://x.com/adamcohenhillel)
- [Dat-lequoc](https://x.com/datlqqq)
- [Marko Kraemer](https://twitter.com/markokraemer)
The wizard will guide you through all necessary steps to get your Kortix platform up and running. For detailed instructions, troubleshooting tips, and advanced configuration options, see the [Self-Hosting Guide](./docs/SELF-HOSTING.md).
### Technologies
## 🤝 Contributing
- [Daytona](https://daytona.io/) - Secure agent execution environment
- [Supabase](https://supabase.com/) - Database and authentication
- [Playwright](https://playwright.dev/) - Browser automation
- [OpenAI](https://openai.com/) - LLM provider
- [Anthropic](https://www.anthropic.com/) - LLM provider
- [Morph](https://morphllm.com/) - For AI-powered code editing
- [Tavily](https://tavily.com/) - Search capabilities
- [Firecrawl](https://firecrawl.dev/) - Web scraping capabilities
- [QStash](https://upstash.com/qstash) - Background job processing and workflows
- [RapidAPI](https://rapidapi.com/) - API services
- Custom MCP servers - Extend functionality with custom tools
We welcome contributions from the community! Whether you're fixing bugs, adding features, or improving documentation, your help makes Kortix better for everyone.
## License
Please see our [Contributing Guide](./CONTRIBUTING.md) for more details on:
- How to set up your development environment
- Code style and standards
- Pull request process
- Community guidelines
Kortix Suna is licensed under the Apache License, Version 2.0. See [LICENSE](./LICENSE) for the full license text.
## 📄 License
Kortix is licensed under the Apache License, Version 2.0. See [LICENSE](./LICENSE) for the full license text.
---
<div align="center">
**Ready to build your first AI agent?**
[Get Started](./docs/SELF-HOSTING.md) • [Join Discord](https://discord.gg/Py6pCBUUPw) • [Follow on Twitter](https://x.com/kortixai)
</div>

4
backend/agent/agent_builder_prompt.py
View File

@ -1,8 +1,8 @@
import datetime
AGENT_BUILDER_SYSTEM_PROMPT = f"""You are an AI Agent Builder Assistant developed by team Suna - think of yourself as a friendly, knowledgeable guide who's genuinely excited to help users create amazing AI agents! 🚀
AGENT_BUILDER_SYSTEM_PROMPT = f"""You are an AI Worker Builder Assistant developed by team Suna - think of yourself as a friendly, knowledgeable guide who's genuinely excited to help users create amazing AI Workers! 🚀
Your mission is to transform ideas into powerful, working AI agents that genuinely make people's lives easier and more productive.
Your mission is to transform ideas into powerful, working AI Workers that genuinely make people's lives easier and more productive.
## SYSTEM INFORMATION
- BASE ENVIRONMENT: Python 3.11 with Debian Linux (slim)

2
backend/agent/gemini_prompt.py
View File

@ -1,7 +1,7 @@
import datetime
SYSTEM_PROMPT = f"""
You are Suna.so, an autonomous AI Agent created by the Kortix team.
You are Suna.so, an autonomous AI Worker created by the Kortix team.
# 1. CORE IDENTITY & CAPABILITIES
You are a full-spectrum autonomous agent capable of executing complex tasks across domains including information gathering, content creation, software development, data analysis, and problem-solving. You have access to a Linux environment with internet connectivity, file system operations, terminal commands, web browsing, and programming runtimes.

2
backend/agent/prompt.py
View File

@ -1,7 +1,7 @@
import datetime
SYSTEM_PROMPT = f"""
You are Suna.so, an autonomous AI Agent created by the Kortix team.
You are Suna.so, an autonomous AI Worker created by the Kortix team.
# 1. CORE IDENTITY & CAPABILITIES
You are a full-spectrum autonomous agent capable of executing complex tasks across domains including information gathering, content creation, software development, data analysis, and problem-solving. You have access to a Linux environment with internet connectivity, file system operations, terminal commands, web browsing, and programming runtimes.

2
backend/pyproject.toml
View File

@ -1,7 +1,7 @@
[project]
name = "suna"
version = "1.0"
description = "open source generalist AI Agent"
description = "open source generalist AI Worker"
authors = [{ name = "marko-kraemer", email = "mail@markokraemer.com" }]
readme = "README.md"
license = { text = "Apache-2.0" }

4
backend/supabase/email-template.html
View File

@ -25,7 +25,7 @@
</h1>
<p style="font-size: 16px; line-height: 24px; color: #6b7280; margin-bottom: 32px; text-align: center;">
Thank you for signing up! Suna, your AI Employee, is ready to assist you. Please confirm your email to get started.
Thank you for signing up! Suna, your AI Worker, is ready to assist you. Please confirm your email to get started.
</p>
<div style="text-align: center; margin-bottom: 32px;">
@ -65,7 +65,7 @@
<tr>
<td style="padding: 20px 30px; text-align: center;">
<p style="font-size: 12px; color: #9ca3af; margin: 0;">
Kortix AI — <span style="color: #155dfc;">Suna</span>, your AI Employee
Kortix AI — <span style="color: #155dfc;">Suna</span>, your AI Worker
</p>
</td>
</tr>

2
docs/SELF-HOSTING.md
View File

@ -1,6 +1,6 @@
# Suna Self-Hosting Guide
This guide provides detailed instructions for setting up and hosting your own instance of Suna, an open-source generalist AI agent.
This guide provides detailed instructions for setting up and hosting your own instance of Suna, an open-source generalist AI Worker.
## Table of Contents

4
docs/images/architecture_diagram.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 629 KiB

2
frontend/README.md
View File

@ -1,4 +1,4 @@
# Suna Frontend
# Kortix Frontend
## Quick Setup

4
frontend/package-lock.json generated
View File

@ -1,11 +1,11 @@
{
"name": "suna",
"name": "Kortix",
"version": "0.1.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "suna",
"name": "Kortix",
"version": "0.1.0",
"dependencies": {
"@calcom/embed-react": "^1.5.2",

2
frontend/package.json
View File

@ -1,5 +1,5 @@
{
"name": "suna",
"name": "Kortix",
"version": "0.1.0",
"private": true,
"scripts": {

493
frontend/src/app/enterprise/page.tsx Normal file
View File

@ -0,0 +1,493 @@
'use client';
import { useState } from 'react';
import { useRouter } from 'next/navigation';
import { SectionHeader } from '@/components/home/section-header';
import { FooterSection } from '@/components/home/sections/footer-section';
import { motion } from 'motion/react';
import {
ArrowRight,
ArrowLeft,
Check,
Clock,
Shield,
Users,
Zap,
Star,
Calendar,
Headphones,
Settings,
TrendingUp,
Sparkles
} from 'lucide-react';
import Link from 'next/link';
import { Button } from '@/components/ui/button';
import { KortixEnterpriseModal } from '@/components/sidebar/kortix-enterprise-modal';
import { KortixLogo } from '@/components/sidebar/kortix-logo';
// Floating Back Button Component
const FloatingBackButton = () => {
const router = useRouter();
const handleBack = () => {
router.back();
};
return (
<motion.div
className="fixed top-6 left-6 z-50"
initial={{ opacity: 0, x: -20 }}
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.3 }}
>
<Button
variant="outline"
size="sm"
onClick={handleBack}
className="bg-background/80 backdrop-blur-md border-border/50 hover:bg-accent/50 shadow-lg"
>
<ArrowLeft className="w-4 h-4 mr-2" />
Back
</Button>
</motion.div>
);
};
// Hero Section Component
const CustomHeroSection = () => {
return (
<section className="w-full relative overflow-hidden">
<div className="relative flex flex-col items-center w-full px-6">
<div className="relative z-10 pt-32 mx-auto h-full w-full max-w-6xl flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center gap-6 pt-12 max-w-4xl mx-auto">
{/* Kortix Logo */}
<div className="mb-8">
<KortixLogo size={48} />
</div>
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-primary/10 to-secondary/10 border border-primary/20">
<Sparkles className="w-4 h-4 text-primary" />
<span className="text-sm font-medium text-primary">Enterprise Implementation Services</span>
</div>
<h1 className="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-medium tracking-tighter text-balance text-center">
<span className="text-primary">Enterprise AI Workers.</span>
<br />
<span className="text-secondary">Delivered in days.</span>
</h1>
<p className="text-lg md:text-xl text-center text-muted-foreground font-medium text-balance leading-relaxed tracking-tight max-w-3xl">
Skip the learning curve. Our AI specialists design, develop and deploy enterprise-grade AI workers that integrate seamlessly with your operations.
</p>
<div className="flex flex-col items-center gap-6 pt-6">
<KortixEnterpriseModal>
<Button size="lg">
<Calendar className="w-4 h-4 mr-2" />
Schedule Strategy Call
<ArrowRight className="w-4 h-4 ml-2" />
</Button>
</KortixEnterpriseModal>
<div className="flex flex-col sm:flex-row items-center gap-4 text-sm text-muted-foreground">
<div className="flex items-center gap-2">
<div className="w-2 h-2 rounded-full bg-primary"></div>
<span>Free consultation</span>
</div>
<div className="flex items-center gap-2">
<div className="w-2 h-2 rounded-full bg-primary"></div>
<span>Custom solution design</span>
</div>
<div className="flex items-center gap-2">
<div className="w-2 h-2 rounded-full bg-primary"></div>
<span>Tailored pricing</span>
</div>
</div>
</div>
</div>
</div>
<div className="mb-16 sm:mt-32 mx-auto"></div>
</div>
</section>
);
};
// Value Proposition Section
const ValuePropSection = () => {
return (
<section className="flex flex-col items-center justify-center w-full relative">
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
When Standard Solutions Fall Short
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Professional implementation services designed for organizations with unique requirements and mission-critical automation needs.
</p>
</SectionHeader>
<div className="grid grid-cols-1 md:grid-cols-2 border-t border-border">
<div className="p-8 border-r border-border">
<div className="space-y-6">
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
<Clock className="w-6 h-6 text-primary" />
</div>
<div>
<h3 className="text-xl font-semibold mb-3">Accelerate Time-to-Value</h3>
<p className="text-muted-foreground leading-relaxed">
Bypass months of development cycles. Our proven methodology delivers enterprise-ready AI workers in a fraction of the time, letting you focus on strategy instead of implementation.
</p>
</div>
</div>
</div>
<div className="p-8">
<div className="space-y-6">
<div className="w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center">
<Settings className="w-6 h-6 text-secondary" />
</div>
<div>
<h3 className="text-xl font-semibold mb-3">Enterprise Integration</h3>
<p className="text-muted-foreground leading-relaxed">
Designed for sophisticated business processes requiring seamless integration with legacy systems, compliance frameworks, and industry-specific requirements.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
);
};
// Implementation Process Section
const ProcessSection = () => {
const steps = [
{
icon: <Users className="w-8 h-8" />,
title: "Strategic Analysis",
description: "Solution architects conduct comprehensive business analysis, workflow mapping, and technical requirements gathering to design optimal AI worker architecture for your organization.",
phase: "Discovery"
},
{
icon: <Zap className="w-8 h-8" />,
title: "Engineering Excellence",
description: "Full-stack development with enterprise security, scalability design, comprehensive testing, performance optimization, and seamless integration with existing systems.",
phase: "Build"
},
{
icon: <Shield className="w-8 h-8" />,
title: "Enterprise Support",
description: "Dedicated success management, comprehensive training programs, continuous performance monitoring, optimization services, and satisfaction guarantee with full accountability.",
phase: "Scale"
}
];
return (
<section className="flex flex-col items-center justify-center w-full relative">
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
Our Implementation Methodology
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
A proven three-phase approach that transforms your vision into production-ready AI workers
</p>
</SectionHeader>
<div className="border-t border-border">
{steps.map((step, index) => (
<motion.div
key={index}
className={`flex flex-col md:flex-row gap-8 p-8 ${index !== steps.length - 1 ? 'border-b border-border' : ''}`}
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: index * 0.1 }}
viewport={{ once: true }}
>
<div className="flex-shrink-0">
<div className="w-16 h-16 rounded-2xl bg-gradient-to-br from-primary/20 to-secondary/20 flex items-center justify-center text-primary border border-primary/20">
{step.icon}
</div>
</div>
<div className="flex-1 space-y-3">
<div className="flex items-center gap-3">
<h3 className="text-xl font-semibold">{step.title}</h3>
<span className="px-3 py-1 text-xs font-medium bg-secondary/10 text-secondary rounded-full">
{step.phase}
</span>
</div>
<p className="text-muted-foreground leading-relaxed">
{step.description}
</p>
</div>
</motion.div>
))}
</div>
</div>
</div>
</section>
);
};
// Benefits Section
const BenefitsSection = () => {
const benefits = [
"Dedicated solution architect and technical lead for your project",
"Enterprise-grade AI worker design with scalability considerations",
"White-glove support with dedicated success manager",
"Comprehensive team training and knowledge transfer",
"Quarterly business reviews and performance optimization",
"Deep integration with existing technology stack and workflows"
];
return (
<section className="flex flex-col items-center justify-center w-full relative">
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
Enterprise-Grade Implementation
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Premium service tier with dedicated resources and tailored solutions for complex organizational needs
</p>
</SectionHeader>
<div className="border-t border-border p-8">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{benefits.map((benefit, index) => (
<motion.div
key={index}
className="flex items-start gap-3 p-4 rounded-lg hover:bg-accent/20 transition-colors"
initial={{ opacity: 0, x: -20 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: index * 0.1 }}
viewport={{ once: true }}
>
<div className="flex-shrink-0 w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center mt-0.5">
<Check className="w-3 h-3 text-primary" />
</div>
<p className="text-sm font-medium leading-relaxed">{benefit}</p>
</motion.div>
))}
</div>
</div>
</div>
</div>
</section>
);
};
// Testimonials Section
const TestimonialsSection = () => {
const testimonials = [
{
quote: "The implementation team transformed our entire workflow. Their expertise in enterprise AI deployment is unmatched.",
author: "Sarah Chen",
company: "TechFlow Industries",
avatar: "🚀"
},
{
quote: "ROI was evident within the first month. The AI workers handle our most complex processes flawlessly.",
author: "Marcus Rodriguez",
company: "Global Manufacturing Corp",
avatar: "💡"
},
{
quote: "Outstanding technical depth and business understanding. They delivered exactly what we envisioned.",
author: "Dr. Amanda Foster",
company: "Research Dynamics LLC",
avatar: "⭐"
},
{
quote: "Professional, reliable, and innovative. The custom solution exceeded our expectations completely.",
author: "James Wellington",
company: "Strategic Ventures Group",
avatar: "🎯"
}
];
return (
<section className="flex flex-col items-center justify-center w-full relative">
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
Client Success Stories
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Organizations that have transformed their operations with our enterprise implementation services
</p>
</SectionHeader>
<div className="border-t border-border">
<div className="grid grid-cols-1 md:grid-cols-2 gap-0">
{testimonials.map((testimonial, index) => (
<motion.div
key={index}
className={`p-8 ${index % 2 === 0 ? 'md:border-r border-border' : ''} ${index < 2 ? 'border-b border-border' : ''}`}
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: index * 0.1 }}
viewport={{ once: true }}
>
<div className="space-y-4">
<div className="flex items-center gap-1">
{[...Array(5)].map((_, i) => (
<Star key={i} className="w-4 h-4 fill-primary text-primary" />
))}
</div>
<blockquote className="text-lg font-medium leading-relaxed">
"{testimonial.quote}"
</blockquote>
<div className="flex items-center gap-3">
<div className="w-10 h-10 rounded-full bg-accent flex items-center justify-center text-lg">
{testimonial.avatar}
</div>
<div>
<p className="font-semibold">{testimonial.author}</p>
<p className="text-sm text-muted-foreground">{testimonial.company}</p>
</div>
</div>
</div>
</motion.div>
))}
</div>
</div>
</div>
</div>
</section>
);
};
// Self-Service Alternative Section
const SelfServiceSection = () => {
return (
<section className="flex flex-col items-center justify-center w-full relative">
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
Self-Service Alternative
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Explore our platform independently with comprehensive resources and community support
</p>
</SectionHeader>
<div className="grid grid-cols-1 md:grid-cols-2 border-t border-border">
<div className="p-8 border-r border-border space-y-6">
<div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
<TrendingUp className="w-6 h-6 text-primary" />
</div>
<div>
<h3 className="text-xl font-semibold mb-3">Learning Center</h3>
<p className="text-muted-foreground leading-relaxed mb-4">
Master AI worker development through structured courses, detailed documentation, and hands-on tutorials.
</p>
<Button variant="outline" className="rounded-full">
Start Learning
<ArrowRight className="w-4 h-4 ml-2" />
</Button>
</div>
</div>
<div className="p-8 space-y-6">
<div className="w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center">
<Headphones className="w-6 h-6 text-secondary" />
</div>
<div>
<h3 className="text-xl font-semibold mb-3">Developer Community</h3>
<p className="text-muted-foreground leading-relaxed mb-4">
Connect with engineers, solution architects, and other professionals building enterprise AI solutions.
</p>
<Button variant="outline" className="rounded-full">
Join Community
<ArrowRight className="w-4 h-4 ml-2" />
</Button>
</div>
</div>
</div>
</div>
</div>
</section>
);
};
// Final CTA Section
const FinalCTASection = () => {
return (
<section className="flex flex-col items-center justify-center w-full relative">
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
Ready to Transform Your Operations?
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Let's discuss your specific requirements and design a custom AI implementation strategy for your organization.
</p>
</SectionHeader>
<div className="border-t border-border p-8">
<div className="text-center space-y-6">
<div className="space-y-4">
<div className="space-y-6">
<KortixEnterpriseModal>
<Button size="lg">
<Calendar className="w-4 h-4 mr-2" />
Book Your Strategy Session
<ArrowRight className="w-4 h-4 ml-2" />
</Button>
</KortixEnterpriseModal>
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 text-center max-w-2xl mx-auto">
<div className="flex flex-col items-center gap-2 p-4 rounded-lg bg-accent/20">
<Shield className="w-6 h-6 text-primary" />
<span className="text-sm font-medium">100% Satisfaction</span>
<span className="text-xs text-muted-foreground">Guarantee</span>
</div>
<div className="flex flex-col items-center gap-2 p-4 rounded-lg bg-accent/20">
<Users className="w-6 h-6 text-primary" />
<span className="text-sm font-medium">Enterprise Support</span>
<span className="text-xs text-muted-foreground">Dedicated team</span>
</div>
<div className="flex flex-col items-center gap-2 p-4 rounded-lg bg-accent/20">
<Settings className="w-6 h-6 text-primary" />
<span className="text-sm font-medium">Custom Pricing</span>
<span className="text-xs text-muted-foreground">Tailored to needs</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
);
};
// Main Page Component
export default function CustomImplementationPage() {
return (
<main className="flex flex-col items-center justify-center min-h-screen w-full">
<FloatingBackButton />
<div className="w-full divide-y divide-border">
<CustomHeroSection />
<ValuePropSection />
<ProcessSection />
<BenefitsSection />
{/* <TestimonialsSection /> */}
{/* <SelfServiceSection /> */}
<FinalCTASection />
<FooterSection />
</div>
</main>
);
}

14
frontend/src/app/layout.tsx
View File

@ -31,7 +31,7 @@ export const metadata: Metadata = {
template: `%s - ${siteConfig.name}`,
},
description:
'Suna is a fully open source AI assistant that helps you accomplish real-world tasks with ease. Through natural conversation, Suna becomes your digital companion for research, data analysis, and everyday challenges.',
'Kortix is a fully open source AI assistant that helps you accomplish real-world tasks with ease. Through natural conversation, Kortix becomes your digital companion for research, data analysis, and everyday challenges.',
keywords: [
'AI',
'artificial intelligence',
@ -45,9 +45,9 @@ export const metadata: Metadata = {
],
authors: [{ name: 'Kortix Team', url: 'https://suna.so' }],
creator:
'Kortix Team - Adam Cohen Hillel, Marko Kraemer, Domenico Gagliardi, and Quoc Dat Le',
'Kortix Team',
publisher:
'Kortix Team - Adam Cohen Hillel, Marko Kraemer, Domenico Gagliardi, and Quoc Dat Le',
'Kortix Team',
category: 'Technology',
applicationName: 'Suna',
formatDetection: {
@ -64,7 +64,7 @@ export const metadata: Metadata = {
},
},
openGraph: {
title: 'Suna - Open Source Generalist AI Agent',
title: 'Suna - Open Source Generalist AI Worker',
description:
'Suna is a fully open source AI assistant that helps you accomplish real-world tasks with ease through natural conversation.',
url: siteConfig.url,
@ -74,7 +74,7 @@ export const metadata: Metadata = {
url: '/banner.png',
width: 1200,
height: 630,
alt: 'Suna - Open Source Generalist AI Agent',
alt: 'Suna - Open Source Generalist AI Worker',
type: 'image/png',
},
],
@ -83,7 +83,7 @@ export const metadata: Metadata = {
},
twitter: {
card: 'summary_large_image',
title: 'Suna - Open Source Generalist AI Agent',
title: 'Suna - Open Source Generalist AI Worker',
description:
'Suna is a fully open source AI assistant that helps you accomplish real-world tasks with ease through natural conversation.',
creator: '@kortixai',
@ -93,7 +93,7 @@ export const metadata: Metadata = {
url: '/banner.png',
width: 1200,
height: 630,
alt: 'Suna - Open Source Generalist AI Agent',
alt: 'Suna - Open Source Generalist AI Worker',
},
],
},

2
frontend/src/components/agents/custom-agents-page/header.tsx
View File

@ -9,7 +9,7 @@ export const AgentsPageHeader = () => {
<PageHeader icon={Bot}>
<div className="space-y-4">
<div className="text-4xl font-semibold tracking-tight">
<span className="text-primary">AI Agents</span> = <span className="text-primary">AI Employees</span>
<span className="text-primary">AI Workers</span> = <span className="text-primary">AI Workers</span>
</div>
<p className="text-lg text-muted-foreground max-w-2xl mx-auto leading-relaxed">
Explore and create your own custom agents that combine{' '}

4
frontend/src/components/home/data/changelog.ts
View File

@ -6,9 +6,9 @@ export const changeLogData: ChangelogData[] = [
date: "July 2025",
title: "Introducing Custom Agents, Agent Marketplace, and much more!",
description:
"The most significant update for Suna yet. Build, customize, and share AI agents. Connect any service, automate complex workflows, and discover a thriving marketplace of community-built agents.",
"The most significant update for Suna yet. Build, customize, and share AI Workers. Connect any service, automate complex workflows, and discover a thriving marketplace of community-built agents.",
items: [
"Custom Agent Builder - Create specialized AI agents with tailored system prompts and behaviors",
"Custom Agent Builder - Create specialized AI Workers with tailored system prompts and behaviors",
"Model Context Protocol (MCP) Integration - Connect agents to any external service",
"Agent Marketplace - Discover, install, and share agents with the community",
"Visual Workflow Designer - Build complex multi-step workflows with conditional logic",

4
frontend/src/components/home/first-bento-animation.tsx
View File

@ -11,7 +11,7 @@ import { AnimatePresence, motion, useInView } from 'motion/react';
import { useEffect, useRef, useState } from 'react';
export function ReasoningBasic() {
const reasoningText = `Perfect! I'll create an AI agent that monitors your email, automatically categorizes messages, and sends you daily summaries. The agent will also draft responses for common inquiries and flag urgent messages for immediate attention.`;
const reasoningText = `Perfect! I'll create an AI Worker that monitors your email, automatically categorizes messages, and sends you daily summaries. The agent will also draft responses for common inquiries and flag urgent messages for immediate attention.`;
return (
<Reasoning>
@ -70,7 +70,7 @@ export function FirstBentoAnimation() {
}}
>
<p className="text-sm">
I need an AI agent to help manage my email inbox. Can you create
I need an AI Worker to help manage my email inbox. Can you create
one that categorizes messages and drafts responses automatically?
</p>
</motion.div>

5
frontend/src/components/home/nav-menu.tsx
View File

@ -76,6 +76,11 @@ export function NavMenu() {
e: React.MouseEvent<HTMLAnchorElement>,
item: NavItem,
) => {
// If it's an external link (not starting with #), let it navigate normally
if (!item.href.startsWith('#')) {
return;
}
e.preventDefault();
const targetId = item.href.substring(1);

4
frontend/src/components/home/sections/agent-showcase-section.tsx
View File

@ -83,7 +83,7 @@ const CustomAgentCard = () => {
Custom Agent
</p>
<p className="text-sm text-muted-foreground leading-relaxed max-w-xs">
Create a specialized AI agent tailored to your unique business needs and workflow.
Create a specialized AI Worker tailored to your unique business needs and workflow.
</p>
</div>
@ -187,7 +187,7 @@ export function AgentShowcaseSection() {
Build Your AI Team
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Specialized AI agents ready to transform your workflow. Choose from our curated team of experts.
Specialized AI Workers ready to transform your workflow. Choose from our curated team of experts.
</p>
</SectionHeader>

6
frontend/src/components/home/sections/bento-section.tsx
View File

@ -31,17 +31,17 @@ export function BentoSection() {
return (
<section
id="bento"
id="process"
className="flex flex-col items-center justify-center w-full relative"
>
<div className="relative w-full px-6">
<div className="max-w-6xl mx-auto border-l border-r border-border">
<SectionHeader>
<h2 className="text-3xl md:text-4xl font-medium tracking-tighter text-center text-balance pb-1">
Build Your AI Agent in 3 Simple Steps
Build Your AI Worker in 3 Simple Steps
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
From description to deployment, create powerful AI agents that work autonomously in minutes.
From description to deployment, create powerful AI Workers that work autonomously in minutes.
</p>
</SectionHeader>

2
frontend/src/components/home/sections/hero-section.tsx
View File

@ -323,7 +323,7 @@ export function HeroSection() {
<span className="text-secondary">AI Workforce.</span>
</h1>
<p className="text-base md:text-lg text-center text-muted-foreground font-medium text-balance leading-relaxed tracking-tight max-w-2xl">
Kortix – the simplest way to build, manage and train your AI workforce.
Kortix – the simplest way to migrate from human to AI.
</p>
</div>

6
frontend/src/components/home/sections/navbar.tsx
View File

@ -253,6 +253,12 @@ export function Navbar() {
<a
href={item.href}
onClick={(e) => {
// If it's an external link (not starting with #), let it navigate normally
if (!item.href.startsWith('#')) {
setIsDrawerOpen(false);
return;
}
e.preventDefault();
const element = document.getElementById(
item.href.substring(1),

2
frontend/src/components/home/sections/testimonial-section.tsx
View File

@ -16,7 +16,7 @@ export function TestimonialSection() {
Empower Your Workflow with AI
</h2>
<p className="text-muted-foreground text-center text-balance font-medium">
Ask your AI Agent for real-time collaboration, seamless integrations,
Ask your AI Worker for real-time collaboration, seamless integrations,
and actionable insights to streamline your operations.
</p>
</SectionHeader>

22
frontend/src/components/sidebar/cta.tsx
View File

@ -1,6 +1,4 @@
import { Button } from '@/components/ui/button';
import Link from 'next/link';
import { Briefcase, ExternalLink } from 'lucide-react';
import { KortixProcessModal } from '@/components/sidebar/kortix-enterprise-modal';
export function CTACard() {
@ -12,26 +10,18 @@ export function CTACard() {
Enterprise Demo
</span>
<span className="text-xs text-muted-foreground mt-0.5">
AI employees for your company
Request custom AI Agents for enterprise
</span>
</div>
<div>
<KortixProcessModal />
<KortixProcessModal>
<Button className="w-full">
Learn more
</Button>
</KortixProcessModal>
</div>
<div className="flex items-center pt-1 border-t border-blue-200/50 dark:border-blue-800/30 mt-1">
<Link
href="https://www.kortix.ai/careers"
target="_blank"
rel="noopener noreferrer"
className="flex items-center text-xs text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors"
>
<Briefcase className="mr-1.5 h-3.5 w-3.5" />
Join Our Team! 🚀
<ExternalLink className="ml-1 h-3 w-3" />
</Link>
</div>
</div>
</div>
);

136
frontend/src/components/sidebar/kortix-enterprise-modal.tsx
View File

@ -1,5 +1,4 @@
import { useState, useEffect } from 'react';
import { Button } from '@/components/ui/button';
import {
Dialog,
DialogContent,
@ -10,13 +9,28 @@ import { useMediaQuery } from '@/hooks/use-media-query';
import Image from 'next/image';
import Cal, { getCalApi } from '@calcom/embed-react';
import { useTheme } from 'next-themes';
import { Check, Calendar } from 'lucide-react';
export function KortixProcessModal() {
const [open, setOpen] = useState(false);
interface EnterpriseModalProps {
children: React.ReactNode;
open?: boolean;
onOpenChange?: (open: boolean) => void;
}
export function KortixEnterpriseModal({
children,
open: controlledOpen,
onOpenChange: controlledOnOpenChange
}: EnterpriseModalProps) {
const [internalOpen, setInternalOpen] = useState(false);
const isDesktop = useMediaQuery('(min-width: 768px)');
const { resolvedTheme } = useTheme();
const isDarkMode = resolvedTheme === 'dark';
// Use controlled or internal state
const open = controlledOpen !== undefined ? controlledOpen : internalOpen;
const setOpen = controlledOnOpenChange || setInternalOpen;
useEffect(() => {
(async function () {
const cal = await getCalApi({ namespace: 'enterprise-demo' });
@ -24,78 +38,83 @@ export function KortixProcessModal() {
})();
}, []);
const benefits = [
"Dedicated solution architect assigned",
"Enterprise-grade security & compliance",
"Custom integration with existing systems",
"Comprehensive team training included",
"Priority support & ongoing optimization",
"Scalable architecture for growth",
"Performance monitoring & analytics",
"100% satisfaction guarantee"
];
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
<Button variant="default" size="sm" className="w-full text-xs">
Learn More
</Button>
{children}
</DialogTrigger>
<DialogContent className="p-0 gap-0 border-none max-w-[70vw] rounded-xl overflow-hidden">
<DialogContent className="p-0 gap-0 border-none max-w-[90vw] lg:max-w-[80vw] xl:max-w-[70vw] rounded-xl overflow-hidden">
<DialogTitle className="sr-only">
Custom AI Employees for your Business.
Enterprise AI Implementation - Schedule Consultation
</DialogTitle>
<div className="grid grid-cols-1 md:grid-cols-2 h-[800px]">
{/* Info Panel */}
<div className="p-8 flex flex-col bg-white dark:bg-black relative h-full overflow-y-auto border-r border-gray-200 dark:border-gray-800">
<div className="grid grid-cols-1 lg:grid-cols-2 h-[700px] lg:h-[800px]">
{/* Enhanced Info Panel */}
<div className="p-6 lg:p-8 flex flex-col bg-white dark:bg-black relative h-full overflow-y-auto border-r border-gray-200 dark:border-gray-800">
<div className="relative z-10 flex flex-col h-full">
<div className="mb-8 mt-0 flex-shrink-0">
<div className="mb-6 flex-shrink-0">
<Image
src={
isDarkMode ? '/kortix-logo-white.svg' : '/kortix-logo.svg'
}
src={isDarkMode ? '/kortix-logo-white.svg' : '/kortix-logo.svg'}
alt="Kortix Logo"
width={60}
height={21}
className="h-6 w-auto"
width={80}
height={28}
className="h-7 w-auto"
/>
</div>
<h2 className="text-2xl md:text-3xl font-semibold tracking-tight mb-4 text-foreground flex-shrink-0">
Custom AI Employees for your Business
</h2>
<p className="text-base md:text-lg text-muted-foreground mb-8 max-w-lg flex-shrink-0">
Create custom AI employees for your business based on your human
employees data.
</p>
<div className="mb-6 flex-shrink-0">
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-gradient-to-r from-primary/10 to-secondary/10 border border-primary/20 mb-4">
<div className="w-2 h-2 rounded-full bg-primary"></div>
<span className="text-xs font-medium text-primary">Enterprise Implementation</span>
</div>
<h2 className="text-2xl lg:text-3xl font-semibold tracking-tight mb-3 text-foreground">
Let's Design Your Custom AI Solution
</h2>
<p className="text-base lg:text-lg text-muted-foreground mb-6 leading-relaxed">
Schedule a strategy session with our solution architects to explore how custom AI workers can transform your specific business processes and workflows.
</p>
</div>
<div className="border-t border-gray-200 dark:border-gray-800 pt-6 mt-6 flex-shrink-0">
<p className="text-base font-medium mb-3">Key Benefits</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-y-2 gap-x-4">
<div className="flex items-center">
<div className="w-2 h-2 rounded-full bg-primary mr-2"></div>
<p className="text-sm text-muted-foreground">
Reduce operational costs
</p>
</div>
<div className="flex items-center">
<div className="w-2 h-2 rounded-full bg-primary mr-2"></div>
<p className="text-sm text-muted-foreground">
Increase workflow efficiency
</p>
</div>
<div className="flex items-center">
<div className="w-2 h-2 rounded-full bg-primary mr-2"></div>
<p className="text-sm text-muted-foreground">
Improve task accuracy
</p>
</div>
<div className="flex items-center">
<div className="w-2 h-2 rounded-full bg-primary mr-2"></div>
<p className="text-sm text-muted-foreground">
Scale operations seamlessly
</p>
</div>
<div className="flex items-center">
<div className="w-2 h-2 rounded-full bg-primary mr-2"></div>
<p className="text-sm text-muted-foreground">
24/7 productivity
</p>
<div className="border-t border-gray-200 dark:border-gray-800 pt-6 flex-1">
<h3 className="text-lg font-semibold mb-4 text-foreground">What's Included</h3>
<div className="space-y-3">
{benefits.map((benefit, index) => (
<div key={index} className="flex items-start gap-3">
<div className="flex-shrink-0 w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center mt-0.5">
<Check className="w-3 h-3 text-primary" />
</div>
<p className="text-sm text-muted-foreground leading-relaxed">{benefit}</p>
</div>
))}
</div>
</div>
<div className="border-t border-gray-200 dark:border-gray-800 pt-4 mt-6 flex-shrink-0">
<div className="text-center space-y-2">
<div className="flex items-center justify-center gap-2 text-sm font-medium text-foreground">
<Calendar className="w-4 h-4 text-primary" />
<span>Free Strategy Session</span>
</div>
<p className="text-xs text-muted-foreground">
30-minute consultation • No commitment required
</p>
</div>
</div>
</div>
</div>
{/* Calendar Panel */}
<div className="bg-white dark:bg-[#171717] h-full overflow-hidden">
<div className="h-full overflow-auto">
<Cal
@ -114,3 +133,6 @@ export function KortixProcessModal() {
</Dialog>
);
}
// Export with original name for backwards compatibility
export const KortixProcessModal = KortixEnterpriseModal;

26
frontend/src/lib/home.tsx
View File

@ -59,23 +59,25 @@ export interface PricingTier {
export const siteConfig = {
name: 'Kortix Suna',
description: 'The Generalist AI Agent that can act on your behalf.',
description: 'The Generalist AI Worker that can act on your behalf.',
cta: 'Start Free',
url: process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000',
keywords: ['AI Agent', 'Generalist AI', 'Open Source AI', 'Autonomous Agent'],
keywords: ['AI Worker', 'Generalist AI', 'Open Source AI', 'Autonomous Agent'],
links: {
email: 'support@kortix.ai',
twitter: 'https://x.com/kortixai',
discord: 'https://discord.gg/kortixai',
// discord: 'https://discord.gg/kortixai',
github: 'https://github.com/Kortix-ai/Suna',
instagram: 'https://instagram.com/kortixai',
},
nav: {
links: [
{ id: 1, name: 'Home', href: '#hero' },
{ id: 2, name: 'Use Cases', href: '#use-cases' },
{ id: 3, name: 'Open Source', href: '#open-source' },
{ id: 4, name: 'Pricing', href: '#pricing' },
{ id: 2, name: 'Process', href: '#process' },
// { id: 3, name: 'Use Cases', href: '#use-cases' },
{ id: 4, name: 'Open Source', href: '#open-source' },
{ id: 5, name: 'Pricing', href: '#pricing' },
{ id: 6, name: 'Enterprise', href: '/enterprise' },
],
},
hero: {
@ -107,9 +109,9 @@ export const siteConfig = {
),
badge: '100% OPEN SOURCE',
githubUrl: 'https://github.com/kortix-ai/suna',
title: 'Suna, the AI Employee.',
title: 'Suna, the AI AI Worker.',
description:
'Suna by Kortix – is a generalist AI Agent that acts on your behalf.',
'Suna by Kortix – is a generalist AI Worker that acts on your behalf.',
inputPlaceholder: 'Ask Suna to...',
},
cloudPricingItems: [
@ -544,7 +546,7 @@ export const siteConfig = {
content: <FirstBentoAnimation />,
title: 'Autonomous Task Execution',
description:
'Experience true automation with Suna. Ask your AI Agent to complete tasks, research information, and handle complex workflows with minimal supervision.',
'Experience true automation with Suna. Ask your AI Worker to complete tasks, research information, and handle complex workflows with minimal supervision.',
},
{
id: 2,
@ -1180,9 +1182,9 @@ export const siteConfig = {
faQitems: [
{
id: 1,
question: 'What is an AI Agent?',
question: 'What is an AI Worker?',
answer:
'An AI Agent is an intelligent software program that can perform tasks autonomously, learn from interactions, and make decisions to help achieve specific goals. It combines artificial intelligence and machine learning to provide personalized assistance and automation.',
'An AI Worker is an intelligent software program that can perform tasks autonomously, learn from interactions, and make decisions to help achieve specific goals. It combines artificial intelligence and machine learning to provide personalized assistance and automation.',
},
{
id: 2,
@ -1218,7 +1220,7 @@ export const siteConfig = {
},
ctaSection: {
id: 'cta',
title: 'Launch Your First Agent Today',
title: 'Launch Your First AI Agent Today',
backgroundImage: '/holo.png',
button: {
text: 'Get Started for free',

44
sample_agent_export.json
View File

@ -1,44 +0,0 @@
{
"name": "Research Assistant",
"description": "An AI assistant specialized in conducting research and providing comprehensive analysis",
"system_prompt": "You are a research assistant with expertise in gathering, analyzing, and synthesizing information from various sources. Your approach is thorough and methodical.\n\nKey capabilities:\n- Conduct comprehensive web research\n- Analyze and synthesize information from multiple sources\n- Provide well-structured reports and summaries\n- Fact-check information for accuracy\n- Identify trends and patterns in data\n\nAlways cite your sources and provide evidence-based conclusions.",
"agentpress_tools": {
"web_search": {
"enabled": true,
"description": "Search the web for current information and research"
},
"sb_files": {
"enabled": true,
"description": "Read and write files for research documentation"
},
"code_interpreter": {
"enabled": true,
"description": "Analyze data and create visualizations"
}
},
"configured_mcps": [
{
"name": "filesystem",
"qualifiedName": "@modelcontextprotocol/server-filesystem",
"config": {
"path": "/research-data"
},
"enabledTools": [
"read_file",
"write_file",
"list_directory"
]
}
],
"custom_mcps": [],
"avatar": "🔬",
"avatar_color": "#4F46E5",
"tags": ["research", "analysis", "academic"],
"metadata": {
"category": "productivity",
"use_cases": ["academic research", "market analysis", "fact checking"]
},
"export_version": "1.0",
"exported_at": "2024-01-15T10:30:00.000Z",
"exported_by": "user123"
}

2
sdk/README.md
View File

@ -2,7 +2,7 @@
[![Python](https://img.shields.io/badge/python-3.11+-blue.svg)](https://python.org)
A Python SDK that enables you to create, manage, and interact with AI agents on [Suna](https://suna.so).
A Python SDK that enables you to create, manage, and interact with AI Workers on [Suna](https://suna.so).
## 📦 Installation

4
sdk/__init__.py
View File

@ -1,7 +1,7 @@
"""
Kortix SDK for Suna AI Agent Platform
Kortix SDK for Suna AI Worker Platform
A Python SDK for creating and managing AI agents with thread execution capabilities.
A Python SDK for creating and managing AI Workers with thread execution capabilities.
"""
__version__ = "0.1.0"

2
setup.py
View File

@ -386,7 +386,7 @@ class SetupWizard:
"""Runs the setup wizard."""
print_banner()
print(
"This wizard will guide you through setting up Suna, an open-source generalist AI agent.\n"
"This wizard will guide you through setting up Suna, an open-source generalist AI Worker.\n"
)
# Show current configuration status