|
|
<!DOCTYPE html> |
|
|
<html lang="en" dir="rtl"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>SmartAgent | AI-Powered Digital Agents</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
body { |
|
|
font-family: 'Inter', sans-serif; |
|
|
} |
|
|
.hero-gradient { |
|
|
background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%); |
|
|
} |
|
|
.feature-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.globe-bg { |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
z-index: 0; |
|
|
opacity: 0.3; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
|
|
|
<nav class="bg-white shadow-sm fixed w-full z-10"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 flex items-center"> |
|
|
<i data-feather="cpu" class="text-indigo-600 h-8 w-8"></i> |
|
|
<span class="ml-2 text-xl font-bold text-gray-900">SmartAgent</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
|
|
<a href="#features" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Features</a> |
|
|
<a href="#solutions" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Solutions</a> |
|
|
<a href="#pricing" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Pricing</a> |
|
|
<a href="#contact" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Contact</a> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<a href="#" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700">Get Started</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div id="hero" class="relative hero-gradient pt-32 pb-20 overflow-hidden"> |
|
|
<div id="globe-bg" class="globe-bg"></div> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> |
|
|
<div class="lg:grid lg:grid-cols-12 lg:gap-8"> |
|
|
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left" data-aos="fade-right"> |
|
|
<h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl"> |
|
|
<span class="block">AI Agents That</span> |
|
|
<span class="block text-indigo-200">Work For You</span> |
|
|
</h1> |
|
|
<p class="mt-3 text-base text-indigo-100 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0"> |
|
|
Our intelligent agents automate complex tasks, learn from interactions, and deliver results 24/7. |
|
|
</p> |
|
|
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0"> |
|
|
<div class="flex flex-col sm:flex-row gap-3"> |
|
|
<a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"> |
|
|
Start Free Trial |
|
|
</a> |
|
|
<a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-700 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10"> |
|
|
See Demo |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center" data-aos="fade-left"> |
|
|
<div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md"> |
|
|
<img class="w-full rounded-lg" src="http://static.photos/technology/1024x576/42" alt="AI Agent Dashboard"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="features" class="py-16 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="lg:text-center" data-aos="fade-up"> |
|
|
<h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Features</h2> |
|
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
|
Smarter Automation, Better Results |
|
|
</p> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
|
|
Our agents combine cutting-edge AI with practical business applications. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="mt-20"> |
|
|
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3"> |
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out" data-aos="fade-up" data-aos-delay="100"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
|
<i data-feather="zap"></i> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Real-Time Processing</h3> |
|
|
<p class="mt-2 text-base text-gray-500"> |
|
|
Agents analyze and respond to data in milliseconds, enabling instant decision making. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out" data-aos="fade-up" data-aos-delay="200"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
|
<i data-feather="trending-up"></i> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Continuous Learning</h3> |
|
|
<p class="mt-2 text-base text-gray-500"> |
|
|
Machine learning algorithms improve performance with every interaction. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out" data-aos="fade-up" data-aos-delay="300"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
|
<i data-feather="shield"></i> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Enterprise Security</h3> |
|
|
<p class="mt-2 text-base text-gray-500"> |
|
|
End-to-end encryption and compliance with industry security standards. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out" data-aos="fade-up" data-aos-delay="400"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
|
<i data-feather="git-branch"></i> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Multi-Tasking</h3> |
|
|
<p class="mt-2 text-base text-gray-500"> |
|
|
Handle multiple complex workflows simultaneously without performance degradation. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out" data-aos="fade-up" data-aos-delay="500"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
|
<i data-feather="globe"></i> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Omnichannel</h3> |
|
|
<p class="mt-2 text-base text-gray-500"> |
|
|
Seamless integration across web, mobile, email, and messaging platforms. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out" data-aos="fade-up" data-aos-delay="600"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
|
<i data-feather="bar-chart-2"></i> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Actionable Insights</h3> |
|
|
<p class="mt-2 text-base text-gray-500"> |
|
|
Detailed analytics and reporting to measure performance and ROI. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="solutions" class="py-16 bg-gray-50"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="lg:text-center mb-16" data-aos="fade-up"> |
|
|
<h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Solutions</h2> |
|
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
|
Industry-Specific AI Agents |
|
|
</p> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
|
|
Tailored solutions for your business needs. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden" data-aos="fade-right"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
|
|
<i data-feather="shopping-cart" class="h-6 w-6 text-white"></i> |
|
|
</div> |
|
|
<div class="ml-5 w-0 flex-1"> |
|
|
<h3 class="text-lg font-medium text-gray-900">E-Commerce Agents</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-4"> |
|
|
<p class="text-sm text-gray-500"> |
|
|
Personalized shopping assistants, inventory management, dynamic pricing, and customer service automation. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden" data-aos="fade-left"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
|
|
<i data-feather="dollar-sign" class="h-6 w-6 text-white"></i> |
|
|
</div> |
|
|
<div class="ml-5 w-0 flex-1"> |
|
|
<h3 class="text-lg font-medium text-gray-900">Financial Agents</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-4"> |
|
|
<p class="text-sm text-gray-500"> |
|
|
Fraud detection, algorithmic trading, risk assessment, and personalized financial advice. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden" data-aos="fade-right"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
|
|
<i data-feather="heart" class="h-6 w-6 text-white"></i> |
|
|
</div> |
|
|
<div class="ml-5 w-0 flex-1"> |
|
|
<h3 class="text-lg font-medium text-gray-900">Healthcare Agents</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-4"> |
|
|
<p class="text-sm text-gray-500"> |
|
|
Patient monitoring, diagnosis support, appointment scheduling, and medical research. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden" data-aos="fade-left"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
|
|
<i data-feather="truck" class="h-6 w-6 text-white"></i> |
|
|
</div> |
|
|
<div class="ml-5 w-0 flex-1"> |
|
|
<h3 class="text-lg font-medium text-gray-900">Logistics Agents</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-4"> |
|
|
<p class="text-sm text-gray-500"> |
|
|
Route optimization, inventory tracking, demand forecasting, and automated dispatch. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="py-16 bg-indigo-700"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="lg:text-center mb-12" data-aos="fade-up"> |
|
|
<h2 class="text-base text-indigo-200 font-semibold tracking-wide uppercase">Trusted by</h2> |
|
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl"> |
|
|
What Our Clients Say |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-lg" data-aos="fade-up" data-aos-delay="100"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img class="w-12 h-12 rounded-full" src="http://static.photos/people/200x200/1" alt="Sarah Johnson"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="text-lg font-medium text-gray-900">Sarah Johnson</h4> |
|
|
<p class="text-indigo-600">CTO, TechCorp</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600"> |
|
|
"Our customer service response time improved by 80% after implementing SmartAgent. The AI handles 60% of inquiries without human intervention." |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-lg" data-aos="fade-up" data-aos-delay="200"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img class="w-12 h-12 rounded-full" src="http://static.photos/people/200x200/2" alt="Michael Chen"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="text-lg font-medium text-gray-900">Michael Chen</h4> |
|
|
<p class="text-indigo-600">CEO, Finova</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600"> |
|
|
"The financial analysis agents have transformed our operations. We've reduced errors by 95% and increased processing speed by 10x." |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-lg" data-aos="fade-up" data-aos-delay="300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img class="w-12 h-12 rounded-full" src="http://static.photos/people/200x200/3" alt="Emma Rodriguez"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="text-lg font-medium text-gray-900">Emma Rodriguez</h4> |
|
|
<p class="text-indigo-600">COO, HealthPlus</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600"> |
|
|
"Our patient scheduling system was a nightmare. SmartAgent solved it in weeks, reducing no-shows by 40% and improving patient satisfaction." |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="pricing" class="py-16 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="sm:flex sm:flex-col sm:align-center"> |
|
|
<div class="lg:text-center mb-12" data-aos="fade-up"> |
|
|
<h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Pricing</h2> |
|
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
|
Simple, Transparent Pricing |
|
|
</p> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
|
|
Pay only for what you need. Scale as you grow. |
|
|
</p> |
|
|
</div> |
|
|
<div class="relative self-center mt-6 bg-gray-100 rounded-lg p-0.5 flex sm:mt-8" data-aos="fade-up"> |
|
|
<button type="button" class="relative bg-white border-gray-200 rounded-md shadow-sm py-2 text-sm font-medium text-gray-900 whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:z-10 sm:w-auto sm:px-8"> |
|
|
Monthly billing |
|
|
</button> |
|
|
<button type="button" class="ml-0.5 relative border border-transparent rounded-md py-2 text-sm font-medium text-gray-700 whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:z-10 sm:w-auto sm:px-8"> |
|
|
Yearly billing |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 space-y-4 sm:mt-16 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-6 lg:max-w-4xl lg:mx-auto xl:max-w-none xl:mx-0"> |
|
|
|
|
|
<div class="border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200" data-aos="fade-up" data-aos-delay="100"> |
|
|
<div class="p-6"> |
|
|
<h2 class="text-lg leading-6 font-medium text-gray-900">Starter</h2> |
|
|
<p class="mt-4 text-sm text-gray-500">Perfect for small teams getting started.</p> |
|
|
<p class="mt-8"> |
|
|
<span class="text-4xl font-extrabold text-gray-900">$29</span> |
|
|
<span class="text-base font-medium text-gray-500">/mo</span> |
|
|
</p> |
|
|
<a href="#" class="mt-8 block w-full bg-gray-800 border border-gray-800 rounded-md py-2 text-sm font-semibold text-white text-center hover:bg-gray-900">Get started</a> |
|
|
</div> |
|
|
<div class="pt-6 pb-8 px-6"> |
|
|
<h3 class="text-xs font-medium text-gray-900 tracking-wide uppercase">What's included</h3> |
|
|
<ul class="mt-6 space-y-4"> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">5 agent workflows</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">10,000 API calls/month</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Basic analytics</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Email support</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="border-2 border-indigo-500 rounded-lg shadow-sm divide-y divide-gray-200" data-aos="fade-up" data-aos-delay="200"> |
|
|
<div class="p-6"> |
|
|
<h2 class="text-lg leading-6 font-medium text-gray-900">Professional</h2> |
|
|
<p class="mt-4 text-sm text-gray-500">For growing businesses with more complex needs.</p> |
|
|
<p class="mt-8"> |
|
|
<span class="text-4xl font-extrabold text-gray-900">$99</span> |
|
|
<span class="text-base font-medium text-gray-500">/mo</span> |
|
|
</p> |
|
|
<a href="#" class="mt-8 block w-full bg-indigo-600 border border-indigo-600 rounded-md py-2 text-sm font-semibold text-white text-center hover:bg-indigo-700">Get started</a> |
|
|
</div> |
|
|
<div class="pt-6 pb-8 px-6"> |
|
|
<h3 class="text-xs font-medium text-gray-900 tracking-wide uppercase">What's included</h3> |
|
|
<ul class="mt-6 space-y-4"> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">20 agent workflows</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">100,000 API calls/month</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Advanced analytics</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Priority support</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Custom integrations</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="border border-gray-200 rounded-lg shadow-sm divide-y divide-gray-200" data-aos="fade-up" data-aos-delay="300"> |
|
|
<div class="p-6"> |
|
|
<h2 class="text-lg leading-6 font-medium text-gray-900">Enterprise</h2> |
|
|
<p class="mt-4 text-sm text-gray-500">For organizations with mission-critical needs.</p> |
|
|
<p class="mt-8"> |
|
|
<span class="text-4xl font-extrabold text-gray-900">Custom</span> |
|
|
</p> |
|
|
<a href="#" class="mt-8 block w-full bg-gray-800 border border-gray-800 rounded-md py-2 text-sm font-semibold text-white text-center hover:bg-gray-900">Contact sales</a> |
|
|
</div> |
|
|
<div class="pt-6 pb-8 px-6"> |
|
|
<h3 class="text-xs font-medium text-gray-900 tracking-wide uppercase">What's included</h3> |
|
|
<ul class="mt-6 space-y-4"> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Unlimited workflows</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Custom API limits</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Dedicated infrastructure</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">24/7 premium support</span> |
|
|
</li> |
|
|
<li class="flex space-x-3"> |
|
|
<i data-feather="check" class="h-5 w-5 text-green-500"></i> |
|
|
<span class="text-sm text-gray-500">Custom AI training</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-indigo-700"> |
|
|
<div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8"> |
|
|
<h2 class="text-3xl font-extrabold text-white sm:text-4xl" data-aos="fade-up"> |
|
|
<span class="block">Ready to transform your business?</span> |
|
|
<span class="block">Start your free trial today.</span> |
|
|
</h2> |
|
|
<p class="mt-4 text-lg leading-6 text-indigo-200" data-aos="fade-up" data-aos-delay="100"> |
|
|
No credit card required. Get started in minutes. |
|
|
</p> |
|
|
<a href="#" class="mt-8 w-full inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 sm:w-auto" data-aos="fade-up" data-aos-delay="200"> |
|
|
Sign up for free |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<footer id="contact" class="bg-gray-800"> |
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
|
|
<div class="xl:grid xl:grid-cols-3 xl:gap-8"> |
|
|
<div class="space-y-8 xl:col-span-1"> |
|
|
<div class="flex items-center"> |
|
|
<i data-feather="cpu" class="text-indigo-500 h-8 w-8"></i> |
|
|
<span class="ml-2 text-xl font-bold text-white">SmartAgent</span> |
|
|
</div> |
|
|
<p class="text-gray-300 text-base"> |
|
|
Building the future of intelligent automation, one agent at a time. |
|
|
</p> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i data-feather="twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i data-feather="linkedin"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i data-feather="github"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2"> |
|
|
<div class="md:grid md:grid-cols-2 md:gap-8"> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
|
Product |
|
|
</h3> |
|
|
<ul class="mt-4 space-y-4"> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Features |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Pricing |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
API |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Integrations |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="mt-12 md:mt-0"> |
|
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
|
Company |
|
|
</h3> |
|
|
<ul class="mt-4 space-y-4"> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
About |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Blog |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Careers |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Contact |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:grid md:grid-cols-2 md:gap-8"> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
|
Resources |
|
|
</h3> |
|
|
<ul class="mt-4 space-y-4"> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Documentation |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Guides |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Webinars |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Community |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="mt-12 md:mt-0"> |
|
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
|
Legal |
|
|
</h3> |
|
|
<ul class="mt-4 space-y-4"> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Privacy |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Terms |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Security |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 border-t border-gray-700 pt-8"> |
|
|
<p class="text-base text-gray-400 text-center"> |
|
|
© 2023 SmartAgent Technologies. All rights reserved. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
AOS.init({ |
|
|
duration: 800, |
|
|
easing: 'ease-in-out', |
|
|
once: true |
|
|
}); |
|
|
|
|
|
feather.replace(); |
|
|
|
|
|
|
|
|
VANTA.GLOBE({ |
|
|
el: "#globe-bg", |
|
|
mouseControls: true, |
|
|
touchControls: true, |
|
|
gyroControls: false, |
|
|
minHeight: 200.00, |
|
|
minWidth: 200.00, |
|
|
scale: 1.00, |
|
|
scaleMobile: 1.00, |
|
|
color: 0x6e8efb, |
|
|
backgroundColor: 0x0, |
|
|
size: 1.10 |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
