oneuptime/Home/views/support.ejs
2023-01-25 20:32:35 +00:00

93 lines
6.7 KiB
Plaintext
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 &amp; 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 well 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"> &rarr;</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"> &rarr;</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"> &rarr;</span></a>
</div>
</div>
</div>
</section>
</div>
<%- include('cta') -%>
<%- include('footer') -%>
</body>
</html>