mirror of
https://github.com/OneUptime/oneuptime
synced 2024-11-24 00:12:06 +00:00
93 lines
6.7 KiB
Plaintext
Executable File
93 lines
6.7 KiB
Plaintext
Executable File
<!DOCTYPE html>
|
||
<html lang="en" id="contact">
|
||
|
||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||
|
||
<head>
|
||
<title>OneUptime | Help and Support</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') -%>
|
||
<script type="module" async>
|
||
|
||
if(posthog){
|
||
posthog.capture('PAGE VIEW: HOME > SUPPORT');
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<%- include('nav') -%>
|
||
<div class="bg-white">
|
||
<!-- Header -->
|
||
<div class="relative bg-gray-800 pb-32">
|
||
<div class="absolute inset-0">
|
||
<div class="absolute inset-0 bg-gray-700" aria-hidden="true"></div>
|
||
</div>
|
||
<div class="relative mx-auto max-w-7xl py-24 px-6 sm:py-32 lg:px-8">
|
||
<h1 class="text-4xl font-bold tracking-tight text-white md:text-5xl lg:text-6xl">Help & Support</h1>
|
||
<p class="mt-6 max-w-3xl text-xl text-gray-300">Friendly folks, standing by. Always humans, never bots. The hands-down, sharpest and friendliest support team in the biz.
|
||
Contact us and we’ll get back to you in less than 1 business day.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Overlapping cards -->
|
||
<section class="relative z-10 mx-auto -mt-32 max-w-7xl px-6 pb-32 lg:px-8" aria-labelledby="contact-heading">
|
||
<h2 class="sr-only" id="contact-heading">Contact us</h2>
|
||
<div class="grid grid-cols-1 gap-y-20 lg:grid-cols-3 lg:gap-y-0 lg:gap-x-8">
|
||
<div class="flex flex-col rounded-2xl bg-white shadow-xl">
|
||
<div class="relative flex-1 px-6 pt-16 pb-8 md:px-8">
|
||
<div class="absolute top-0 inline-block -translate-y-1/2 transform rounded-xl bg-indigo-600 p-5 shadow-lg">
|
||
<!-- Heroicon name: outline/phone -->
|
||
<svg class="h-6 w-6 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 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>
|
||
</div>
|
||
<h3 class="text-xl font-medium text-gray-900">Sales</h3>
|
||
<p class="mt-4 text-base text-gray-500">We would love to talk about how we can work together and make OneUptime work for you in your organization.</p>
|
||
</div>
|
||
<div class="rounded-bl-2xl rounded-br-2xl bg-gray-50 p-6 md:px-8">
|
||
<a href="mailto:sales@oneuptime.com" class="text-base font-medium text-indigo-700 hover:text-indigo-600">Contact us<span aria-hidden="true"> →</span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col rounded-2xl bg-white shadow-xl">
|
||
<div class="relative flex-1 px-6 pt-16 pb-8 md:px-8">
|
||
<div class="absolute top-0 inline-block -translate-y-1/2 transform rounded-xl bg-indigo-600 p-5 shadow-lg">
|
||
<!-- Heroicon name: outline/lifebuoy -->
|
||
<svg class="h-6 w-6 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="M16.712 4.33a9.027 9.027 0 011.652 1.306c.51.51.944 1.064 1.306 1.652M16.712 4.33l-3.448 4.138m3.448-4.138a9.014 9.014 0 00-9.424 0M19.67 7.288l-4.138 3.448m4.138-3.448a9.014 9.014 0 010 9.424m-4.138-5.976a3.736 3.736 0 00-.88-1.388 3.737 3.737 0 00-1.388-.88m2.268 2.268a3.765 3.765 0 010 2.528m-2.268-4.796a3.765 3.765 0 00-2.528 0m4.796 4.796c-.181.506-.475.982-.88 1.388a3.736 3.736 0 01-1.388.88m2.268-2.268l4.138 3.448m0 0a9.027 9.027 0 01-1.306 1.652c-.51.51-1.064.944-1.652 1.306m0 0l-3.448-4.138m3.448 4.138a9.014 9.014 0 01-9.424 0m5.976-4.138a3.765 3.765 0 01-2.528 0m0 0a3.736 3.736 0 01-1.388-.88 3.737 3.737 0 01-.88-1.388m2.268 2.268L7.288 19.67m0 0a9.024 9.024 0 01-1.652-1.306 9.027 9.027 0 01-1.306-1.652m0 0l4.138-3.448M4.33 16.712a9.014 9.014 0 010-9.424m4.138 5.976a3.765 3.765 0 010-2.528m0 0c.181-.506.475-.982.88-1.388a3.736 3.736 0 011.388-.88m-2.268 2.268L4.33 7.288m6.406 1.18L7.288 4.33m0 0a9.024 9.024 0 00-1.652 1.306A9.025 9.025 0 004.33 7.288" />
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-medium text-gray-900">Technical Support</h3>
|
||
<p class="mt-4 text-base text-gray-500">We are here to help with any questions related to Dashboard, API, Product Features etc. Chat with us on Slack. Enterprise customers have a dedicated Slack channel with us.</p>
|
||
</div>
|
||
<div class="rounded-bl-2xl rounded-br-2xl bg-gray-50 p-6 md:px-8">
|
||
<a href="https://oneuptimesupport.slack.com/join/shared_invite/zt-1kavkds2f-gegm_wePorvwvM3M_SaoCQ" target="_blank" class="text-base font-medium text-indigo-700 hover:text-indigo-600">Chat on Slack<span aria-hidden="true"> →</span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col rounded-2xl bg-white shadow-xl">
|
||
<div class="relative flex-1 px-6 pt-16 pb-8 md:px-8">
|
||
<div class="absolute top-0 inline-block -translate-y-1/2 transform rounded-xl bg-indigo-600 p-5 shadow-lg">
|
||
<!-- Heroicon name: outline/newspaper -->
|
||
<svg class="h-6 w-6 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 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
|
||
</svg>
|
||
</div>
|
||
<h3 class="text-xl font-medium text-gray-900">Media Inquiries</h3>
|
||
<p class="mt-4 text-base text-gray-500">Get OneUptime news, company info, roadmap, and all the press and media questions answered.</p>
|
||
</div>
|
||
<div class="rounded-bl-2xl rounded-br-2xl bg-gray-50 p-6 md:px-8">
|
||
<a href="mailto:press@oneuptime.com" class="text-base font-medium text-indigo-700 hover:text-indigo-600">Contact us<span aria-hidden="true"> →</span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<%- include('cta') -%>
|
||
|
||
<%- include('footer') -%>
|
||
</body>
|
||
</html>
|