mirror of
https://github.com/OneUptime/oneuptime
synced 2024-11-21 22:59:07 +00:00
282 lines
19 KiB
Plaintext
282 lines
19 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en" id="home">
|
|
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
|
|
|
<head>
|
|
<title>OneUptime | Monitor any resource in real-time. </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="relative isolate overflow-hidden bg-white">
|
|
<div class="py-24 sm:py-32">
|
|
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div class="mx-auto max-w-7xl text-center">
|
|
|
|
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Monitor all of your resources. Get alerted when things don't look right.</h1>
|
|
<p class="mt-6 text-xl sm:text-2xl leading-8 text-gray-600">Monitor anything - Websites, API, IPv4, IPv6, or send data inbound. Create alerts on any metrics and alert the right team.</p>
|
|
<div class="mt-10 flex items-center justify-center gap-x-6">
|
|
<a href="/accounts/register"
|
|
class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold 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">Get
|
|
started</a>
|
|
<a href="/enterprise/demo" class="text-sm font-semibold leading-6 text-gray-900">Request Demo <span
|
|
aria-hidden="true">→</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="mt-16 flow-root sm:mt-24">
|
|
<div
|
|
class="relative -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="App screenshot" width="2432" height="1442"
|
|
class="rounded-md shadow-2xl ring-1 ring-gray-900/10">
|
|
<%- include('./Partials/watch-demo.ejs', {videoId: "_fQ_F4EisBQ"}) -%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
|
|
aria-hidden="true">
|
|
<div
|
|
class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
|
|
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('logo-roll') -%>
|
|
|
|
<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-4xl font-semibold tracking-tight text-gray-900 sm:text-center">An unbeatable monitoring product built for you.</p>
|
|
<p class="mt-5 text-xl text-gray-500 sm:text-center mb-12">Monitor anything - Websites, API, IPv4, IPv6, or send data inbound. Create alerts on any metrics and alert the right team.</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">
|
|
|
|
<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">Monitor Anything.</h2>
|
|
<p class="mt-4 text-lg text-gray-500">Websites, API, IPv4, IPv6, Docker containers, Servers, VM's or send data inbound. OneUptime can monitor any resource you have.</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>
|
|
|
|
</div>
|
|
</div>
|
|
</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/monitor.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">
|
|
|
|
<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">Unlimited Monitors</h2>
|
|
<p class="mt-4 text-lg text-gray-500"> Monitor unlimited resources, we do 1 second checks from 7 differnet locations around the world. You can also install the probe inside of your VPN to monitor internal resources.</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>
|
|
|
|
</div>
|
|
</div>
|
|
</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-list.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">
|
|
|
|
<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">Showcase Realtime Status.</h2>
|
|
<p class="mt-4 text-lg text-gray-500">OneUptime checks the status of the endpoint every second to make sure your status pahge gets updated as soon as any of your resources go down.</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>
|
|
|
|
</div>
|
|
</div>
|
|
</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="Inbox user interface">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<%- include('testimonials') -%>
|
|
|
|
|
|
<div class="relative bg-white py-24 sm:py-32 lg:py-40">
|
|
<div class="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
|
|
<h2 class="text-lg font-semibold text-indigo-600">More features</h2>
|
|
<p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Advanced features, built for you.</p>
|
|
<p class="mx-auto mt-5 max-w-prose text-xl text-gray-500">Build custom workflows, integrate with anything you have, or more - you never run out of features. Batteries included.
|
|
</p>
|
|
<div class="mt-20">
|
|
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3">
|
|
<div class="pt-6">
|
|
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
|
|
<div class="-mt-6">
|
|
<div>
|
|
<span class="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
|
|
<!-- Heroicon name: outline/cloud-arrow-up -->
|
|
<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 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<h3 class="mt-8 text-lg font-semibold leading-8 tracking-tight text-gray-900">Reliability Guaranteed.</h3>
|
|
<p class="mt-5 text-base leading-7 text-gray-600">Hosted on a distributed high avalability infrastructure across multiple clouds so your resources are always being monitored, even if major cloud provider (AWS, Azure, GCP, etc) is down.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-6">
|
|
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
|
|
<div class="-mt-6">
|
|
<div>
|
|
<span class="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
|
|
<!-- Heroicon name: outline/lock-closed -->
|
|
<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="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<h3 class="mt-8 text-lg font-semibold leading-8 tracking-tight text-gray-900">Integrations</h3>
|
|
<p class="mt-5 text-base leading-7 text-gray-600">Choose from 5000+ integrates to integrate with. Your team can check the status of the resource without leaving Slack for example. Build custom integrations with our API.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-6">
|
|
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
|
|
<div class="-mt-6">
|
|
<div>
|
|
<span class="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
|
|
<!-- Heroicon name: outline/arrow-path -->
|
|
<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="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 01-1.125-1.125v-3.75zM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-8.25zM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-2.25z" />
|
|
</svg>
|
|
|
|
</span>
|
|
</div>
|
|
<h3 class="mt-8 text-lg font-semibold leading-8 tracking-tight text-gray-900">Workflows</h3>
|
|
<p class="mt-5 text-base leading-7 text-gray-600">Build complex workflows without code. Automate incident workflow, status page updates, have one control plane for all of your resources and showcase reliability to different stakeholders</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-6">
|
|
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
|
|
<div class="-mt-6">
|
|
<div>
|
|
<span class="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
|
|
<!-- Heroicon name: outline/shield-check -->
|
|
<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="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<h3 class="mt-8 text-lg font-semibold leading-8 tracking-tight text-gray-900">Custom Criteria</h3>
|
|
<p class="mt-5 text-base leading-7 text-gray-600">Define custom criteria to monitor for - create an alert if the response time is delayed for 5 mins for example. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-6">
|
|
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
|
|
<div class="-mt-6">
|
|
<div>
|
|
<span class="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
|
|
|
|
<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 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<h3 class="mt-8 text-lg font-semibold leading-8 tracking-tight text-gray-900">Scheduled Maintenance</h3>
|
|
<p class="mt-5 text-base leading-7 text-gray-600">Post scheduled events related to your monitors. Keep your customers, team or other stakeholders updated.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-6">
|
|
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
|
|
<div class="-mt-6">
|
|
<div>
|
|
<span class="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
|
|
|
|
<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="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<h3 class="mt-8 text-lg font-semibold leading-8 tracking-tight text-gray-900">Announcements</h3>
|
|
<p class="mt-5 text-base leading-7 text-gray-600">Post announcements related to your monitors. Keep your customers, team or other stakeholders updated.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('features-table') -%>
|
|
<%- include('cta') -%>
|
|
<%- include('footer') -%>
|
|
<%- include('./Partials/video-script') -%>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |