mirror of
https://github.com/OneUptime/oneuptime
synced 2024-11-21 22:59:07 +00:00
Remove unnecessary heading in pricing-compare.ejs
This commit is contained in:
Simon Larsen
parent
16fe15ac22
commit
ec40c16eed
@ -75,188 +75,25 @@
|
||||
</div>
|
||||
</div>
|
||||
<%- include('logo-roll') -%>
|
||||
<%- include('features-table') -%>
|
||||
|
||||
<%- include('./partials/product-tabs') -%>
|
||||
|
||||
<%- 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('features-table') -%>
|
||||
|
||||
|
||||
<!-- Place this tag in your head or just before your close body tag. -->
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
|
||||
<%- include('pricing-compare') -%>
|
||||
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
|
||||
<!-- Place this tag in your head or just before your close body tag. -->
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
|
||||
<%- include('pricing-compare') -%>
|
||||
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
296
Home/views/partials/product-tabs.ejs
Normal file
296
Home/views/partials/product-tabs.ejs
Normal file
@ -0,0 +1,296 @@
|
||||
<div class="relative overflow-hidden bg-white pt-32 pb-32">
|
||||
<div class="max-w-3xl1 pr-12">
|
||||
<p class="text-5xl font-bold tracking-tight text-gray-900 sm:text-center">OneUptime is 4+ tools combined
|
||||
into one.</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>
|
||||
<div class="sm:hidden">
|
||||
<label for="tabs" class="sr-only">Select a tab</label>
|
||||
<!-- Use an "onChange" listener to redirect the user to the selected tab URL. -->
|
||||
<select id="tabs" name="tabs"
|
||||
onselect="showTab(this.value)"
|
||||
class="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500">
|
||||
<option value="1" selected>Status Pages</option>
|
||||
<option value="2">Monitoring</option>
|
||||
<option value="3">Incident Management</option>
|
||||
<option value="4">On Call Policy & Alerts </option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="hidden sm:block">
|
||||
<div class="border-b border-gray-200">
|
||||
<nav class="-mb-px flex justify-center space-x-8" aria-label="Tabs">
|
||||
<!-- Current: "border-indigo-500 text-indigo-600", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
|
||||
<a onclick="showTab(1)"
|
||||
class="tab-1-button cursor-pointer border-indigo-500 text-indigo-600 group inline-flex items-center border-b-2 py-4 px-1 font-medium">
|
||||
<!-- Current: "text-indigo-500", Default: "text-gray-400 group-hover:text-gray-500" -->
|
||||
<svg class="icon-tab-1 text-gray-400 text-indigo-500 -ml-0.5 mr-2 h-5 w-5"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" class="w-6 h-6">
|
||||
<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>Status Pages</span>
|
||||
</a>
|
||||
<a onclick="showTab(2)"
|
||||
class="tab-2-button cursor-pointer border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 group inline-flex items-center border-b-2 py-4 px-1 font-medium">
|
||||
<svg class="icon-tab-2 text-gray-400 group-hover:text-gray-500 -ml-0.5 mr-2 h-5 w-5"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" class="w-6 h-6">
|
||||
<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>Monitoring</span>
|
||||
</a>
|
||||
<a onclick="showTab(3)"
|
||||
class="tab-3-button cursor-pointer border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 group inline-flex items-center border-b-2 py-4 px-1 font-medium"
|
||||
aria-current="page">
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon-tab-3 text-gray-400 group-hover:text-gray-500 -ml-0.5 mr-2 h-5 w-5" fill="none"
|
||||
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
|
||||
</svg>
|
||||
|
||||
<span>Incident Management</span>
|
||||
</a>
|
||||
<a onclick="showTab(4)"
|
||||
class="tab-4-button cursor-pointer border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 group inline-flex items-center border-b-2 py-4 px-1 font-medium">
|
||||
<svg class="icon-tab-4 text-gray-400 group-hover:text-gray-500 -ml-0.5 mr-2 h-5 w-5"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" class="w-6 h-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
|
||||
</svg>
|
||||
|
||||
<span>On Call Policy & Alerts</span>
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-20 tab-1">
|
||||
<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 class="mt-6">
|
||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900">Beautiful Status Pages for your
|
||||
customers and stakeholders</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">
|
||||
|
||||
<%- include('./watch-demo.ejs', {videoId: "F6BNipy5VCk"}) -%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-20 tab-2" style="display: none;">
|
||||
<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 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: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-20 tab-3" style="display: none;">
|
||||
<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 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="Status Pages">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-20 tab-4" style="display: none;">
|
||||
<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 class="mt-6">
|
||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900">On Call Policies, Schedules and Alerts</h2>
|
||||
<p class="mt-4 text-lg text-gray-500">Alert right stakeholders instantly.
|
||||
Save critical minutes during downtime.
|
||||
Implementing a robust alert system enables you to promptly notify the appropriate stakeholders when issues arise, ensuring timely response and mitigation. Save valuable minutes can be saved during periods of 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/on-call"
|
||||
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">“Easy to use, pleasant UI, outstanding support, extremely fast responses.”</p>
|
||||
</div>
|
||||
<footer class="mt-3">
|
||||
<div class="flex items-center space-x-3">
|
||||
<div class="text-base font-medium text-gray-700">Etso Obasake, 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/on-call-policies.png" alt="Status Pages">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
let currentActiveTab = 1;
|
||||
|
||||
|
||||
function hideTab(tab) {
|
||||
|
||||
document.querySelector(`.tab-${tab}`).style.display = 'none';
|
||||
|
||||
document.querySelector(`.tab-${tab}-button`).classList.remove('border-indigo-500', 'text-indigo-600');
|
||||
document.querySelector(`.tab-${tab}-button`).classList.add('border-transparent', 'text-gray-500', 'hover:border-gray-300', 'hover:text-gray-700');
|
||||
|
||||
document.querySelector(`.icon-tab-${tab}`).classList.remove('text-indigo-500');
|
||||
document.querySelector(`.icon-tab-${tab}`).classList.add('text-gray-400');
|
||||
}
|
||||
|
||||
function showTab(tab) {
|
||||
|
||||
hideTab(currentActiveTab);
|
||||
|
||||
document.querySelector(`.tab-${tab}`).style.display = 'block';
|
||||
|
||||
document.querySelector(`.tab-${tab}-button`).classList.remove('border-transparent', 'text-gray-500', 'hover:border-gray-300', 'hover:text-gray-700');
|
||||
document.querySelector(`.tab-${tab}-button`).classList.add('border-indigo-500', 'text-indigo-600');
|
||||
|
||||
document.querySelector(`.icon-tab-${tab}`).classList.remove('text-gray-400');
|
||||
document.querySelector(`.icon-tab-${tab}`).classList.add('text-indigo-500');
|
||||
|
||||
currentActiveTab = tab;
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
@ -4,7 +4,6 @@
|
||||
<div class="relative mx-auto max-w-container px-4 sm:px-6 lg:px-8">
|
||||
<section class="mx-auto max-w-[40rem] lg:max-w-none">
|
||||
<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">No vendor lock in. <br/> Saves you thousands as you grow.</p>
|
||||
<p class="mt-5 text-xl text-gray-500 sm:text-center mb-12">Always self-hostable. OneUptime replaces 4-5 apps that cumulatively cost a lot. Using our SaaS offering funds free and Open Source development.</p>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user