mirror of
https://github.com/OneUptime/oneuptime.git
synced 2026-01-11 19:56:44 +00:00
Add use case pages for Customer Trust, Distributed Operations, Platform Engineering, Regulatory Communications, and Release Guardrails
- Implemented HTML structure and content for each use case, enhancing the website's offerings. - Included meta descriptions and titles for SEO optimization. - Integrated navigation, logo roll, call-to-action sections, and footer for consistent layout. - Highlighted key benefits and features relevant to each use case with engaging visuals and statistics.
This commit is contained in:
Simon Larsen
parent
57abffa113
commit
c75e038685
15 changed files with 2147 additions and 0 deletions
|
|
@ -1071,6 +1071,69 @@ const HomeFeatureSet: FeatureSet = {
|
|||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/solutions/financial-services",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/solutions-financial-services`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/solutions/insurance",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/solutions-insurance`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/solutions/healthcare",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/solutions-healthcare`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/solutions/government",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/solutions-government`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/use-cases/customer-trust",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/use-case-customer-trust`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/use-cases/platform-engineering",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/use-case-platform-engineering`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/use-cases/regulatory-communications",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
res.render(`${ViewsPath}/use-case-regulatory-communications`, {
|
||||
enableGoogleTagManager: IsBillingEnabled,
|
||||
});
|
||||
},
|
||||
);
|
||||
|
||||
app.get(
|
||||
"/incident-management",
|
||||
(_req: ExpressRequest, res: ExpressResponse) => {
|
||||
|
|
|
|||
|
|
@ -197,6 +197,118 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative" onmouseenter="showSolutionsMenu()" onmouseover="showSolutionsMenu()"
|
||||
onmouseleave="hideSolutionsMenu()">
|
||||
<button onclick="showSolutionsMenu()" type="button"
|
||||
class="text-gray-500 group inline-flex items-center rounded-md bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
|
||||
aria-expanded="false">
|
||||
<span>Solutions</span>
|
||||
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path fill-rule="evenodd"
|
||||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||||
clip-rule="evenodd" />
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<div onmouseenter="showSolutionsMenu()" onmouseover="showSolutionsMenu()" onmouseleave="hideSolutionsMenu()"
|
||||
class="absolute z-20 -ml-4 mt-3 w-screen max-w-4xl transform px-2 sm:px-0 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2"
|
||||
id="solutions-menu" style="visibility: collapse;">
|
||||
<div class="overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5">
|
||||
<div class="grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-500">Industry Solutions</p>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="/solutions/financial-services" class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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 6v6l4 2m5.25 5.25V8.106a2.25 2.25 0 00-1.125-1.944L12 2.25 3.375 6.162A2.25 2.25 0 002.25 8.106V17.25A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Financial Services</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Protect payments, trading, and banking experiences.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/solutions/insurance" class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M4.5 12.75l7.5 4.5 7.5-4.5M4.5 9.75l7.5 4.5 7.5-4.5M4.5 6.75l7.5 4.5 7.5-4.5" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Insurance</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Give policyholders and brokers real-time clarity.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/solutions/healthcare" class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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 6v6l4 2m6 5.25v-10.5a2.25 2.25 0 00-2.25-2.25h-15A2.25 2.25 0 002.25 6.75v10.5A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Healthcare</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Keep clinicians and patients informed during downtime.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/solutions/government" class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M3 12l9-9 9 9M4.5 21h15" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Government</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Deliver resilient public services and mission systems.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-500">Use Cases</p>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="/use-cases/customer-trust" class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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 8c-3.866 0-7 2.239-7 5s3.134 5 7 5 7-2.239 7-5-3.134-5-7-5z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 11c0-1.657 1.343-3 3-3s3 1.343 3 3" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Customer Trust</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Launch status pages and proactive comms.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/use-cases/platform-engineering"
|
||||
class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M4.5 6.75h15m-15 3.75h15m-15 3.75H12m-7.5 3.75H12" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Platform Engineering</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Provide paved roads for SRE and developer teams.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/use-cases/regulatory-communications"
|
||||
class="-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M6.75 3v4.5M17.25 3v4.5M3 8.25h18M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z" />
|
||||
</svg>
|
||||
<div class="ml-4">
|
||||
<p class="text-base font-medium text-gray-900">Regulatory Communications</p>
|
||||
<p class="mt-1 text-sm text-gray-500">Coordinate risk, legal, and engineering in one timeline.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/pricing" class="text-base font-medium text-gray-500 hover:text-gray-900">Pricing</a>
|
||||
<a href="/enterprise/overview" class="text-base font-medium text-gray-500 hover:text-gray-900">Enterprise</a>
|
||||
<a href="/enterprise/demo" class="text-base font-medium text-gray-500 hover:text-gray-900"
|
||||
|
|
@ -512,6 +624,75 @@
|
|||
<span class="ml-3 text-base font-medium text-gray-900">Workflows</span>
|
||||
</a>
|
||||
|
||||
<div class="border-t border-gray-100 pt-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.4em] text-gray-400">Industry Solutions</p>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="/solutions/financial-services" class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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 6v6l4 2m5.25 5.25V8.106a2.25 2.25 0 00-1.125-1.944L12 2.25 3.375 6.162A2.25 2.25 0 002.25 8.106V17.25A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Financial Services</span>
|
||||
</a>
|
||||
<a href="/solutions/insurance" class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M4.5 12.75l7.5 4.5 7.5-4.5M4.5 9.75l7.5 4.5 7.5-4.5M4.5 6.75l7.5 4.5 7.5-4.5" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Insurance</span>
|
||||
</a>
|
||||
<a href="/solutions/healthcare" class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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 6v6l4 2m6 5.25v-10.5a2.25 2.25 0 00-2.25-2.25h-15A2.25 2.25 0 002.25 6.75v10.5A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Healthcare</span>
|
||||
</a>
|
||||
<a href="/solutions/government" class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M3 12l9-9 9 9M4.5 21h15" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Government</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-t border-gray-100 pt-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.4em] text-gray-400">Use Cases</p>
|
||||
<div class="mt-4 space-y-4">
|
||||
<a href="/use-cases/customer-trust" class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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 8c-3.866 0-7 2.239-7 5s3.134 5 7 5 7-2.239 7-5-3.134-5-7-5z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 11c0-1.657 1.343-3 3-3s3 1.343 3 3" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Customer Trust</span>
|
||||
</a>
|
||||
<a href="/use-cases/platform-engineering" class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M4.5 6.75h15m-15 3.75h15m-15 3.75H12m-7.5 3.75H12" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Platform Engineering</span>
|
||||
</a>
|
||||
<a href="/use-cases/regulatory-communications"
|
||||
class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50">
|
||||
<svg class="h-6 w-6 flex-shrink-0 text-indigo-600" 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="M6.75 3v4.5M17.25 3v4.5M3 8.25h18M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z" />
|
||||
</svg>
|
||||
<span class="ml-3 text-base font-medium text-gray-900">Regulatory Communications</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
|
@ -545,6 +726,7 @@
|
|||
<script>
|
||||
|
||||
let productMenuTimer = null;
|
||||
let solutionsMenuTimer = null;
|
||||
let moreMenuTimer = null;
|
||||
|
||||
function closeMobileMenu() {
|
||||
|
|
@ -576,6 +758,25 @@
|
|||
|
||||
}
|
||||
|
||||
function showSolutionsMenu() {
|
||||
|
||||
document.getElementById("solutions-menu").style.visibility = "visible";
|
||||
if (solutionsMenuTimer) {
|
||||
clearInterval(solutionsMenuTimer)
|
||||
}
|
||||
}
|
||||
|
||||
function hideSolutionsMenu() {
|
||||
|
||||
if (solutionsMenuTimer) {
|
||||
clearInterval(solutionsMenuTimer)
|
||||
}
|
||||
solutionsMenuTimer = setInterval(() => {
|
||||
document.getElementById("solutions-menu").style.visibility = "collapse";
|
||||
}, 500);
|
||||
|
||||
}
|
||||
|
||||
function showMoreMenu() {
|
||||
|
||||
document.getElementById("more-menu").style.visibility = "visible";
|
||||
|
|
|
|||
151
Home/Views/solutions-energy-utilities.ejs
Normal file
151
Home/Views/solutions-energy-utilities.ejs
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Energy & Utilities Reliability</title>
|
||||
<meta name="description" content="Modernize grid, generation, and utility customer operations with OneUptime's secure observability and incident workflows." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-emerald-950 via-slate-950 to-amber-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-emerald-300">Energy & Utilities</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Reliability for grid, generation, and customer channels.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Blend OT telemetry, IT infrastructure, AMI data, and customer experience insights. Coordinate dispatch, field crews, and regulators with one playbook.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-emerald-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-emerald-500/30 transition hover:-translate-y-0.5 hover:bg-emerald-400">Start grid workspace</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Schedule briefing</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(16,185,129,0.25),_transparent_65%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Grid uptime</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">99.995%</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Monitor SCADA, DER, and microgrids with predictive SLOs.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Crew coordination</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Automated</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Dispatch the right teams with location, asset, and safety context.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Reg reporting</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Real time</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Generate NERC, FERC, or Ofgem-ready evidence instantly.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Customer trust</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Transparent</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Outage maps, ETA banners, and proactive notifications.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-400">IT + OT convergence</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Break silos between SCADA, DERMs, cloud, and customer platforms.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">OneUptime ingests historian data, telemetry buses, EMS apps, customer portals, and billing systems to deliver a single incident narrative.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v4.5M17.25 3v4.5m-12 3.75h13.5M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Grid-aware automation</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Trigger workflows when load, voltage, or asset health cross thresholds.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Link incidents to substations, feeders, and DER assets.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Integrate with ADMS, OMS, and outage analytics.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-amber-100 text-amber-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75h.008v.008H17.25zM6.75 6.75h.008v.008H6.75zM3 12h18" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Field & control collaboration</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Automate callouts, track restorations, and share situational awareness from one timeline.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-amber-400"></span>Rules by operating district, crew skill, or asset class.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-amber-400"></span>Two-way sync with Maximo, SAP, or custom CMMS.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-slate-100 text-slate-700">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-3.866 0-7 2.239-7 5s3.134 5 7 5 7-2.239 7-5-3.134-5-7-5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Customer & regulator transparency</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Share outage maps, ETRs, and compliance updates using templated communications.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-slate-400"></span>Multi-lingual portals for residential, C&I, and municipalities.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-slate-400"></span>Automated reports for regulators and public affairs.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/incident-state.png" alt="Utility reliability dashboard" class="w-full object-cover" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-400">Resilience playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold text-slate-900">Predict, respond, and report faster.</h3>
|
||||
<div class="mt-10 space-y-6">
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Predict</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Weather + asset intelligence</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Overlay storms, wildfires, or DER output to prioritize crews.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Respond</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Cross-team command center</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Control room, field, CX, and comms teams share decisions live.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Report</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Evidence on demand</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Produce regulator-ready PDFs, CSVs, or data room exports.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10 flex flex-wrap gap-3 text-xs text-slate-500">
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">NERC CIP aware</span>
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">Regional clouds</span>
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">OT segmentation</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
173
Home/Views/solutions-financial-services.ejs
Normal file
173
Home/Views/solutions-financial-services.ejs
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Financial Services Observability Platform</title>
|
||||
<meta name="description"
|
||||
content="Unify monitoring, alerting, and communications for financial institutions. Protect transactions, stay compliant, and react faster with OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-slate-950 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-base font-semibold uppercase tracking-[0.3em] text-emerald-300">Financial Services</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Observability that keeps pace with real-time finance.</h1>
|
||||
<p class="mt-6 text-lg text-slate-300 sm:text-xl">Monitor cards, payments, trading venues, and core banking stacks from a single plane of glass. Detect anomalies before they impact customers, automate regulatory communications, and give operations, SRE, and risk teams the same source of truth.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-indigo-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-indigo-500/30 transition hover:-translate-y-0.5 hover:bg-indigo-400">Start free</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Talk to sales</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-x-0 bottom-0 -z-10 opacity-70">
|
||||
<div class="mx-auto h-64 w-64 rounded-full bg-gradient-to-r from-indigo-500/40 via-sky-400/40 to-emerald-400/40 blur-3xl"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Incident detection</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">40% faster</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Noise-aware runbooks across card, ACH, and RTGS flows.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Regulatory readiness</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Audit in hours</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Auto-tag telemetry with PCI, SOX, and FFIEC context.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Customer trust</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">99.99%</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Predictive SLOs keep mobile and branch channels stable.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Ops efficiency</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">4 teams → 1</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Bring SRE, risk, compliance, and CX into the same workspace.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-indigo-500">Why OneUptime</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Purpose-built building blocks for regulated digital finance.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Instrument payment gateways, anti-fraud microservices, mainframe adapters, and modern cloud stacks without context switching. Alerts, runbooks, and customer messaging stay in sync automatically.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-indigo-100 text-indigo-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zM12 15.75h.007v.008H12z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Transaction-aware alerting</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Correlate queue depth, clearing latency, FX pricing, and downstream APIs with a single incident. Trigger workflows only when customer value is at risk.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex items-start gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Adaptive SLOs for cards, ACH, wires, and real-time payments.</li>
|
||||
<li class="flex items-start gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Golden signals enriched with customer, region, and product metadata.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-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>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Built-in governance</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Map every alert, incident, and communication to the controls that matter—PCI-DSS, SOC 2, SOX, or your in-house risk catalog.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex items-start gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Immutable audit trails for regulators and external auditors.</li>
|
||||
<li class="flex items-start gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Access policies that mirror lines of defense and segregation of duties.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-sky-100 text-sky-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V7.125C6 6.504 6.504 6 7.125 6h9.75C17.496 6 18 6.504 18 7.125V16.5m-12 0V19.5m12-3v3M6 16.5h12" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Executive-ready reporting</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Feed command centers, board packs, and regulator updates with live reliability data instead of stale spreadsheets.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex items-start gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Real-time impact heat maps across regions, products, and channels.</li>
|
||||
<li class="flex items-start gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Auto-generated post-incident summaries with customer-ready language.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="rounded-3xl bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-emerald-300">Outcome blueprint</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">From detection to disclosure without context gaps.</h3>
|
||||
<p class="mt-4 text-base text-slate-200">Every playbook step is templatized so teams focus on decisions, not swivel-chair work.</p>
|
||||
<ol class="mt-8 space-y-6 text-sm">
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">1</span>
|
||||
<div>
|
||||
<p class="font-semibold">Detect</p>
|
||||
<p class="text-slate-300">Streaming ingestion across data centers, cloud, and third-party processors triggers precise incidents.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">2</span>
|
||||
<div>
|
||||
<p class="font-semibold">Diagnose</p>
|
||||
<p class="text-slate-300">Root-cause explorers overlay business KPIs (fail rate, TPS, cost per trade) with infrastructure telemetry.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">3</span>
|
||||
<div>
|
||||
<p class="font-semibold">Communicate</p>
|
||||
<p class="text-slate-300">Regulator-ready updates, customer messaging, and internal war rooms stay synced through workflows.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="mt-10 flex flex-wrap gap-3 text-xs text-slate-400">
|
||||
<span class="rounded-full border border-white/30 px-4 py-1">PCI assistance</span>
|
||||
<span class="rounded-full border border-white/30 px-4 py-1">FFIEC mapping</span>
|
||||
<span class="rounded-full border border-white/30 px-4 py-1">SWIFT visibility</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12 lg:mt-0">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-lg">
|
||||
<img src="/img/status-page-dashboard.png" alt="Financial services reliability workspace" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="mt-8 grid gap-6 sm:grid-cols-2">
|
||||
<div class="rounded-2xl border border-slate-100 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold text-slate-500">Built for hybrid estates</p>
|
||||
<p class="mt-2 text-2xl font-bold text-slate-900">Mainframe + cloud</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Use the same monitors for z/OS bridges, Kafka, AWS, Azure, and on-prem APIs.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-100 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold text-slate-500">De-risk launches</p>
|
||||
<p class="mt-2 text-2xl font-bold text-slate-900">Launch readiness kit</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Pre-built dashboards for digital bank rollouts, BNPL, crypto rails, and more.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
151
Home/Views/solutions-government.ejs
Normal file
151
Home/Views/solutions-government.ejs
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Government & Public Sector Reliability</title>
|
||||
<meta name="description"
|
||||
content="Deliver resilient constituent services, secure infrastructure, and mission-critical systems for government agencies with OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-slate-950 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-amber-300">Government</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Mission-ready observability for federal, state, and local teams.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200 sm:text-xl">Constituent portals, smart city sensors, tactical networks, and secure cloud workloads all share one thing: they cannot go down. OneUptime unifies monitoring, incident response, and communications—designed for multi-cloud and air-gapped deployments.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-indigo-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-indigo-500/30 transition hover:-translate-y-0.5 hover:bg-indigo-400">Launch pilot</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Schedule briefing</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-x-0 bottom-0 -z-10 h-64 bg-gradient-to-t from-indigo-500/30"></div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Response readiness</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Minutes</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Mission playbooks align cyber, ops, and communications.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Deployment models</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Cloud or air-gap</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Run fully managed or inside secure facilities.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Security posture</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Zero trust</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Integrates with CAC/PIV, IdP, and attribute-based access.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Constituent trust</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Transparent</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Segmented status pages for internal and public audiences.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-amber-400">Modern missions</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Protect critical infrastructure, digital services, and emergency response networks.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Observe traffic, justice, healthcare, benefits, permitting, elections, or defense workloads with the same platform. Adopt automation without sacrificing governance.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-indigo-100 text-indigo-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6l4 2m5.25 5.25V8.106a2.25 2.25 0 00-1.125-1.944L12 2.25 3.375 6.162A2.25 2.25 0 002.25 8.106V17.25A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Secure observability</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Role-based data lakes, encryption everywhere, and private networking keep sensitive workloads isolated.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Support FedRAMP-ready, IL5, and CJIS-aligned deployments.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Extensive audit trails for IG, GAO, and oversight teams.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v4.5M17.25 3v4.5M3 8.25h18M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Public experience</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Keep grant portals, licensing systems, mobility apps, and emergency alerts responsive—even under peak load.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Predictive scaling tied to policy launch calendars.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Localized status pages and multilingual messaging.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-amber-100 text-amber-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 12l9-9 9 9M4.5 21h15" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Operational resilience</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Coordinate NOC, SOC, and field teams with the same incident view—complete with decision logs and evidence.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-amber-400"></span>Support continuity plans, COOP, and cross-agency exercises.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-amber-400"></span>Offline workflows for field operations and disconnected sites.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/status-page.png" alt="Government mission status" class="w-full object-cover" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-amber-400">Mission blueprint</p>
|
||||
<h3 class="mt-4 text-3xl font-bold text-slate-900">From cyber defense to constituent care.</h3>
|
||||
<p class="mt-4 text-base text-slate-600">OneUptime adapts to every mission area with modular building blocks.</p>
|
||||
<div class="mt-10 space-y-6">
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Command centers</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Joint incident rooms</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Bring CIO, CISO, PMO, and mission owners together with structured actions.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Data fusion</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Sensors + cloud + legacy</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Blend SCADA, IoT, satellite, and enterprise workloads with contextual tagging.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Communication</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Internal & public updates</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Templates for SITREPs, executive summaries, and constituent notices.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10 flex flex-wrap gap-3 text-xs text-slate-500">
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">Zero trust</span>
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">FIPS 140-2 crypto</span>
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">SCIF-ready</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
174
Home/Views/solutions-healthcare.ejs
Normal file
174
Home/Views/solutions-healthcare.ejs
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Healthcare Reliability & Compliance</title>
|
||||
<meta name="description"
|
||||
content="Protect patient experiences, keep clinicians productive, and document every workflow with HIPAA-aligned observability from OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-slate-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-rose-300">Healthcare</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Reliability that puts patients and clinicians first.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200 sm:text-xl">Monitor EHRs, virtual care platforms, IoT devices, and revenue cycle tooling in one secure command center. OneUptime helps you minimize downtime, share transparent updates, and maintain HIPAA-ready evidence automatically.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-rose-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-rose-500/30 transition hover:-translate-y-0.5 hover:bg-rose-400">Deploy workspace</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">See live demo</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(244,114,182,0.25),_transparent_60%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Clinical uptime</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">99.99%</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Protect EHR, LIS, PACS, pharmacy, and imaging workflows.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Care team signals</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Live</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Route alerts by on-call clinical engineering rotations.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">PHI safeguarding</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Encrypted</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Role-based access, audit logs, and evidence trails.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Patient trust</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Transparent</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Segmented status pages for patients, clinicians, and partners.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-rose-400">Connected care</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Keep the entire digital front door resilient—from triage bots to bedside devices.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">OneUptime streams telemetry from Epic, Cerner, Meditech, custom FHIR APIs, medical IoT, and revenue cycle automation. Every incident ties directly to patient and clinician impact.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-rose-100 text-rose-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6l4 2m6 5.25v-10.5a2.25 2.25 0 00-2.25-2.25h-15A2.25 2.25 0 002.25 6.75v10.5A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">PHI-first architecture</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Log redaction, encryption in transit and at rest, and granular RBAC keep patient data protected while teams collaborate.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-rose-400"></span>Map alerts to HIPAA, HITRUST, and local privacy controls.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-rose-400"></span>Automatic audit exports for compliance and security teams.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954 5.37a1.125 1.125 0 001.092 0L21.25 12" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 19.5H19.5A2.25 2.25 0 0021.75 17.25V8.106a2.25 2.25 0 00-1.125-1.944L12 2.25 3.375 6.162A2.25 2.25 0 002.25 8.106V17.25A2.25 2.25 0 004.5 19.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Care coordination signals</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Alert the right mix of clinical engineering, IT, and operations leaders with escalation policies that mirror hospital command structures.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Dynamic routing for bio-med shifts, on-call physicians, and vendor teams.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Cross-team huddles with embedded runbooks and context.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-slate-100 text-slate-700">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25h18M3 12h18M3 15.75h18" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Digital front door reliability</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Synthetic monitoring mimics patient scheduling, telehealth visits, and prescription refills to surface regressions fast.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-slate-400"></span>Device labs for kiosks, tablets, and bedside monitors.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-slate-400"></span>Patient-friendly status pages keep communities informed.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="rounded-3xl bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 p-10 text-white shadow-2xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-rose-300">Care delivery playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Resolve incidents before they delay care.</h3>
|
||||
<p class="mt-4 text-base text-slate-200">Standardize the path from detection to patient communication.</p>
|
||||
<ol class="mt-8 space-y-6 text-sm">
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">1</span>
|
||||
<div>
|
||||
<p class="font-semibold">Sense</p>
|
||||
<p class="text-slate-300">Collect metrics from EHR, network, biomedical devices, and cloud infrastructure.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">2</span>
|
||||
<div>
|
||||
<p class="font-semibold">Coordinate</p>
|
||||
<p class="text-slate-300">Assemble cross-functional huddles with escalations tuned for service lines and facilities.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">3</span>
|
||||
<div>
|
||||
<p class="font-semibold">Communicate</p>
|
||||
<p class="text-slate-300">Publish patient-ready updates, clinician advisories, and vendor actions from the same timeline.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="mt-10 flex flex-wrap gap-3 text-xs text-slate-400">
|
||||
<span class="rounded-full border border-white/20 px-4 py-1">HIPAA-aligned</span>
|
||||
<span class="rounded-full border border-white/20 px-4 py-1">Regional clouds</span>
|
||||
<span class="rounded-full border border-white/20 px-4 py-1">Zero trust ready</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12 lg:mt-0">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-lg">
|
||||
<img src="/img/incident-report.png" alt="Healthcare incident readiness" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="mt-8 grid gap-6 sm:grid-cols-2">
|
||||
<div class="rounded-2xl border border-slate-100 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold text-slate-500">Clinical innovation</p>
|
||||
<p class="mt-2 text-2xl font-bold text-slate-900">Virtual care</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Measure quality-of-service for telehealth, remote monitoring, and digital therapeutics.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-100 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold text-slate-500">Operations</p>
|
||||
<p class="mt-2 text-2xl font-bold text-slate-900">Revenue cycle</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Trace prior auth, coding, and billing automations for faster cash flow.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
154
Home/Views/solutions-insurance.ejs
Normal file
154
Home/Views/solutions-insurance.ejs
Normal file
|
|
@ -0,0 +1,154 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Insurance Cloud Operations</title>
|
||||
<meta name="description"
|
||||
content="Give underwriting, claims, and distribution teams real-time visibility. Detect outages across policy admin, portals, and partner APIs with OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-blue-950 via-slate-900 to-sky-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-300">Insurance</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Reliability for claims, underwriting, and digital distribution.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200 sm:text-xl">Give policyholders instant answers, empower adjusters, and keep broker portals fast. OneUptime correlates every workflow—FNOL, quote, bind, renew—with the infrastructure underneath.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-indigo-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-indigo-500/30 transition hover:-translate-y-0.5 hover:bg-indigo-400">Launch sandbox</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/50 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Request walkthrough</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10 opacity-60">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(59,130,246,0.35),_transparent_60%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Quote latency</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">< 2s</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Detect actuarial service regressions before brokers notice.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Claims SLAs</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Predictive</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Blend customer sentiment, adjuster queues, and API health.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Partner reliability</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">360° view</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Track MGAs, insurtech add-ons, and data providers in real-time.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Compliance</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Always-on</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Map every incident to NAIC, NYDFS, and ISO controls.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-500">Unified stack</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Tie policy admin cores, CRM, and AI-driven experiences together.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">OneUptime ingests telemetry from Guidewire, Duck Creek, Salesforce, Azure, AWS, and custom underwriting engines. Every alert is enriched with the business context operations teams need.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-indigo-100 text-indigo-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75l8.954 5.37a1.125 1.125 0 001.092 0l8.954-5.37M4.5 19.5h15a2.25 2.25 0 002.25-2.25V8.106a2.25 2.25 0 00-1.125-1.944L12 2.25 3.375 6.162A2.25 2.25 0 002.25 8.106V17.25A2.25 2.25 0 004.5 19.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Claims-aware automation</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Trigger workflows when claim intake spikes, document upload services stall, or inspection vendors fall behind.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Blend telematics, IoT sensors, and customer comms in one view.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Spin up virtual war rooms with underwriting, actuarial, and CX instantly.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6l4 2" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75v10.5A2.25 2.25 0 006 19.5h12a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0018 4.5H6a2.25 2.25 0 00-2.25 2.25z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Broker & partner trust</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Share curated service health with captive agents, MGAs, TPAs, and ecosystem fintechs. Keep everyone aligned with proactive messaging.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Segmented status pages by product line, geography, and channel.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Automated subscriber updates that mirror regulatory templates.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-sky-100 text-sky-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25h6m-6 3H15m-6 3h3M3 5.25C3 4.007 4.007 3 5.25 3h13.5C19.993 3 21 4.007 21 5.25v13.5A2.25 2.25 0 0118.75 21H5.25A2.25 2.25 0 013 18.75z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Regulated workflows</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Enforce separation of duties, maintain evidence, and accelerate market conduct exams with trackable communications.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Built-in audit timelines for NAIC Model Law 668 and NYDFS cyber regs.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Role-aware runbooks for first, second, and third lines of defense.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-100 shadow-lg">
|
||||
<img src="/img/monitor.png" alt="Insurance reliability dashboards" class="w-full object-cover" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-500">Blueprint</p>
|
||||
<h3 class="mt-4 text-3xl font-bold text-slate-900">Modernize the policy lifecycle without risking downtime.</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Connect legacy cores and modern composable platforms. OneUptime helps digital transformation teams ship faster—and safer.</p>
|
||||
<div class="mt-10 space-y-6">
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Experience layer</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Customer apps, agent portals, kiosks</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Synthetic testing mimics binding flows, premium payments, and endorsements.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Core & data</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Policy admin, rating, data science</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Correlate Kafka events, ETL pipelines, and actuarial jobs with customer impact.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Ecosystem</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Partners & data providers</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Monitor E&S partners, inspection vendors, reinsurers, and telematics feeds.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10 flex flex-wrap gap-3 text-xs text-slate-500">
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">ISO 27001 ready</span>
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">NYDFS CFR 500</span>
|
||||
<span class="rounded-full border border-slate-200 px-4 py-1">SOC 2 mapping</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
147
Home/Views/solutions-retail-ecommerce.ejs
Normal file
147
Home/Views/solutions-retail-ecommerce.ejs
Normal file
|
|
@ -0,0 +1,147 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Retail & eCommerce Reliability</title>
|
||||
<meta name="description" content="Deliver unforgettable retail and commerce experiences with unified observability, on-call, and customer communications from OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-slate-950 via-gray-900 to-rose-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-rose-300">Retail & eCommerce</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Keep every cart, kiosk, and fulfillment workflow online.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Unify store tech, headless commerce, marketplaces, and supply-chain telemetry. Detect issues before buyers feel them and keep merchandisers, CX, and ops aligned.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-rose-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-rose-500/30 transition hover:-translate-y-0.5 hover:bg-rose-400">Launch workspace</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Book retail demo</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(248,113,113,0.25),_transparent_65%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Checkout resilience</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">99.99%</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Catch PSP, tax, and inventory errors instantly.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Omnichannel ops</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Unified</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Monitor stores, web, mobile, and marketplaces together.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Release velocity</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">+35%</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Guardrails let teams ship personalized campaigns faster.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">CX transparency</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Live</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Segmented status pages for partners and support desks.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-rose-400">Unified commerce</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Connect digital storefronts, physical retail, and fulfillment networks.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">OneUptime ingests metrics from headless CMS, CDNs, POS, OMS, ERP, and logistics providers. Each incident is enriched with SKU, campaign, and region context.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-rose-100 text-rose-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h18M9 3v18m6-18v18M3 9h18M3 15h18" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Campaign-aware monitoring</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Correlate conversion drops with releases, catalog changes, or promo traffic spikes.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-rose-400"></span>Edge synthetic tests replicate carts, coupons, and payment flows.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-rose-400"></span>Auto-rollbacks via workflows when KPIs regress.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25h18M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Store & supply visibility</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Blend IoT shelf sensors, POS, warehouses, and carrier feeds to prevent outages and stockouts.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Impact heatmaps across channels, cities, and fulfillment nodes.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Escalations route between SRE, retail ops, and 3PL partners.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-sky-100 text-sky-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6l4 2m4.5 5.25v-10.5a2.25 2.25 0 00-2.25-2.25h-15A2.25 2.25 0 002.25 6.75v10.5A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Customer trust playbooks</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Segmented status pages keep shoppers, partners, and support aware of incidents and ETAs.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Localized messaging in multiple languages and currencies.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Ticket deflection via proactive emails, SMS, and chatbots.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/status-page-dashboard.png" alt="Retail observability cockpit" class="w-full object-cover" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-rose-400">Blueprint</p>
|
||||
<h3 class="mt-4 text-3xl font-bold text-slate-900">From drop alerts to loyalty wins.</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Give growth, engineering, and CX one shared timeline.</p>
|
||||
<div class="mt-10 space-y-6">
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Sense</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Edge synthetics & POS sensors</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Spot latency or payment regression where buyers feel it first.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Coordinate</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Fulfillment-aware on-call</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Route to dev, ops, merchandising, or partners instantly.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 p-6">
|
||||
<p class="text-sm font-semibold text-slate-500">Delight</p>
|
||||
<p class="mt-2 text-lg font-semibold text-slate-900">Transparent communications</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Reduce cancellations with proactive trust updates.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
171
Home/Views/solutions-telecommunications.ejs
Normal file
171
Home/Views/solutions-telecommunications.ejs
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Telecom & Media Reliability</title>
|
||||
<meta name="description" content="Deliver flawless connectivity, streaming, and edge experiences with telecom-ready observability and incident response from OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-indigo-950 via-slate-950 to-sky-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-sky-300">Telecommunications & Media</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Reliability for 5G, fiber, satellite, and streaming platforms.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Correlate network telemetry, BSS/OSS workflows, and customer experience KPIs. Automate escalations from NOC to field to CX from one command center.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-indigo-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-indigo-500/30 transition hover:-translate-y-0.5 hover:bg-indigo-400">Start pilot</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Talk to experts</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(59,130,246,0.25),_transparent_60%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<dl class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">MTTR</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">< 8 min</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Close last-mile and core incidents faster.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Network visibility</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Edge-to-core</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Correlate RAN, transport, cloud, and app signals.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Field coordination</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Automated</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Trigger truck rolls or vendor tickets automatically.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<dt class="text-sm font-medium text-slate-500">Customer trust</dt>
|
||||
<dd class="mt-3 text-4xl font-bold text-slate-900">Proactive</dd>
|
||||
<p class="mt-2 text-sm text-slate-500">Segmented notifications for enterprise, wholesale, and residential.</p>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="max-w-3xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-400">Network-aware observability</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Blend OSS/BSS, telemetry, and customer analytics in one workflow.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">OneUptime ingests SNMP traps, streaming telemetry, NetFlow, Kafka events, and CX signals to automate troubleshooting.</p>
|
||||
</div>
|
||||
<div class="mt-14 grid gap-8 lg:grid-cols-3">
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-sky-100 text-sky-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6l4 2m6 5.25v-10.5a2.25 2.25 0 00-2.25-2.25h-15A2.25 2.25 0 002.25 6.75v10.5A2.25 2.25 0 004.5 19.5h15a2.25 2.25 0 002.25-2.25z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">5G & edge command center</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Map slices, MEC workloads, and partner APIs to customer impact.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>SLOs per slice, cluster, or enterprise tenant.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Automated RCA with topology overlays.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-emerald-100 text-emerald-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25h18M5.25 21h13.5A2.25 2.25 0 0021 18.75V8.25H3v10.5A2.25 2.25 0 005.25 21z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Field force automation</h3>
|
||||
<p class="mt-4 text-base text-slate-600">When alarms trigger, workflows notify dispatch, vendor management, and enterprise success instantly.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Escalations by geography, product, or SLA tier.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Bidirectional sync with ServiceNow, Jira, and custom OSS.</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-amber-100 text-amber-600">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-3.866 0-7 2.239-7 5s3.134 5 7 5 7-2.239 7-5-3.134-5-7-5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="mt-6 text-2xl font-semibold text-slate-900">Customer-ready communications</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Deliver live dashboards and notifications to wholesale, MVNO, and media partners.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-amber-400"></span>Multi-brand, multi-language status centers.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-amber-400"></span>Automated SITREP exports for regulators.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl gap-16 px-6 lg:grid lg:grid-cols-2 lg:px-8">
|
||||
<div class="rounded-3xl bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-300">Mission playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Predict, prevent, and communicate.</h3>
|
||||
<ol class="mt-8 space-y-6 text-sm">
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">1</span>
|
||||
<div>
|
||||
<p class="font-semibold">Detect</p>
|
||||
<p class="text-slate-300">Stream telemetry from RAN, transport, CDN, and cloud edges.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">2</span>
|
||||
<div>
|
||||
<p class="font-semibold">Diagnose</p>
|
||||
<p class="text-slate-300">Correlate alarms with topology, maintenance, and weather feeds.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex gap-4">
|
||||
<span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-white/10 text-base font-semibold">3</span>
|
||||
<div>
|
||||
<p class="font-semibold">Inform</p>
|
||||
<p class="text-slate-300">Publish SLA-ready updates and RCA packages automatically.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="mt-10 flex flex-wrap gap-3 text-xs text-slate-400">
|
||||
<span class="rounded-full border border-white/20 px-4 py-1">MEF & TM Forum ready</span>
|
||||
<span class="rounded-full border border-white/20 px-4 py-1">Zero-trust compliant</span>
|
||||
<span class="rounded-full border border-white/20 px-4 py-1">Multi-cloud</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12 lg:mt-0">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/monitor.png" alt="Telecom operations dashboard" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="mt-8 grid gap-6 sm:grid-cols-2">
|
||||
<div class="rounded-2xl border border-slate-100 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold text-slate-500">Media platforms</p>
|
||||
<p class="mt-2 text-2xl font-bold text-slate-900">Streaming QoE</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Measure startup time, buffering, and ad delivery alongside infra KPIs.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-100 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold text-slate-500">Enterprise services</p>
|
||||
<p class="mt-2 text-2xl font-bold text-slate-900">SLAs & credits</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Automate SLA credit workflows with accurate downtime math.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
125
Home/Views/use-case-cloud-migration.ejs
Normal file
125
Home/Views/use-case-cloud-migration.ejs
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Cloud Migration Assurance Use Case</title>
|
||||
<meta name="description" content="De-risk migrations and modernizations with unified observability, incident workflows, and stakeholder communications from OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-slate-950 via-slate-900 to-sky-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-5xl px-6 lg:px-8 text-center">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-sky-300">Use Case · Cloud Migration</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Move workloads with confidence, visibility, and control.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Plan, execute, and stabilize migrations using one shared platform for runbooks, telemetry, and communications.</p>
|
||||
<div class="mt-10 flex flex-wrap justify-center gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-sky-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-sky-500/30 transition hover:-translate-y-0.5 hover:bg-sky-400">Create migration hub</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Schedule workshop</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(56,189,248,0.25),_transparent_60%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-8 md:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-400">Planning</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Single backlog</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Track waves, dependencies, and risks centrally.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-400">Execution</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Live KPIs</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Measure latency, error budgets, and cost deltas per wave.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-400">Stabilization</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Faster</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Automated runbooks shrink hypercare windows.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid gap-16 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-500">Migration cockpit</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">From inventory to hypercare without switching tools.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Attach observability, on-call, and communications to every wave.</p>
|
||||
<dl class="mt-8 space-y-6">
|
||||
<div class="rounded-3xl bg-white/80 p-6 shadow-sm ring-1 ring-black/5">
|
||||
<dt class="text-sm font-semibold text-sky-500">Wave planning</dt>
|
||||
<dd class="mt-3 text-base text-slate-600">Categorize apps by complexity, business impact, and dependencies. Auto-generate guardrails.</dd>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/80 p-6 shadow-sm ring-1 ring-black/5">
|
||||
<dt class="text-sm font-semibold text-sky-500">Change calendar</dt>
|
||||
<dd class="mt-3 text-base text-slate-600">Share schedules with business stakeholders and freeze windows when needed.</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="space-y-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/workflow-builder.png" alt="Cloud migration workflow" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<h3 class="text-2xl font-semibold text-slate-900">Automation toolkit</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Kick off infrastructure builds, smoke tests, and rollback plans with branching workflows.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Call Terraform, CloudFormation, or Pulumi steps inline.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-sky-400"></span>Notify finance, security, and product teams with templated updates.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="rounded-4xl border border-slate-200 bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<div class="grid gap-8 lg:grid-cols-3">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-300">Playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Migration assurance loop</h3>
|
||||
<p class="mt-4 text-sm text-slate-200">Keep migrations transparent and measurable.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-sky-200">Assess</p>
|
||||
<p class="mt-3 text-xl font-semibold">Readiness scorecards</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Score risk, testing, and rollback depth before go-live.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-sky-200">Execute</p>
|
||||
<p class="mt-3 text-xl font-semibold">Live dashboards</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Monitor workload health plus cost, latency, and errors.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6 lg:col-span-3">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-sky-200">Stabilize</p>
|
||||
<p class="mt-3 text-xl font-semibold">Hypercare workflows</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Route issues, capture lessons, and hand off to steady-state teams.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
126
Home/Views/use-case-customer-trust.ejs
Normal file
126
Home/Views/use-case-customer-trust.ejs
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Customer Trust & Communications Use Case</title>
|
||||
<meta name="description" content="Keep customers informed with proactive status pages, targeted alerts, and transparent post-incident recaps—powered by OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-indigo-950 via-slate-900 to-indigo-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-5xl px-6 lg:px-8 text-center">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-indigo-300">Use Case</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Turn every incident into a moment of trust.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Customer trust breaks when updates are opaque, late, or missing. OneUptime synchronizes monitoring, incident response, and communication so your users know exactly what's happening and when it will be fixed.</p>
|
||||
<div class="mt-10 flex flex-wrap justify-center gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-white px-8 py-3 text-sm font-semibold uppercase tracking-wide text-slate-900 shadow-lg shadow-white/20 transition hover:-translate-y-0.5">Build trust center</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Watch customer comms demo</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-full bg-[radial-gradient(circle_at_top,_rgba(79,70,229,0.35),_transparent_65%)]"></div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-8 md:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-400">Transparency</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">+72% NPS</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Teams increase loyalty when customers receive real-time, honest updates.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-400">Efficiency</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">-35% tickets</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Proactive comms reduce repetitive support contacts.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-400">Clarity</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Single source</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Status pages, subscriber emails, and internal briefs pull from a shared timeline.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid gap-16 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-500">Experience design</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Design a beautiful trust center in minutes.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Drag-and-drop sections, rich media embeds, brand-safe typography, and dark mode ready layouts help you launch a premium public status page without code.</p>
|
||||
<dl class="mt-8 space-y-6">
|
||||
<div class="rounded-3xl bg-white/70 p-6 shadow-sm ring-1 ring-black/5">
|
||||
<dt class="text-sm font-semibold text-indigo-500">Segmented messaging</dt>
|
||||
<dd class="mt-3 text-base text-slate-600">Target enterprise customers, beta testers, or geography-specific audiences with unique components and RSS feeds.</dd>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/70 p-6 shadow-sm ring-1 ring-black/5">
|
||||
<dt class="text-sm font-semibold text-indigo-500">Embeddable badges</dt>
|
||||
<dd class="mt-3 text-base text-slate-600">Embed live service health in docs, admin consoles, or marketing sites with a single snippet.</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="space-y-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/status-page-new.png" alt="Customer trust center" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<h3 class="text-2xl font-semibold text-slate-900">End-to-end comms automation</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Trigger proactive emails, SMS, Slack posts, and webhook updates from the same incident timeline.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Approval gates for legal, PR, or compliance review.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Personalized ETA banners across web and mobile apps.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-indigo-400"></span>Post-incident retros with shareable, human-readable summaries.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="rounded-4xl bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<div class="flex flex-col gap-10 lg:flex-row lg:items-center">
|
||||
<div class="lg:w-1/2">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-300">Playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Customer trust loop</h3>
|
||||
<p class="mt-4 text-base text-slate-200">Codify how your team informs customers from the first anomaly to final review.</p>
|
||||
</div>
|
||||
<div class="grid flex-1 gap-4 sm:grid-cols-3">
|
||||
<div class="rounded-2xl bg-white/10 p-4">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-200">Listen</p>
|
||||
<p class="mt-2 text-lg font-semibold">Correlated signals</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Tie synthetic, API, and business KPIs to customer cohorts.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-white/10 p-4">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-200">Explain</p>
|
||||
<p class="mt-2 text-lg font-semibold">Guided updates</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Message templates adapt tone to severity and audience.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-white/10 p-4">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-200">Learn</p>
|
||||
<p class="mt-2 text-lg font-semibold">Close the loop</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Share RCA snapshots and recommended actions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
125
Home/Views/use-case-distributed-operations.ejs
Normal file
125
Home/Views/use-case-distributed-operations.ejs
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Distributed Operations Use Case</title>
|
||||
<meta name="description" content="Give distributed operations teams a single system to monitor sites, edge devices, and services while coordinating field response." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-slate-950 via-slate-900 to-emerald-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-5xl px-6 lg:px-8 text-center">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-emerald-300">Use Case · Distributed Ops</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Edge, plants, and branches — managed as one system.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">OneUptime blends IoT telemetry, SCADA, and cloud services so operations, SRE, and field crews get the same live picture.</p>
|
||||
<div class="mt-10 flex flex-wrap justify-center gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-emerald-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-emerald-500/30 transition hover:-translate-y-0.5 hover:bg-emerald-400">Launch distributed workspace</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">See operations demo</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(16,185,129,0.25),_transparent_60%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-8 md:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-400">Visibility</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Global map</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Layer sensors, connectivity, and workloads per site.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-400">Coordination</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">One timeline</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Ops, IT, and field teams act from the same runbook.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-400">Compliance</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Audit-ready</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Capture approvals, data, and communications automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid gap-16 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-500">Situational awareness</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Correlate telemetry, maintenance, and workforce data.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Stream metrics from PLCs, historians, OT gateways, and cloud apps into a normalized fabric enriched with asset metadata.</p>
|
||||
<dl class="mt-8 space-y-6">
|
||||
<div class="rounded-3xl bg-white/80 p-6 shadow-sm ring-1 ring-black/5">
|
||||
<dt class="text-sm font-semibold text-emerald-500">Asset-aware alerting</dt>
|
||||
<dd class="mt-3 text-base text-slate-600">Tag incidents with site, asset criticality, and safety class to prioritize the right crews.</dd>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/80 p-6 shadow-sm ring-1 ring-black/5">
|
||||
<dt class="text-sm font-semibold text-emerald-500">Maintenance integrations</dt>
|
||||
<dd class="mt-3 text-base text-slate-600">Sync work orders in Maximo, SAP PM, or ServiceNow automatically.</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="space-y-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/monitor-list.png" alt="Distributed operations map" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<h3 class="text-2xl font-semibold text-slate-900">Field-ready workflows</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Trigger multi-hop playbooks: notify site leads, push mobile alerts, log regulatory updates, and post to status pages.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Escalations by geography, asset type, and SLA.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Optional approvals for safety-critical actions.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="rounded-4xl border border-slate-200 bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<div class="grid gap-8 lg:grid-cols-3">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-300">Playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Distributed ops loop</h3>
|
||||
<p class="mt-4 text-sm text-slate-200">Stay ahead of failures and keep teams aligned.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-emerald-200">Sense</p>
|
||||
<p class="mt-3 text-xl font-semibold">Unified telemetry</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Edge agents stream metrics, logs, and events securely.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-emerald-200">Decide</p>
|
||||
<p class="mt-3 text-xl font-semibold">Context-rich incidents</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Auto-attach SOPs, docs, and recent changes.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6 lg:col-span-3">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-emerald-200">Act</p>
|
||||
<p class="mt-3 text-xl font-semibold">Closed-loop workflows</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Trigger maintenance, notify customers, and capture lessons learned.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
131
Home/Views/use-case-platform-engineering.ejs
Normal file
131
Home/Views/use-case-platform-engineering.ejs
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Platform Engineering Use Case</title>
|
||||
<meta name="description" content="Give platform and SRE teams a control plane for golden signals, self-service runbooks, and automated remediation with OneUptime." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-slate-950 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-sky-300">Use Case · Platform</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Operate every environment from one programmable surface.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Provision monitors, manage incident workflows, and expose paved roads to application teams. OneUptime is the reliability fabric for your internal developer platform.</p>
|
||||
<div class="mt-10 flex flex-wrap gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-indigo-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-indigo-500/30 transition hover:-translate-y-0.5 hover:bg-indigo-400">Launch control plane</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">See platform blueprints</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10 opacity-60">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(14,165,233,0.3),_transparent_70%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-8 lg:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-slate-500">Lead time</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">-45%</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Blueprints reduce toil across onboarding and service maturity.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-slate-500">MTTR</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">< 10m</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Golden signals, runbooks, and comms stay in sync.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-slate-500">Self-service</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Templates</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Expose paved paths for onboarding monitors, SLOs, and alerts.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid gap-16 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-500">Golden signals</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Standardize reliability without slowing builders down.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Use infrastructure-as-code or UI kits to ship consistent monitors, dashboards, incident states, and escalation paths for every service.</p>
|
||||
<ul class="mt-8 space-y-5">
|
||||
<li class="rounded-3xl bg-white p-5 shadow-sm ring-1 ring-black/5">
|
||||
<p class="text-base font-semibold text-slate-900">Service catalogs & maturity scores</p>
|
||||
<p class="mt-2 text-sm text-slate-600">Scorecards show which teams have SLOs, autoscaling, on-call coverage, and tested runbooks.</p>
|
||||
</li>
|
||||
<li class="rounded-3xl bg-white p-5 shadow-sm ring-1 ring-black/5">
|
||||
<p class="text-base font-semibold text-slate-900">Extensible policy engine</p>
|
||||
<p class="mt-2 text-sm text-slate-600">Automatically create incidents when guardrails fail (error budgets, config drift, compliance drifts).</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="space-y-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/workflow-builder.png" alt="Platform engineering workflows" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<h3 class="text-2xl font-semibold text-slate-900">Workflow automation</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Chain no-code and low-code steps: run Terraform, restart services, page engineers, or update Jira—all from one timeline.</p>
|
||||
<div class="mt-6 grid gap-4 sm:grid-cols-2">
|
||||
<div class="rounded-2xl border border-slate-100 p-4 text-sm text-slate-600">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-slate-400">Inputs</p>
|
||||
<p class="mt-2 font-semibold text-slate-900">Grafana, Prometheus, OpenTelemetry, custom events.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-100 p-4 text-sm text-slate-600">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-slate-400">Outputs</p>
|
||||
<p class="mt-2 font-semibold text-slate-900">PagerDuty, Slack, ServiceNow, GitHub, custom webhooks.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="rounded-4xl border border-slate-200 bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<div class="grid gap-8 lg:grid-cols-3">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-sky-300">Playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Platform reliability loop</h3>
|
||||
<p class="mt-4 text-sm text-slate-200">Codify continuous improvement without more meetings.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-sky-200">Observe</p>
|
||||
<p class="mt-3 text-xl font-semibold">Unified telemetry fabric</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Normalize metrics, logs, traces, and workflows with tags for team, stack, and priority.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-sky-200">Automate</p>
|
||||
<p class="mt-3 text-xl font-semibold">Safe self-healing</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Guardrails ensure scripts run only with approvals, canary checks, and observability proofs.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6 lg:col-span-3">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-sky-200">Share</p>
|
||||
<p class="mt-3 text-xl font-semibold">Scorecards & retros</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Feed metrics and lessons into docs, wiki, or town halls with one-click exports.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
124
Home/Views/use-case-regulatory-communications.ejs
Normal file
124
Home/Views/use-case-regulatory-communications.ejs
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Regulatory Communications Use Case</title>
|
||||
<meta name="description" content="Coordinate legal, risk, and engineering teams with a single source of truth for regulatory communications and evidence." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-emerald-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-5xl px-6 lg:px-8 text-center">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-emerald-300">Use Case · Regulatory Communications</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Respond to regulators with clarity and confidence.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">When customers, auditors, or regulators ask for answers, you need more than scattered spreadsheets. OneUptime captures every signal, decision, and message in one verified timeline.</p>
|
||||
<div class="mt-10 flex flex-wrap justify-center gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-emerald-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-emerald-500/30 transition hover:-translate-y-0.5 hover:bg-emerald-400">Launch secure workspace</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">Request governance demo</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(16,185,129,0.25),_transparent_70%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-8 lg:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-slate-500">Audit prep</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Hours</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Pull complete evidence packages instantly.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-slate-500">Reg reporting</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Templated</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Answer FFIEC, EBA, RBI, APRA, or SOC 2 requests consistently.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-slate-500">Risk insights</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Live</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Share burn-up charts, SLAs, and impact analysis with executives.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid gap-16 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-500">Evidence automation</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Capture every control test inside the incident workflow.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Attach screenshots, log excerpts, approvals, and remediation tasks without leaving OneUptime. Export signed PDFs or JSON bundles to whatever system of record you choose.</p>
|
||||
<div class="mt-10 space-y-6">
|
||||
<div class="rounded-3xl bg-white p-6 shadow-sm ring-1 ring-black/5">
|
||||
<p class="text-base font-semibold text-slate-900">Control mappings</p>
|
||||
<p class="mt-2 text-sm text-slate-600">Link incidents to SOC 2 CC7, ISO 27001 A.16, DORA Article 11, or custom policies.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-6 shadow-sm ring-1 ring-black/5">
|
||||
<p class="text-base font-semibold text-slate-900">Reviewer workflow</p>
|
||||
<p class="mt-2 text-sm text-slate-600">Built-in sign-offs for legal, risk, privacy, and executive sponsors.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-y-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/incident.png" alt="Regulatory communications timeline" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<h3 class="text-2xl font-semibold text-slate-900">Communication templates</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Answer the "what happened?" question faster with smart templates for each stakeholder.</p>
|
||||
<ul class="mt-6 space-y-3 text-sm text-slate-500">
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Regulator-ready SITREP and incident notification outlines.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Board / exec packs with metrics, actions, and investment asks.</li>
|
||||
<li class="flex gap-3"><span class="mt-1 h-2 w-2 rounded-full bg-emerald-400"></span>Customer statements that reuse approved language.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-10 lg:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.4em] text-emerald-400">Plan</p>
|
||||
<h3 class="mt-4 text-xl font-semibold text-slate-900">Catalog obligations</h3>
|
||||
<p class="mt-2 text-sm text-slate-600">Centralize regulatory clauses, timelines, and required evidence.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.4em] text-emerald-400">Act</p>
|
||||
<h3 class="mt-4 text-xl font-semibold text-slate-900">Orchestrate responses</h3>
|
||||
<p class="mt-2 text-sm text-slate-600">Assign owners, due dates, and dependencies with reminders.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 shadow-sm">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.4em] text-emerald-400">Report</p>
|
||||
<h3 class="mt-4 text-xl font-semibold text-slate-900">Deliver proof</h3>
|
||||
<p class="mt-2 text-sm text-slate-600">One-click export to PDF, Confluence, or secure data rooms.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-12 rounded-4xl bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-emerald-300">Outcome</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Always be audit-ready.</h3>
|
||||
<p class="mt-4 text-base text-slate-200">Whether you're preparing for SOC 2, DORA, PCI, or a government notification, OneUptime keeps every fact, file, and decision traceable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
131
Home/Views/use-case-release-guardrails.ejs
Normal file
131
Home/Views/use-case-release-guardrails.ejs
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" id="home">
|
||||
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
|
||||
<head>
|
||||
<title>OneUptime | Release Guardrails Use Case</title>
|
||||
<meta name="description" content="Ship faster without surprises. OneUptime provides release guardrails, automated verifications, and rollback workflows in one place." />
|
||||
<%- include('head', {
|
||||
enableGoogleTagManager: typeof enableGoogleTagManager !== 'undefined' ? enableGoogleTagManager : false
|
||||
}) -%>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<%- include('nav') -%>
|
||||
|
||||
<section class="relative isolate overflow-hidden bg-gradient-to-br from-purple-950 via-slate-950 to-indigo-900 py-24 sm:py-32 text-white">
|
||||
<div class="mx-auto max-w-4xl px-6 lg:px-8 text-center">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.5em] text-indigo-300">Use Case · Release Guardrails</p>
|
||||
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-6xl">Launch every release with observability, SLOs, and comms baked in.</h1>
|
||||
<p class="mt-6 text-lg text-slate-200">Connect feature flags, CI/CD pipelines, and OneUptime workflows so releases stay reversible and transparent.</p>
|
||||
<div class="mt-10 flex flex-wrap justify-center gap-4">
|
||||
<a href="/accounts/register" class="rounded-full bg-indigo-500 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white shadow-lg shadow-indigo-500/30 transition hover:-translate-y-0.5 hover:bg-indigo-400">Create release guardrails</a>
|
||||
<a href="/enterprise/demo" class="rounded-full border border-white/40 px-8 py-3 text-sm font-semibold uppercase tracking-wide text-white transition hover:border-white hover:bg-white/10">View blueprint</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pointer-events-none absolute inset-0 -z-10">
|
||||
<div class="mx-auto h-full w-full bg-[radial-gradient(circle_at_top,_rgba(99,102,241,0.3),_transparent_60%)]"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('logo-roll') -%>
|
||||
|
||||
<section class="bg-white py-16 sm:py-24">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="grid gap-8 md:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-400">Confidence</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">Pre-flight</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Automated checks for SLOs, dependencies, and compliance.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-400">Speed</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">+30%</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Reusable templates reduce sign-off delays.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl border border-slate-200 p-6 text-center shadow-sm">
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-400">Safety</p>
|
||||
<p class="mt-3 text-4xl font-bold text-slate-900">1-click</p>
|
||||
<p class="mt-2 text-sm text-slate-500">Launch rollbacks, feature toggles, and comms from the same panel.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-slate-50 py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid gap-16 lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-500">Blueprint</p>
|
||||
<h2 class="mt-4 text-4xl font-bold tracking-tight text-slate-900">Tie change tracking, observability, and communications together.</h2>
|
||||
<p class="mt-6 text-lg text-slate-600">Every deployment becomes a structured incident with ready-made guardrails.</p>
|
||||
<ul class="mt-8 space-y-5">
|
||||
<li class="rounded-3xl bg-white p-5 shadow-sm ring-1 ring-black/5">
|
||||
<p class="text-base font-semibold text-slate-900">Pre-launch validation</p>
|
||||
<p class="mt-2 text-sm text-slate-600">Check runbooks, pager coverage, and recent incidents automatically.</p>
|
||||
</li>
|
||||
<li class="rounded-3xl bg-white p-5 shadow-sm ring-1 ring-black/5">
|
||||
<p class="text-base font-semibold text-slate-900">Live telemetry overlays</p>
|
||||
<p class="mt-2 text-sm text-slate-600">Compare real-time KPIs to historical baselines per cohort.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="space-y-8">
|
||||
<div class="overflow-hidden rounded-3xl border border-slate-200 shadow-lg">
|
||||
<img src="/img/workflow-logs.png" alt="Release guardrail workflow" class="w-full object-cover" />
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white p-8 shadow-xl ring-1 ring-black/5">
|
||||
<h3 class="text-2xl font-semibold text-slate-900">Automated checkpoints</h3>
|
||||
<p class="mt-4 text-base text-slate-600">Workflows pause if SLOs, error budgets, or security scans fail and notify the right approvers.</p>
|
||||
<div class="mt-6 grid gap-4 sm:grid-cols-2">
|
||||
<div class="rounded-2xl border border-slate-100 p-4 text-sm text-slate-600">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-slate-400">Integrations</p>
|
||||
<p class="mt-2 font-semibold text-slate-900">GitHub, GitLab, Jenkins, CircleCI, ArgoCD.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-100 p-4 text-sm text-slate-600">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-slate-400">Actions</p>
|
||||
<p class="mt-2 font-semibold text-slate-900">Feature flags, rollbacks, status updates, Jira sync.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
<div class="rounded-4xl bg-slate-900 p-10 text-white shadow-2xl">
|
||||
<div class="grid gap-8 lg:grid-cols-3">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.4em] text-indigo-300">Playbook</p>
|
||||
<h3 class="mt-4 text-3xl font-bold">Guardrail loop</h3>
|
||||
<p class="mt-4 text-sm text-slate-200">Visibility before, during, and after every change.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-200">Plan</p>
|
||||
<p class="mt-3 text-xl font-semibold">Change templates</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Auto-fill owners, risk scoring, and approvals.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-200">Observe</p>
|
||||
<p class="mt-3 text-xl font-semibold">Live scorecards</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Compare KPIs vs. SLOs per market or customer tier.</p>
|
||||
</div>
|
||||
<div class="rounded-3xl bg-white/10 p-6 lg:col-span-3">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.3em] text-indigo-200">Communicate</p>
|
||||
<p class="mt-3 text-xl font-semibold">Instant updates</p>
|
||||
<p class="mt-2 text-sm text-slate-200">Publish stage gates, ETA, and final notes to stakeholders via email, Slack, or status page.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<%- include('cta') -%>
|
||||
<%- include('footer') -%>
|
||||
<%- include('./Partials/video-script') -%>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue