mirror of
https://github.com/OneUptime/oneuptime
synced 2024-11-22 15:24:55 +00:00
206 lines
13 KiB
Plaintext
206 lines
13 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en" id="home">
|
|
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
|
|
|
<head>
|
|
<title>OneUptime | One Complete Observability platform. </title>
|
|
<meta name="description"
|
|
content="OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime.">
|
|
<%- include('head') -%>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<%- include('nav') -%>
|
|
<div class="">
|
|
|
|
<div class="relative isolate overflow-hidden bg-white">
|
|
<svg class="absolute inset-0 -z-10 h-full w-full stroke-gray-200 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true">
|
|
<defs>
|
|
<pattern id="0787a7c5-978c-4f66-83c7-11c213f99cb7" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
|
|
<path d="M.5 200V.5H200" fill="none" />
|
|
</pattern>
|
|
</defs>
|
|
<rect width="100%" height="100%" stroke-width="0" fill="url(#0787a7c5-978c-4f66-83c7-11c213f99cb7)" />
|
|
</svg>
|
|
<div class="mx-auto max-w-7xl px-6 pt-10 pb-24 sm:pb-32 lg:flex lg:py-40 lg:px-8">
|
|
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl lg:flex-shrink-0 lg:pt-8">
|
|
<div class="mt-24 sm:mt-32 lg:mt-16">
|
|
<a href="https://github.com/oneuptime/oneuptime" target="_blank" class="inline-flex space-x-6">
|
|
<span class="rounded-full bg-indigo-600/10 px-3 py-1 text-sm font-semibold leading-6 text-indigo-600 ring-1 ring-inset ring-indigo-600/10"
|
|
>Open Source</span>
|
|
<span class="inline-flex items-center space-x-2 text-sm font-medium leading-6 text-gray-600">
|
|
<span title="star-us-on-github">Star us on GitHub</span>
|
|
<!-- Heroicon name: mini/chevron-right -->
|
|
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<h1 class="mt-10 text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">One Complete Open-Source
|
|
Observability platform.</h1>
|
|
<p class="mt-6 text-lg leading-8 text-gray-600">OneUptime monitors your website, dashboards, API's, and more and alerts your team when downtime happens. We also give you a Status Page which keeps your customers looped in and improves transparency.</p>
|
|
<div class="mt-10 flex items-center gap-x-6">
|
|
<a href="/accounts/register" class="rounded-md bg-indigo-600 px-3.5 py-1.5 text-base font-semibold leading-7 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 hover:text-white">Get started</a>
|
|
<a href="/enterprise/demo" class="text-base font-semibold leading-7 text-gray-900">Request Demo <span aria-hidden="true">→</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mt-0 lg:mr-0 lg:max-w-none lg:flex-none xl:ml-32">
|
|
<div class="max-w-3xl flex-none sm:max-w-5xl lg:max-w-none">
|
|
<div class="-m-2 rounded-xl bg-gray-900/5 p-2 ring-1 ring-inset ring-gray-900/10 lg:-m-4 lg:rounded-2xl lg:p-4">
|
|
<img src="/img/monitor.png" alt="Status Pages" width="2432" height="1442" class="w-[76rem] rounded-md shadow-2xl ring-1 ring-gray-900/10">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%- include('logo-roll') -%>
|
|
<%- include('features-table') -%>
|
|
<%- include('testimonials') -%>
|
|
|
|
<div class="relative overflow-hidden bg-white pt-16 pb-32">
|
|
<div class="max-w-3xl1 pr-12">
|
|
<h2 class="text-base font-semibold leading-7 text-indigo-500 sm:text-center">Why OneUptime.</h2>
|
|
<p class="text-5xl font-bold tracking-tight text-gray-900 sm:text-center">Complete SRE toolchain out-of-the-box</p>
|
|
<p class="mt-5 text-xl text-gray-500 sm:text-center mb-12">Everything from monitoring, status pages, incident management, on-call schedules - we've got it and we are just getting started!</p>
|
|
</div>
|
|
<div class="relative mt-20">
|
|
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-2 lg:gap-24 lg:px-8">
|
|
|
|
<div class="mx-auto max-w-xl px-6 lg:mx-0 lg:max-w-none lg:py-16 lg:px-0">
|
|
<div>
|
|
<div>
|
|
<span class="flex h-12 w-12 items-center justify-center rounded-xl bg-indigo-600">
|
|
<!-- Heroicon name: outline/inbox -->
|
|
<svg class="h-8 w-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="mt-6">
|
|
<h2 class="text-3xl font-bold tracking-tight text-gray-900">Unlimited Public and Private Status Pages</h2>
|
|
<p class="mt-4 text-lg text-gray-500">Status Page helps you be more transparent with your customers and showcase reliability. Easily communicate real-time status to your customers, gain trust and increase revenue. You get unlimited status pages and unlimited subscribers with OneUptime.</p>
|
|
<div class="mt-6">
|
|
<a href="/accounts/register" class="rounded-md bg-indigo-600 px-3.5 py-1.5 text-base font-semibold leading-7 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 hover:text-white">Get started</a>
|
|
<a href="/product/status-page" class="text-base font-semibold leading-7 text-gray-900 ml-3">Learn more <span aria-hidden="true">→</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-8 border-t border-gray-200 pt-6">
|
|
<blockquote>
|
|
<div>
|
|
<p class="text-base text-gray-500">“OneUptime is one of the best status page product on the internet.”</p>
|
|
</div>
|
|
<footer class="mt-3">
|
|
<div class="flex items-center space-x-3">
|
|
<div class="text-base font-medium text-gray-700">Kamrin Danielle, G2 Crowd Reviewer</div>
|
|
</div>
|
|
</footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
<div class="mt-12 sm:mt-16 lg:mt-0">
|
|
<div class="-mr-48 pl-6 md:-mr-16 lg:relative lg:m-0 lg:h-full lg:px-0">
|
|
<img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:left-0 lg:h-full lg:w-auto lg:max-w-none" src="/img/status-pages.png" alt="Status Pages">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-24">
|
|
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-2 lg:gap-24 lg:px-8">
|
|
<div class="mx-auto max-w-xl px-6 lg:col-start-2 lg:mx-0 lg:max-w-none lg:py-32 lg:px-0">
|
|
<div>
|
|
<div>
|
|
<span class="flex h-12 w-12 items-center justify-center rounded-xl bg-indigo-600">
|
|
<!-- Heroicon name: outline/sparkles -->
|
|
<svg class="h-8 w-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="mt-6">
|
|
<h2 class="text-3xl font-bold tracking-tight text-gray-900">Monitor any resource in realtime.</h2>
|
|
<p class="mt-4 text-lg text-gray-500">OneUptime's monitoring lets you know exactly what is wrong with your service, at the right time, saving you critical minutes during downtime.</p>
|
|
<div class="mt-6">
|
|
<a href="/accounts/register" class="rounded-md bg-indigo-600 px-3.5 py-1.5 text-base font-semibold leading-7 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 hover:text-white">Get started</a>
|
|
<a href="/product/monitoring" class="text-base font-semibold leading-7 text-gray-900 ml-3">Learn more <span aria-hidden="true">→</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-8 border-t border-gray-200 pt-6">
|
|
<blockquote>
|
|
<div>
|
|
<p class="text-base text-gray-500">“Makes monitoring any endpoint or service really easy and the best part is, it's all open-source so there's no vendor lockin.”</p>
|
|
</div>
|
|
<footer class="mt-3">
|
|
<div class="flex items-center space-x-3">
|
|
<div class="text-base font-medium text-gray-700">Otse Obande, Reviewer on AlternativeTo</div>
|
|
</div>
|
|
</footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
<div class="mt-12 sm:mt-16 lg:col-start-1 lg:mt-0">
|
|
<div class="-ml-48 pr-6 md:-ml-16 lg:relative lg:m-0 lg:h-full lg:px-0">
|
|
<img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:right-0 lg:h-full lg:w-auto lg:max-w-none" src="/img/monitor.png" alt="Monitoring">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="relative mt-24">
|
|
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-2 lg:gap-24 lg:px-8">
|
|
<div class="mx-auto max-w-xl px-6 lg:mx-0 lg:max-w-none lg:py-16 lg:px-0">
|
|
<div>
|
|
<div>
|
|
<span class="flex h-12 w-12 items-center justify-center rounded-xl bg-indigo-600">
|
|
<!-- Heroicon name: outline/inbox -->
|
|
<svg class="h-8 w-8 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="mt-6">
|
|
<h2 class="text-3xl font-bold tracking-tight text-gray-900">Incident Management and Response</h2>
|
|
<p class="mt-4 text-lg text-gray-500">OneUptime's monitoring lets you know exactly what is wrong with your service, at the right time, saving you critical minutes during downtime.</p>
|
|
<div class="mt-6">
|
|
<a href="/accounts/register" class="rounded-md bg-indigo-600 px-3.5 py-1.5 text-base font-semibold leading-7 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 hover:text-white">Get started</a>
|
|
<a href="/product/incident-management" class="text-base font-semibold leading-7 text-gray-900 ml-3">Learn more <span aria-hidden="true">→</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-8 border-t border-gray-200 pt-6">
|
|
<blockquote>
|
|
<div>
|
|
<p class="text-base text-gray-500">“OneUptime alerts right people at the right time, and lets us manage incidents directly from Slack. ”</p>
|
|
</div>
|
|
<footer class="mt-3">
|
|
<div class="flex items-center space-x-3">
|
|
<div class="text-base font-medium text-gray-700">Jeff Dunbee, Reviewer on Capterra</div>
|
|
</div>
|
|
</footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
<div class="mt-12 sm:mt-16 lg:mt-0">
|
|
<div class="-mr-48 pl-6 md:-mr-16 lg:relative lg:m-0 lg:h-full lg:px-0">
|
|
<img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:left-0 lg:h-full lg:w-auto lg:max-w-none" src="/img/incidents.png" alt="Inbox user interface">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<%- include('pricing-compare') -%>
|
|
|
|
|
|
<%- include('cta') -%>
|
|
<%- include('footer') -%>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|