|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Zentivy | Advanced Data Analytics for Everyone</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.gradient-bg { |
|
|
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); |
|
|
} |
|
|
.pricing-card:hover { |
|
|
transform: scale(1.03); |
|
|
} |
|
|
.dashboard-preview { |
|
|
border-radius: 12px; |
|
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); |
|
|
} |
|
|
.nav-link { |
|
|
position: relative; |
|
|
} |
|
|
.nav-link:after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
width: 0; |
|
|
height: 2px; |
|
|
bottom: -2px; |
|
|
left: 0; |
|
|
background-color: #a777e3; |
|
|
transition: width 0.3s ease; |
|
|
} |
|
|
.nav-link:hover:after { |
|
|
width: 100%; |
|
|
} |
|
|
.active-nav:after { |
|
|
width: 100%; |
|
|
} |
|
|
.scroll-mt-100 { |
|
|
scroll-margin-top: 100px; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans antialiased text-gray-800"> |
|
|
|
|
|
<nav class="fixed w-full bg-white shadow-sm z-50"> |
|
|
<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 class="fas fa-chart-network text-purple-600 text-2xl mr-2"></i> |
|
|
<span class="text-xl font-bold text-gray-900">Zentivy</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
|
|
<a href="#features" class="nav-link text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Features</a> |
|
|
<a href="#solutions" class="nav-link text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Solutions</a> |
|
|
<a href="#pricing" class="nav-link text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Pricing</a> |
|
|
<a href="#docs" class="nav-link text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Docs</a> |
|
|
<a href="#testimonials" class="nav-link text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Testimonials</a> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<a href="#pricing" class="ml-6 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> |
|
|
Get Started |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section class="pt-24 pb-12 md:pt-32 md:pb-20 gradient-bg text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="md:flex md:items-center md:justify-between"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6"> |
|
|
Data Intelligence <br>for Everyone |
|
|
</h1> |
|
|
<p class="text-xl md:text-2xl mb-8 opacity-90"> |
|
|
Unlock powerful insights from your data with our intuitive analytics platform. No PhD required. |
|
|
</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#pricing" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-purple-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> |
|
|
Get Started |
|
|
<i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
<a href="#features" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-transparent hover:bg-white hover:bg-opacity-10 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> |
|
|
Learn More |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 flex justify-center"> |
|
|
<div class="dashboard-preview bg-white p-2 max-w-md"> |
|
|
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Dashboard preview" class="rounded-lg"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-gray-50 py-12"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<p class="text-center text-sm font-semibold uppercase text-gray-500 tracking-wide mb-6"> |
|
|
Trusted by innovative companies worldwide |
|
|
</p> |
|
|
<div class="grid grid-cols-2 gap-8 md:grid-cols-6 lg:grid-cols-5"> |
|
|
<div class="col-span-1 flex justify-center items-center"> |
|
|
<img class="h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple"> |
|
|
</div> |
|
|
<div class="col-span-1 flex justify-center items-center"> |
|
|
<img class="h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage"> |
|
|
</div> |
|
|
<div class="col-span-1 flex justify-center items-center"> |
|
|
<img class="h-12" src="https://tailwindui.com/img/logos/statickit-logo-gray-400.svg" alt="StaticKit"> |
|
|
</div> |
|
|
<div class="col-span-1 flex justify-center items-center"> |
|
|
<img class="h-12" src="https://tailwindui.com/img/logos/transistor-logo-gray-400.svg" alt="Transistor"> |
|
|
</div> |
|
|
<div class="col-span-1 flex justify-center items-center"> |
|
|
<img class="h-12" src="https://tailwindui.com/img/logos/workcation-logo-gray-400.svg" alt="Workcation"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="features" class="py-20 scroll-mt-100"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-base text-purple-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"> |
|
|
Powerful analytics made simple |
|
|
</p> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
|
|
Our platform combines enterprise-grade capabilities with an interface anyone can use. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3"> |
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out p-8 bg-white rounded-lg shadow-md"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-6"> |
|
|
<i class="fas fa-brain text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-3">AI-Powered Insights</h3> |
|
|
<p class="text-gray-500"> |
|
|
Our machine learning models automatically detect patterns, anomalies, and correlations in your data. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out p-8 bg-white rounded-lg shadow-md"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-6"> |
|
|
<i class="fas fa-project-diagram text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-3">Relationship Mapping</h3> |
|
|
<p class="text-gray-500"> |
|
|
Visualize connections between entities in your data with interactive network graphs. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out p-8 bg-white rounded-lg shadow-md"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-6"> |
|
|
<i class="fas fa-stopwatch text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-3">Real-time Analysis</h3> |
|
|
<p class="text-gray-500"> |
|
|
Process streaming data with sub-second latency to make decisions as events happen. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out p-8 bg-white rounded-lg shadow-md"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-6"> |
|
|
<i class="fas fa-shield-alt text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-3">Enterprise Security</h3> |
|
|
<p class="text-gray-500"> |
|
|
Military-grade encryption, role-based access control, and compliance certifications. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out p-8 bg-white rounded-lg shadow-md"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-6"> |
|
|
<i class="fas fa-code-branch text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-3">Custom Workflows</h3> |
|
|
<p class="text-gray-500"> |
|
|
Build and automate your own analysis pipelines with our visual workflow builder. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="feature-card transition-all duration-300 ease-in-out p-8 bg-white rounded-lg shadow-md"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-6"> |
|
|
<i class="fas fa-users-cog text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-3">Collaboration Tools</h3> |
|
|
<p class="text-gray-500"> |
|
|
Share insights, annotate findings, and work together in real-time with your team. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="solutions" class="py-20 bg-gray-50 scroll-mt-100"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-base text-purple-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"> |
|
|
Tailored for your needs |
|
|
</p> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
|
|
Whether you're an individual, small business, or large enterprise, we have a solution for you. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 gap-8 md:grid-cols-3"> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
|
<i class="fas fa-user text-xl"></i> |
|
|
</div> |
|
|
<h3 class="ml-4 text-lg font-medium text-gray-900">Individuals</h3> |
|
|
</div> |
|
|
<p class="text-gray-500 mb-4"> |
|
|
Perfect for freelancers, researchers, and data enthusiasts who need powerful analytics without complexity. |
|
|
</p> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Personal data analysis</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Visualization tools</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Basic predictive models</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-4"> |
|
|
<a href="#pricing" class="text-base font-medium text-purple-600 hover:text-purple-500"> |
|
|
View pricing <span aria-hidden="true">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
|
<i class="fas fa-building text-xl"></i> |
|
|
</div> |
|
|
<h3 class="ml-4 text-lg font-medium text-gray-900">Small Businesses</h3> |
|
|
</div> |
|
|
<p class="text-gray-500 mb-4"> |
|
|
Grow your business with data-driven decisions. Understand your customers, optimize operations, and predict trends. |
|
|
</p> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Customer segmentation</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Sales forecasting</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Team collaboration</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-4"> |
|
|
<a href="#pricing" class="text-base font-medium text-purple-600 hover:text-purple-500"> |
|
|
View pricing <span aria-hidden="true">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
|
<i class="fas fa-chess-queen text-xl"></i> |
|
|
</div> |
|
|
<h3 class="ml-4 text-lg font-medium text-gray-900">Enterprises</h3> |
|
|
</div> |
|
|
<p class="text-gray-500 mb-4"> |
|
|
Enterprise-grade analytics with the scale, security, and customization your organization requires. |
|
|
</p> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Custom data models</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Dedicated infrastructure</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Advanced security controls</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-4"> |
|
|
<a href="#pricing" class="text-base font-medium text-purple-600 hover:text-purple-500"> |
|
|
View pricing <span aria-hidden="true">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 gradient-bg text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="lg:grid lg:grid-cols-12 lg:gap-8"> |
|
|
<div class="lg:col-span-6"> |
|
|
<h2 class="text-3xl font-extrabold mb-6"> |
|
|
See Zentivy in action |
|
|
</h2> |
|
|
<p class="text-xl mb-8 opacity-90"> |
|
|
Watch our 2-minute demo to see how easy it is to uncover insights with Zentivy. |
|
|
</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-purple-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> |
|
|
<i class="fas fa-play-circle mr-2"></i> Watch Demo |
|
|
</a> |
|
|
<a href="#pricing" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-transparent hover:bg-white hover:bg-opacity-10 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> |
|
|
Try it free for 14 days |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 lg:mt-0 lg:col-span-6"> |
|
|
<div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-xl p-1"> |
|
|
<div class="aspect-w-16 aspect-h-9 rounded-lg overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Demo screenshot" class="object-cover"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="pricing" class="py-20 bg-white scroll-mt-100"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-base text-purple-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 mx-auto"> |
|
|
Start for free, then upgrade as your needs grow. Cancel anytime. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 gap-8 md:grid-cols-3"> |
|
|
|
|
|
<div class="pricing-card transition-all duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden border border-gray-200"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-1">Starter</h3> |
|
|
<p class="text-gray-500 mb-4">Perfect for individuals getting started</p> |
|
|
<div class="mb-6"> |
|
|
<span class="text-4xl font-extrabold text-gray-900">$0</span> |
|
|
<span class="text-base font-medium text-gray-500">/month</span> |
|
|
</div> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Up to 10,000 rows of data</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Basic visualizations</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Community support</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">5 saved reports</span> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#" class="block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm text-center text-base font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> |
|
|
Get started |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="pricing-card transition-all duration-300 ease-in-out bg-white rounded-lg shadow-lg overflow-hidden border-2 border-purple-500 transform scale-105"> |
|
|
<div class="bg-purple-500 text-white px-6 py-3"> |
|
|
<p class="text-sm font-semibold tracking-wide uppercase">Most Popular</p> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-1">Professional</h3> |
|
|
<p class="text-gray-500 mb-4">For growing businesses and teams</p> |
|
|
<div class="mb-6"> |
|
|
<span class="text-4xl font-extrabold text-gray-900">$99</span> |
|
|
<span class="text-base font-medium text-gray-500">/month</span> |
|
|
</div> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Up to 1 million rows of data</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Advanced visualizations</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Priority support</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Unlimited saved reports</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Team collaboration</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Basic predictive analytics</span> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#" class="block w-full px-4 py-2 border border-transparent rounded-md shadow-sm text-center text-base font-medium text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> |
|
|
Get started |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="pricing-card transition-all duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden border border-gray-200"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-1">Enterprise</h3> |
|
|
<p class="text-gray-500 mb-4">For organizations with advanced needs</p> |
|
|
<div class="mb-6"> |
|
|
<span class="text-4xl font-extrabold text-gray-900">Custom</span> |
|
|
</div> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Unlimited data volume</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Custom data models</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">24/7 dedicated support</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">On-premises deployment</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Advanced security controls</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-purple-500 mt-1 mr-2"></i> |
|
|
<span class="text-gray-700">Custom integrations</span> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#" class="block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm text-center text-base font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> |
|
|
Contact sales |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-16 bg-gray-50 rounded-lg p-6"> |
|
|
<h3 class="text-lg font-medium text-gray-900 mb-4">Frequently asked questions</h3> |
|
|
<div class="space-y-4"> |
|
|
<div> |
|
|
<h4 class="font-medium text-gray-900">Is there a free trial?</h4> |
|
|
<p class="mt-1 text-gray-600">Yes! Our Starter plan is completely free forever. For our Professional plan, we offer a 14-day free trial with no credit card required.</p> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium text-gray-900">Can I change plans later?</h4> |
|
|
<p class="mt-1 text-gray-600">Absolutely. You can upgrade, downgrade, or cancel your subscription at any time.</p> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium text-gray-900">What payment methods do you accept?</h4> |
|
|
<p class="mt-1 text-gray-600">We accept all major credit cards (Visa, Mastercard, American Express) as well as PayPal. For Enterprise plans, we also accept bank transfers.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="docs" class="py-20 bg-gray-50 scroll-mt-100"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">Documentation</h2> |
|
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
|
Learn how to use Zentivy |
|
|
</p> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
|
|
Our comprehensive documentation will help you get the most out of our platform. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 gap-8 md:grid-cols-3"> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
|
<i class="fas fa-rocket text-xl"></i> |
|
|
</div> |
|
|
<h3 class="ml-4 text-lg font-medium text-gray-900">Getting Started</h3> |
|
|
</div> |
|
|
<p class="text-gray-500 mb-4"> |
|
|
New to Zentivy? Follow our step-by-step guide to set up your account and import your first dataset. |
|
|
</p> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Creating your account</a> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Importing your first dataset</a> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Basic navigation</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-4"> |
|
|
<a href="#" class="text-base font-medium text-purple-600 hover:text-purple-500"> |
|
|
View all getting started docs <span aria-hidden="true">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
|
<i class="fas fa-code text-xl"></i> |
|
|
</div> |
|
|
<h3 class="ml-4 text-lg font-medium text-gray-900">API Reference</h3> |
|
|
</div> |
|
|
<p class="text-gray-500 mb-4"> |
|
|
Integrate Zentivy with your existing systems using our powerful REST API. |
|
|
</p> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Authentication</a> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Data endpoints</a> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Webhooks</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-4"> |
|
|
<a href="#" class="text-base font-medium text-purple-600 hover:text-purple-500"> |
|
|
View full API reference <span aria-hidden="true">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600"> |
|
|
<i class="fas fa-graduation-cap text-xl"></i> |
|
|
</div> |
|
|
<h3 class="ml-4 text-lg font-medium text-gray-900">Tutorials</h3> |
|
|
</div> |
|
|
<p class="text-gray-500 mb-4"> |
|
|
Learn by doing with our hands-on tutorials for common use cases. |
|
|
</p> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Customer segmentation</a> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Sales forecasting</a> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-file-alt text-purple-500 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-700 hover:text-purple-600">Anomaly detection</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-4"> |
|
|
<a href="#" class="text-base font-medium text-purple-600 hover:text-purple-500"> |
|
|
Browse all tutorials <span aria-hidden="true">→</span> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="testimonials" class="py-20 bg-white scroll-mt-100"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-base text-purple-600 font-semibold tracking-wide uppercase">Testimonials</h2> |
|
|
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
|
|
What our customers say |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"> |
|
|
|
|
|
<div class="bg-gray-50 rounded-lg p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="Sarah Johnson"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="text-lg font-medium text-gray-900">Sarah Johnson</h4> |
|
|
<p class="text-gray-500">Marketing Director, TechCorp</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 italic"> |
|
|
"Zentivy has transformed how we understand our customers. We've increased conversion rates by 27% since implementing their segmentation tools." |
|
|
</p> |
|
|
<div class="mt-4 flex text-purple-500"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-lg p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="Michael Chen"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="text-lg font-medium text-gray-900">Michael Chen</h4> |
|
|
<p class="text-gray-500">Data Scientist, HealthAnalytics</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 italic"> |
|
|
"The predictive modeling capabilities save me hours each week. I can now focus on interpreting results rather than building models from scratch." |
|
|
</p> |
|
|
<div class="mt-4 flex text-purple-500"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-lg p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="David Rodriguez"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="text-lg font-medium text-gray-900">David Rodriguez</h4> |
|
|
<p class="text-gray-500">Founder, StartupX</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 italic"> |
|
|
"As a small business, we couldn't afford expensive analytics tools. Zentivy's pricing made powerful insights accessible to us." |
|
|
</p> |
|
|
<div class="mt-4 flex text-purple-500"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star-half-alt"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 gradient-bg text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> |
|
|
<h2 class="text-3xl font-extrabold mb-6"> |
|
|
Ready to unlock insights in your data? |
|
|
</h2> |
|
|
<p class="text-xl mb-8 opacity-90 max-w-3xl mx-auto"> |
|
|
Join thousands of businesses using Zentivy to make data-driven decisions every day. |
|
|
</p> |
|
|
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#pricing" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-purple-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> |
|
|
Get Started |
|
|
<i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
<a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-transparent hover:bg-white hover:bg-opacity-10 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white"> |
|
|
<i class="fas fa-comment-dots mr-2"></i> Contact Sales |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white pt-16 pb-12"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Product</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li><a href="#features" class="text-base text-gray-300 hover:text-white">Features</a></li> |
|
|
<li><a href="#pricing" class="text-base text-gray-300 hover:text-white">Pricing</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Integrations</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Updates</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Resources</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li><a href="#docs" class="text-base text-gray-300 hover:text-white">Documentation</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Tutorials</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Community</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Company</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">About</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Press</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Contact</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Legal</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Privacy</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Terms</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">Security</a></li> |
|
|
<li><a href="#" class="text-base text-gray-300 hover:text-white">GDPR</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"> |
|
|
<div class="flex items-center mb-6 md:mb-0"> |
|
|
<i class="fas fa-chart-network text-purple-500 text-2xl mr-2"></i> |
|
|
<span class="text-xl font-bold">Zentivy</span> |
|
|
</div> |
|
|
<div class="flex space-x-6 mb-6 md:mb-0"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i class="fab fa-twitter text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i class="fab fa-linkedin text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i class="fab fa-github text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i class="fab fa-youtube text-xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
<div class="text-gray-400 text-sm"> |
|
|
© 2023 Zentivy, Inc. All rights reserved. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
const targetId = this.getAttribute('href'); |
|
|
if (targetId === '#') return; |
|
|
|
|
|
const targetElement = document.querySelector(targetId); |
|
|
if (targetElement) { |
|
|
|
|
|
document.querySelectorAll('.nav-link').forEach(link => { |
|
|
link.classList.remove('active-nav'); |
|
|
}); |
|
|
this.classList.add('active-nav'); |
|
|
|
|
|
|
|
|
window.scrollTo({ |
|
|
top: targetElement.offsetTop - 80, |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
window.addEventListener('scroll', function() { |
|
|
const scrollPosition = window.scrollY + 100; |
|
|
|
|
|
document.querySelectorAll('section').forEach(section => { |
|
|
const sectionTop = section.offsetTop; |
|
|
const sectionHeight = section.offsetHeight; |
|
|
const sectionId = section.getAttribute('id'); |
|
|
|
|
|
if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) { |
|
|
document.querySelectorAll('.nav-link').forEach(link => { |
|
|
link.classList.remove('active-nav'); |
|
|
if (link.getAttribute('href') === `#${sectionId}`) { |
|
|
link.classList.add('active-nav'); |
|
|
} |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ShermanAI/zentivy-inc-data-intelligence-for-everyone" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
