<!doctype html>
<html lang="en">
<head>
<script id="theme-bootstrap">
(function () {
try {
// Prevent double-run if present
if (document.getElementById('theme-bootstrap')?.dataset.initialized === '1') return;
document.getElementById('theme-bootstrap').dataset.initialized = '1';
const KEY = 'theme'; const root = document.documentElement;
const q = new URLSearchParams(location.search).get('theme');
if (q === 'dark' || q === 'light') { localStorage.setItem(KEY, q); }
const saved = localStorage.getItem(KEY);
root.classList.toggle('dark', saved === 'dark');
} catch (e) { }
})();
</script>
<script id="og-fallback">
(function () {
try {
var h = document.head;
function ensure(prop, content) {
if (!h.querySelector('meta[property="' + prop + '"]')) {
var m = document.createElement('meta');
m.setAttribute('property', prop);
m.setAttribute('content', content);
h.appendChild(m);
}
}
ensure('og:title', 'WeatherWise by EHAB');
ensure('og:description', 'Weather risk intelligence—fast.');
ensure('og:image', '/assets/img/hero-storm.webp');
} catch (e) { }
})();
</script>
<script id="ga-loader">
(function () {
if (document.getElementById('ga-script')) return;
window.dataLayer = window.dataLayer || [];
function gtag(){ dataLayer.push(arguments); }
window.gtag = window.gtag || gtag;
gtag('js', new Date());
gtag('config', 'G-3TYEBD6NGZ');
var s = document.createElement('script');
s.id = 'ga-script'; s.async = true;
s.src = 'https://www.googletagmanager.com/gtag/js?id=G-3TYEBD6NGZ';
document.head.appendChild(s);
})();
</script>
<script id="plausible-loader">
(function () {
// Skip if already loaded by page or previous injection
if (document.getElementById('plausible-script')) return;
var isDev = location.hostname === 'localhost' || location.hostname === '127.0.0.1' || location.hostname.endsWith('.test');
var domain = isDev ? 'dev.ehab.co' : 'ehab.co';
var s = document.createElement('script');
s.id = 'plausible-script';
s.defer = true;
s.setAttribute('data-domain', domain);
s.src = isDev
? 'https://plausible.io/js/script.local.file-downloads.hash.outbound-links.pageview-props.tagged-events.js'
: 'https://plausible.io/js/script.file-downloads.hash.outbound-links.pageview-props.tagged-events.js';
document.head.appendChild(s);
window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments) };
})();
</script>
<script id="appjs-loader">
(function () {
try {
// If app.js not present, load from root so nested reports work
if (!document.querySelector('script[src$="/js/app.js"], script[src="js/app.js"]')) {
var s = document.createElement('script');
s.defer = true; s.src = '/js/app.js';
document.head.appendChild(s);
}
} catch (e) { }
})();
</script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>WeatherWise by EHAB — Weather risk intelligence</title>
<meta name="description"
content="AI-powered weather risk intelligence for construction, energy, brokers, and finance. Cut downtime, protect margins, and act before the weather hits.">
<!-- Tailwind build (purged). Keep this filename exactly as your build outputs -->
<link rel="stylesheet" href="./output.css" />
<!-- Open Graph -->
<meta property="og:title" content="WeatherWise by EHAB" />
<meta property="og:description" content="Weather risk intelligence—fast." />
<meta property="og:image" content="/assets/img/hero-storm.webp" />
</head>
<body class="bg-white text-slate-900 dark:bg-slate-950 dark:text-slate-50 antialiased" data-page="home">
<!-- NAV -->
<header class="max-w-6xl mx-auto px-4">
<div class="flex items-center justify-between py-4">
<a href="/" class="block" aria-label="EHAB">
<img src="assets/img/logo-ehab.webp" alt="EHAB" class="h-10 w-auto block dark:hidden" />
<img src="assets/img/logo-ehab-dark.webp" alt="EHAB" class="h-10 w-auto hidden dark:block" />
</a>
<nav class="hidden sm:flex items-center gap-5">
<a href="#faq"
class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">FAQ</a>
<a href="#features"
class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">Platform</a>
<a href="https://blog.ehab.co" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white" rel="noopener" target="_blank">Blog</a>
<a href="#industries"
class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">Industries</a>
<a href="https://beta.ehab.co" data-track="nav_login" class="px-3 py-2 rounded-xl border border-slate-300 text-slate-900 hover:bg-slate-100
dark:border-slate-700 dark:text-slate-100 dark:hover:bg-slate-800">Login</a>
<a href="https://beta.ehab.co/sign-up/" data-track="nav_signup"
class="px-4 py-2 rounded-xl font-semibold text-slate-900 bg-gradient-to-r from-brand to-accent hover:opacity-90">Sign
up free</a>
<button id="theme-toggle"
class="h-9 w-9 inline-flex items-center justify-center rounded-full border border-slate-300/60 bg-white/60 text-slate-600 shadow-sm backdrop-blur hover:bg-white dark:border-slate-700/60 dark:bg-slate-900/40 dark:text-slate-300"
aria-label="Toggle dark mode">
<svg class="h-4 w-4 hidden dark:block" viewBox="0 0 24 24" fill="currentColor">
<path d="M21.64 13.02A9 9 0 1111 2.36a7 7 0 1010.64 10.66z" />
</svg>
<svg class="h-4 w-4 block dark:hidden" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 18a6 6 0 110-12 6 6 0 010 12zm0 4a1 1 0 011 1v1h-2v-1a1 1 0 011-1zm0-22a1 1 0 00-1 1v1h2V1a1 1 0 00-1-1zM1 11H0v2h1a1 1 0 000-2zm23 0a1 1 0 010 2h1v-2h-1zM4.22 4.22l.7.7L3.1 6.74l-.7-.7 1.82-1.82zM19.78 19.78l-.7-.7 1.82-1.82.7.7-1.82 1.82zM4.22 19.78L2.4 21.6l.7.7 1.82-1.82-.7-.7zM19.78 4.22l1.82-1.82.7.7-1.82 1.82-.7-.7z" />
</svg>
</button>
</nav>
<button class="sm:hidden px-3 py-2 rounded-lg border border-slate-300 dark:border-slate-700"
aria-label="Menu">☰</button>
</div>
</header>
<main>
<!-- HERO -->
<section
class="relative overflow-hidden bg-gradient-to-b from-slate-100 to-white dark:from-slate-900 dark:to-slate-950">
<div class="max-w-6xl mx-auto px-4 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
<div>
<h1 id="hero-h1" class="text-4xl md:text-5xl font-extrabold leading-tight">
You are wasting money on the weather…
</h1>
<p class="mt-4 text-lg text-slate-600 dark:text-slate-300">
WeatherWise helps you find, quantify, and act on weather risk.
Cut downtime, protect margins, and move before the forecast.
</p>
<!-- nicer icon bullets -->
<ul class="mt-6 space-y-3">
<li class="flex gap-3">
<svg viewBox="0 0 24 24" class="h-6 w-6 text-emerald-500">
<path fill="currentColor" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" />
</svg>
<span class="text-slate-700 dark:text-slate-300">Map your portfolio in minutes</span>
</li>
<li class="flex gap-3">
<svg viewBox="0 0 24 24" class="h-6 w-6 text-emerald-500">
<path fill="currentColor" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" />
</svg>
<span class="text-slate-700 dark:text-slate-300">Quantify downtime, premiums, &
exposure</span>
</li>
<li class="flex gap-3">
<svg viewBox="0 0 24 24" class="h-6 w-6 text-emerald-500">
<path fill="currentColor" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" />
</svg>
<span class="text-slate-700 dark:text-slate-300">Automate alerts and playbooks</span>
</li>
<li class="flex gap-3">
<svg viewBox="0 0 24 24" class="h-6 w-6 text-emerald-500">
<path fill="currentColor" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" />
</svg>
<span class="text-slate-700 dark:text-slate-300">Plug into plans, calendars & trading
workflows</span>
</li>
</ul>
<div class="mt-7 flex flex-wrap gap-3">
<a href="https://beta.ehab.co" data-track="cta_primary"
class="px-5 py-3 rounded-xl font-semibold text-slate-900 bg-gradient-to-r from-brand to-accent shadow-soft hover:opacity-90">
Start adding locations
</a>
<a href="#features" data-track="cta_secondary" class="px-5 py-3 rounded-xl font-semibold border border-slate-300 text-slate-900 hover:bg-slate-100
dark:border-slate-700 dark:text-slate-100 dark:hover:bg-slate-800">
Explore the platform
</a>
</div>
<div class="mt-6 flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400">
<img src="assets/img/badge-cyber-essentials.webp" alt="Cyber Essentials Certified"
class="h-10 w-auto">
Trusted by tier-1 contractors & operators
</div>
</div>
<!-- hero video -->
<div class="flex justify-center md:justify-end">
<div
class="relative mx-auto md:ml-auto max-w-4xl w-full rounded-2xl overflow-hidden ring-1 ring-slate-200/60 dark:ring-slate-700/60 shadow-soft">
<div class="relative w-full h-0 pb-[56.25%] bg-slate-100 dark:bg-slate-900 overflow-hidden">
<iframe class="absolute inset-0 h-full w-full -translate-y-[1px] scale-[1.002]"
src="https://www.youtube-nocookie.com/embed/O4quEMBzKMU?autoplay=0&mute=1&loop=1&playlist=O4quEMBzKMU&modestbranding=1&rel=0&controls=1&color=white"
title="WeatherWise overview"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
</iframe>
</div>
</div>
</div>
</div>
</section>
<!-- CLIENT LOGOS MARQUEE -->
<section class="bg-slate-50 dark:bg-slate-900">
<div class="max-w-6xl mx-auto px-4 py-8">
<div class="relative overflow-hidden">
<div
class="flex gap-10 items-center will-change-transform animate-marquee hover:[animation-play-state:paused]">
<!-- set 1 -->
<img src="assets/img/logo-balfour-beatty.webp" alt="Balfour Beatty" class="h-7 opacity-70">
<img src="assets/img/logo-ellisdon.webp" alt="EllisDon" class="h-7 opacity-70">
<img src="assets/img/logo-national-grid.webp" alt="National Grid" class="h-7 opacity-70">
<img src="assets/img/logo-enbw.webp" alt="EnBW" class="h-7 opacity-70">
<img src="assets/img/logo-skanska.webp" alt="Skanska" class="h-7 opacity-70">
<img src="assets/img/logo-kier.webp" alt="Kier" class="h-7 opacity-70">
<img src="assets/img/logo-sacyr.webp" alt="Sacyr" class="h-7 opacity-70">
<img src="assets/img/logo-graham.webp" alt="Graham" class="h-7 opacity-70">
<!-- duplicate for seamless loop -->
<img src="assets/img/logo-balfour-beatty.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-ellisdon.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-national-grid.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-enbw.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-skanska.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-kier.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-sacyr.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
<img src="assets/img/logo-graham.webp" alt="" aria-hidden="true" class="h-7 opacity-70">
</div>
</div>
</div>
</section>
<!-- FEATURES -->
<section id="features" class="max-w-6xl mx-auto px-4 py-20 md:py-24 grid md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-3xl md:text-4xl font-bold">Weather risk intelligence—fast</h2>
<p class="mt-2 text-slate-600 dark:text-slate-300">From insight to action with zero bloat.</p>
<div class="flex flex-wrap gap-2 mt-4">
<span
class="px-3 py-1 rounded-full bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200 text-sm">Construction</span>
<span
class="px-3 py-1 rounded-full bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200 text-sm">Energy</span>
<span
class="px-3 py-1 rounded-full bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200 text-sm">Brokers</span>
<span
class="px-3 py-1 rounded-full bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200 text-sm">Finance</span>
</div>
<a href="#signup" data-track="features_signup"
class="mt-6 btn-secondary">
Get Free Alerts →
</a>
</div>
<!-- simple slider-like gallery (same component API) -->
<div class="relative" data-slider data-interval="5000" data-autoplay="true">
<div class="overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800 shadow-soft">
<div class="whitespace-nowrap transition-transform duration-500 ease-out" data-slides>
<img src="assets/img/ss-eva-chat.webp" alt="EVA chat assistant screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-eva-chat-400w.webp 400w, assets/img/ss-eva-chat-1200w.webp 800w, assets/img/ss-eva-chat-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw">
<img src="assets/img/ss-triggers.webp" alt="Trigger analysis screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-triggers-400w.webp 400w, assets/img/ss-triggers-1200w.webp 800w, assets/img/ss-triggers-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw">
</div>
</div>
<div class="absolute inset-x-0 -bottom-6 flex justify-center gap-1" data-dots></div>
</div>
</section>
<!-- AUDIENCE SHORTCUTS -->
<section id="industries" class="max-w-6xl mx-auto px-4 py-10 md:py-12">
<div class="mb-3 text-xs font-semibold tracking-wide uppercase text-slate-500 dark:text-slate-400">Explore
by role</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-3" role="tablist">
<a href="#aud-planners" data-track="aud_shortcut_planners" data-audience-tab="planners" role="tab"
aria-selected="true"
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-gradient-to-br from-white to-slate-50 dark:from-slate-900 dark:to-slate-950 p-4 hover:shadow-soft transition-all hover:-translate-y-0.5">
<div class="flex items-start gap-3">
<span class="h-9 w-9 rounded-lg bg-brand/20 text-brand inline-flex items-center justify-center">
<svg viewBox="0 0 24 24" class="h-5 w-5" fill="currentColor">
<path
d="M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v3H3V6a2 2 0 0 1 2-2h1V3a1 1 0 1 1 2 0v1zM3 10h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8zm5 3h4v4H8v-4z" />
</svg>
</span>
<div>
<div class="text-sm font-semibold">For Planners & Schedulers</div>
<div class="mt-1 text-xs text-slate-600 dark:text-slate-400">Build smarter programmes</div>
</div>
</div>
</a>
<a href="#aud-traders" data-track="aud_shortcut_traders" data-audience-tab="traders" role="tab"
aria-selected="false"
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-gradient-to-br from-white to-slate-50 dark:from-slate-900 dark:to-slate-950 p-4 hover:shadow-soft transition-all hover:-translate-y-0.5">
<div class="flex items-start gap-3">
<span
class="h-9 w-9 rounded-lg bg-accent/20 text-accent inline-flex items-center justify-center">
<svg viewBox="0 0 24 24" class="h-5 w-5" fill="currentColor">
<path d="M3 3h2v18H3V3zm6 8h2v10H9V11zm6-6h2v16h-2V5zm6 10h2v6h-2v-6z" />
</svg>
</span>
<div>
<div class="text-sm font-semibold">For Traders, Analysts & Quant Teams</div>
<div class="mt-1 text-xs text-slate-600 dark:text-slate-400">Signals and exposures</div>
</div>
</div>
</a>
<a href="#aud-energy" data-track="aud_shortcut_energy" data-audience-tab="energy" role="tab"
aria-selected="false"
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-gradient-to-br from-white to-slate-50 dark:from-slate-900 dark:to-slate-950 p-4 hover:shadow-soft transition-all hover:-translate-y-0.5">
<div class="flex items-start gap-3">
<span
class="h-9 w-9 rounded-lg bg-yellow-300/20 text-yellow-500 inline-flex items-center justify-center">
<svg viewBox="0 0 24 24" class="h-5 w-5" fill="currentColor">
<path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" />
</svg>
</span>
<div>
<div class="text-sm font-semibold">For Energy Operators</div>
<div class="mt-1 text-xs text-slate-600 dark:text-slate-400">Protect uptime</div>
</div>
</div>
</a>
<a href="#aud-consultants" data-track="aud_shortcut_consultants" data-audience-tab="consultants"
role="tab" aria-selected="false"
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-gradient-to-br from-white to-slate-50 dark:from-slate-900 dark:to-slate-950 p-4 hover:shadow-soft transition-all hover:-translate-y-0.5">
<div class="flex items-start gap-3">
<span
class="h-9 w-9 rounded-lg bg-slate-300/20 text-slate-500 inline-flex items-center justify-center">
<svg viewBox="0 0 24 24" class="h-5 w-5" fill="currentColor">
<path
d="M4 7h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7zm3-4h10a2 2 0 0 1 2 2v2H5V5a2 2 0 0 1 2-2z" />
</svg>
</span>
<div>
<div class="text-sm font-semibold">For Consultants</div>
<div class="mt-1 text-xs text-slate-600 dark:text-slate-400">Scale advisory</div>
</div>
</div>
</a>
</div>
</section>
<section id="features" class="max-w-6xl mx-auto px-4 py-20 md:py-24 grid md:grid-cols-2 gap-12 items-center"
data-audience-panel="planners">
<!-- simple slider-like gallery (same component API) -->
<div class="relative" data-slider data-interval="5000" data-autoplay="true">
<div class="overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800 shadow-soft">
<div class="whitespace-nowrap transition-transform duration-500 ease-out" data-slides>
<img src="assets/img/ss-weather-patterns.webp" alt="EVA chat assistant screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-weather-patterns-400w.webp 400w, assets/img/ss-weather-patterns-1200w.webp 800w, assets/img/ss-weather-patterns-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
<img src="assets/img/ss-risk-map.webp" alt="Trigger analysis screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-risk-map-400w.webp 400w, assets/img/ss-risk-map-1200w.webp 800w, assets/img/ss-risk-map-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
</div>
</div>
<div class="absolute inset-x-0 -bottom-6 flex justify-center gap-1" data-dots></div>
</div>
<div id="aud-planners">
<h2 class="text-3xl md:text-4xl font-bold">For Planners & Schedulers</h2>
<p class="mt-2 text-slate-600 dark:text-slate-300">Construction teams face growing downtime risk; from
weather delays that aren’t priced into bids to lost days from poor forecasts.
WeatherWise helps you build smarter programmes, adjust durations with real data, and avoid
surprises.</p>
<div class="flex flex-wrap gap-2 mt-4">
<ul class="space-y-2 mt-2">
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Accurate schedules</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Automated alerts & reports</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Recover & justify weather time risk</span>
</li>
</ul>
</div>
<a href="construction-platform.html" data-track="brochure_construction"
class="mt-6 btn-secondary">
Model weather downtime in your schedule →
</a>
</div>
</section>
<section id="features"
class="max-w-6xl mx-auto px-4 py-20 md:py-24 grid md:grid-cols-2 gap-12 items-center hidden"
data-audience-panel="traders">
<!-- simple slider-like gallery (same component API) -->
<div id="aud-traders">
<h2 class="text-3xl md:text-4xl font-bold">For Traders, Analysts & Quant Teams</h2>
<p class="mt-2 text-slate-600 dark:text-slate-300">Weather moves markets. But traditional forecasts are
too slow, too coarse, or too isolated.
WeatherWise turns global weather risk into structured signals that sharpen trades and hedge
decisions.</p>
<div class="flex flex-wrap gap-2 mt-4">
<ul class="space-y-2 mt-2">
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Create & test signals in minutes</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Go custom or use templates</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Move before the market does</span>
</li>
</ul>
</div>
<a href="finance-signals.html" data-track="brochure_finance"
class="mt-6 btn-secondary">
Backtest a weather signal now →
</a>
</div>
<div class="relative" data-slider data-interval="5000" data-autoplay="true">
<div class="overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800 shadow-soft">
<div class="whitespace-nowrap transition-transform duration-500 ease-out" data-slides>
<img src="assets/img/ss-eva-chat.webp" alt="Risk map screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-eva-chat-400w.webp 400w, assets/img/ss-eva-chat-1200w.webp 800w, assets/img/ss-eva-chat-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
<img src="assets/img/ss-triggers.webp" alt="Trigger analysis screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-triggers-400w.webp 400w, assets/img/ss-triggers-1200w.webp 800w, assets/img/ss-triggers-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
</div>
</div>
<div class="absolute inset-x-0 -bottom-6 flex justify-center gap-1" data-dots></div>
</div>
</section>
<section id="features"
class="max-w-6xl mx-auto px-4 py-20 md:py-24 grid md:grid-cols-2 gap-12 items-center hidden"
data-audience-panel="energy">
<!-- simple slider-like gallery (same component API) -->
<div class="relative" data-slider data-interval="5000" data-autoplay="true">
<div class="overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800 shadow-soft">
<div class="whitespace-nowrap transition-transform duration-500 ease-out" data-slides>
<img src="assets/img/ss-risk-map.webp" alt="EVA chat assistant screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-risk-map-400w.webp 400w, assets/img/ss-risk-map-1200w.webp 800w, assets/img/ss-risk-map-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
<img src="assets/img/ss-weather-patterns.webp" alt="Trigger analysis screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-weather-patterns-400w.webp 400w, assets/img/ss-weather-patterns-1200w.webp 800w, assets/img/ss-weather-patterns-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
</div>
</div>
<div class="absolute inset-x-0 -bottom-6 flex justify-center gap-1" data-dots></div>
</div>
<div id="aud-energy">
<h2 class="text-3xl md:text-4xl font-bold">For Energy Operators</h2>
<p class="mt-2 text-slate-600 dark:text-slate-300">From generation to transmission, extreme weather
threatens every part of the energy system.
WeatherWise helps you plan ahead — reducing outages, protecting assets, and aligning operations with
climate volatility.
Whether you’re managing maintenance windows, grid load risk, or fuel logistics, our AI-driven
forecasts and alerts plug directly into your workflows.</p>
<div class="flex flex-wrap gap-2 mt-4">
<ul class="space-y-2 mt-2">
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Cut downtime & optimise resourcing</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Create resilient supply for
customers</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Protect uptime, revenue, &
reputation</span>
</li>
</ul>
</div>
<a href="weatherwise-warnings.html" data-track="brochure_warnings"
class="mt-6 btn-secondary">
Trigger alerts for your assets this week →
</a>
</div>
</section>
<section id="features"
class="max-w-6xl mx-auto px-4 py-20 md:py-24 grid md:grid-cols-2 gap-12 items-center hidden"
data-audience-panel="consultants">
<!-- simple slider-like gallery (same component API) -->
<div id="aud-consultants">
<h1 class="text-3xl md:text-4xl font-bold">For Consultants</h1>
<p class="mt-2 text-slate-600 dark:text-slate-300">
Your clients need more than static reports, they need live insights and actionable intelligence.<br>
WeatherWise lets you deliver faster answers, embed AI-driven tools into your workflow, and unlock
new upsell opportunities.<br>
It’s climate advisory with superpowers: white-labeled, scalable, and ready to deploy.
</p>
<div class="flex flex-wrap gap-2 mt-4">
<ul class="space-y-2 mt-2">
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Live insights, ready in minutes</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Automate to scale your advisory</span>
</li>
<li class="flex items-center gap-2">
<span
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/90 text-white text-xs font-bold shadow-sm">✓</span>
<span class="text-slate-700 dark:text-slate-200">Create new upsell opportunities</span>
</li>
</ul>
</div>
<a href="#contact" data-track="brochure_consultants"
class="mt-6 btn-secondary">
Use WeatherWise with your clients →
</a>
</div>
<div class="relative" data-slider data-interval="5000" data-autoplay="true">
<div class="overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800 shadow-soft">
<div class="whitespace-nowrap transition-transform duration-500 ease-out" data-slides>
<img src="assets/img/ss-risk-map.webp" alt="Risk map screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-risk-map-400w.webp 400w, assets/img/ss-risk-map-1200w.webp 800w, assets/img/ss-risk-map-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
<img src="assets/img/ss-weather-patterns.webp" alt="Weather patterns screenshot" class="inline-block w-full align-top" srcset="assets/img/ss-weather-patterns-400w.webp 400w, assets/img/ss-weather-patterns-1200w.webp 800w, assets/img/ss-weather-patterns-1200w.webp 1200w" sizes="(max-width: 640px) 100vw, 378px">
</div>
</div>
<div class="absolute inset-x-0 -bottom-6 flex justify-center gap-1" data-dots></div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="bg-slate-50 dark:bg-slate-900">
<div class="max-w-6xl mx-auto px-4 py-16">
<h3 class="text-2xl md:text-3xl font-bold text-center">What they say</h3>
<div class="mt-10 grid gap-6 sm:grid-cols-2 md:grid-cols-3">
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“EHAB taps into weather data to provide
consistent downtime analysis. It’s a prime example of new tech we’re using at BAM.”
</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/ivor-barbrook.webp" alt="Ivor Barbrook" srcset="assets/img/people/ivor-barbrook-36w.webp 36w, assets/img/people/ivor-barbrook-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Ivor Barbrook</div>
<div>Head of Planning, BAM</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“Teaming up with EHAB to stress-test our
schedule for weather risks was eye‑opening. Stronger plan, valuable in Canada’s harsh
climate.”</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/tarek-sakr.webp" alt="Head of Project Risk" srcset="assets/img/people/tarek-sakr-36w.webp 36w, assets/img/people/tarek-sakr-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Head of Project Risk</div>
<div>Canadian Contractor</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“We use EHAB in QSRA sessions to model
weather risk precisely, giving greater assurance on milestones and helping explore ways to
de‑risk.”</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/greg-lord.webp" alt="Greg Lord" srcset="assets/img/people/greg-lord-36w.webp 36w, assets/img/people/greg-lord-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Greg Lord</div>
<div>Construction Planning Lead, SMP Alliance</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“We’re partnering with EHAB to help
clients build resilience against extreme weather—powerful insights to manage growing risks.”
</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/patrick-bravery.webp" alt="Patrick Bravery" srcset="assets/img/people/patrick-bravery-36w.webp 36w, assets/img/people/patrick-bravery-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Patrick Bravery</div>
<div>Global Head of Civil Construction, Liberty Specialty Markets</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“EHAB’s weather model is the Rolls Royce
of weather risk management. For schedule risk analysis, this is the way to go.”</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/WWai2-min-sm.webp" alt="Neil Openshaw" srcset="assets/img/people/WWai2-min-sm-36w.webp 36w, assets/img/people/WWai2-min-sm-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Neil Openshaw</div>
<div>Schedule Risk & Planning Consultant</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“EHAB Warnings gave us clear foresight on
weather‑dependent works, helping us assess forecasts and plan confidently.”</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/yan-sayles.webp" alt="Yan Sayles" srcset="assets/img/people/yan-sayles-36w.webp 36w, assets/img/people/yan-sayles-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Yan Sayles</div>
<div>Project Manager, BAM</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“Makes it easy to assess historical,
current, and forecast weather data against contract terms—leading to more economical
programmes.”</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/jamie-moran.webp" alt="Jamie Moran" srcset="assets/img/people/jamie-moran-36w.webp 36w, assets/img/people/jamie-moran-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Jamie Moran</div>
<div>Project Manager, Story Contracting</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“Helps us assess and mitigate weather
risks using extensive historical data and location variables—critical for accuracy.”
</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/joao-dias.webp" alt="Joao Dias" srcset="assets/img/people/joao-dias-36w.webp 36w, assets/img/people/joao-dias-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Joao Dias</div>
<div>Project Planning & Controls Consultant</div>
</div>
</figcaption>
</figure>
<figure
class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 shadow-soft transition-transform duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-1 hover:ring-slate-200/80 dark:hover:ring-slate-700/80">
<blockquote class="text-slate-700 dark:text-slate-300">“Integral to our risk management,
enhancing accuracy, saving days of manual analysis, and letting us rehearse projects before
work begins.”</blockquote>
<figcaption class="mt-5 flex items-center gap-3 text-sm">
<img src="assets/img/people/chris-mcginness.webp" alt="Chris McGinness" srcset="assets/img/people/chris-mcginness-36w.webp 36w, assets/img/people/chris-mcginness-72w.webp 72w" sizes="36px"
class="h-9 w-9 rounded-full object-cover" />
<div class="text-slate-600 dark:text-slate-400">
<div class="font-medium text-slate-900 dark:text-slate-100">Chris McGinness</div>
<div>Regional Planning Manager, BAM</div>
</div>
</figcaption>
</figure>
</div>
</div>
</section>
<!-- 4 STEPS -->
<section class="max-w-6xl mx-auto px-4 py-16">
<h3 class="text-2xl md:text-3xl font-bold text-center">4 steps to get you WeatherWise</h3>
<div class="mt-8 grid gap-4 sm:grid-cols-2 md:grid-cols-4">
<div
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5 shadow-soft">
<div class="text-sm font-semibold text-slate-500">Step 1</div>
<h4 class="mt-1 font-semibold">Add locations</h4>
<p class="mt-2 text-sm text-slate-600 dark:text-slate-300">Map assets and sites in minutes with bulk
upload.</p>
</div>
<div
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5 shadow-soft">
<div class="text-sm font-semibold text-slate-500">Step 2</div>
<h4 class="mt-1 font-semibold">Quantify risk</h4>
<p class="mt-2 text-sm text-slate-600 dark:text-slate-300">See historical exposure and cost impact
instantly.</p>
</div>
<div
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5 shadow-soft">
<div class="text-sm font-semibold text-slate-500">Step 3</div>
<h4 class="mt-1 font-semibold">Set triggers</h4>
<p class="mt-2 text-sm text-slate-600 dark:text-slate-300">Define playbooks; alerts fire when
thresholds hit.</p>
</div>
<div
class="rounded-xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-5 shadow-soft">
<div class="text-sm font-semibold text-slate-500">Step 4</div>
<h4 class="mt-1 font-semibold">Measure & improve</h4>
<p class="mt-2 text-sm text-slate-600 dark:text-slate-300">Track downtime avoided and ROI; iterate
quickly.</p>
</div>
</div>
</section>
<!-- CTA -->
<section id="signup" class="max-w-6xl mx-auto px-4 py-16 text-center">
<h2 class="text-3xl md:text-4xl font-bold">Start free. Pro when you’re ready.</h2>
<p class="mt-2 text-slate-600 dark:text-slate-300">50 monthly credits on the free tier. No card required.
</p>
<a href="https://beta.ehab.co/sign-up/" data-track="cta_bottom"
class="mt-6 inline-block px-6 py-3 rounded-xl font-semibold text-slate-900 bg-gradient-to-r from-brand to-accent shadow-soft hover:opacity-90">
Create your account
</a>
</section>
<!-- FAQ -->
<section id="faq" class="bg-slate-50 dark:bg-slate-900">
<div class="max-w-6xl mx-auto px-4 py-16 grid md:grid-cols-2 gap-10 items-start">
<div>
<h3 class="text-3xl md:text-4xl font-bold">Check out our FAQs for more</h3>
<p class="mt-3 text-slate-600 dark:text-slate-300">Let us know below if you have a question you
can’t find an answer for in the FAQs.</p>
</div>
<div>
<div class="divide-y divide-slate-200 dark:divide-slate-800 rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 overflow-hidden"
data-accordion>
<details class="group" open>
<summary
class="cursor-pointer select-none px-5 py-4 font-semibold flex items-center justify-between">
How do I get started with WeatherWise?<span
class="transition-transform group-open:rotate-180">▾</span></summary>
<div class="px-5 pb-5 text-slate-600 dark:text-slate-300">Scroll to the top of the website
and click the 'Sign up free' button. You will be led through onboarding.</div>
</details>
<details class="group">
<summary
class="cursor-pointer select-none px-5 py-4 font-semibold flex items-center justify-between">
Is it free to use WeatherWise?<span
class="transition-transform group-open:rotate-180">▾</span></summary>
<div class="px-5 pb-5 text-slate-600 dark:text-slate-300">We now have a generous free credit
system which lets you take several basic actions each month. You can then top up your
credits, pay-as-you-go or subscribing to credits at a tiered discount.</div>
</details>
<details class="group">
<summary
class="cursor-pointer select-none px-5 py-4 font-semibold flex items-center justify-between">
How can weather risk management help my business?<span
class="transition-transform group-open:rotate-180">▾</span></summary>
<div class="px-5 pb-5 text-slate-600 dark:text-slate-300">Weather impacts so many industries
in massive ways. The best way to start is by creating an account and creating impact
rules. This will help you identify where you are most at risk, and where you can start
making savings.</div>
</details>
</div>
</div>
</div>
</section>
<section id="blog" class="max-w-6xl mx-auto px-4 py-16">
<div class="flex items-center justify-between gap-4">
<h3 class="text-2xl md:text-3xl font-bold">Latest from the blog</h3>
<a href="https://blog.ehab.co" target="_blank" rel="noopener" class="text-sm font-semibold text-slate-700 dark:text-slate-200 hover:underline">View all →</a>
</div>
<div id="blog-feed" class="mt-8 grid gap-4 sm:grid-cols-2 md:grid-cols-3">
<article class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-4 motion-reveal">
<div class="h-36 w-full rounded-xl bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-4 h-5 w-3/4 rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-2 h-4 w-1/2 rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-3 h-4 w-full rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
</article>
<article class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-4 motion-reveal">
<div class="h-36 w-full rounded-xl bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-4 h-5 w-3/4 rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-2 h-4 w-1/2 rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-3 h-4 w-full rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
</article>
<article class="rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-4 motion-reveal">
<div class="h-36 w-full rounded-xl bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-4 h-5 w-3/4 rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-2 h-4 w-1/2 rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
<div class="mt-3 h-4 w-full rounded bg-slate-200/60 dark:bg-slate-800/60 animate-pulse"></div>
</article>
</div>
</section>
</main>
<!-- Contact section -->
<section id="contact" class="bg-white dark:bg-slate-950">
<div class="max-w-6xl mx-auto px-4 py-16 grid md:grid-cols-5 gap-10 items-start">
<div class="md:col-span-2">
<h3 class="text-3xl md:text-4xl font-bold">Contact us</h3>
<p class="mt-3 text-slate-600 dark:text-slate-300">Got a question, partnership idea, or want a demo?
Drop your details and we’ll get back to you.</p>
</div>
<div class="md:col-span-3">
<div class="pipedriveWebForms"
data-pd-webforms="https://webforms.pipedrive.com/f/6FvGe7RbYHSBiEjJfOUzpqxABPsMtZ75uoZxd5Fx8umfVVT9D4fQkftLJL7BbtIh9N"
id="iddxsbzh-2">
<script src="https://webforms.pipedrive.com/f/loader"></script><iframe
src="https://webforms.pipedrive.com/f/6FvGe7RbYHSBiEjJfOUzpqxABPsMtZ75uoZxd5Fx8umfVVT9D4fQkftLJL7BbtIh9N?embeded=1&uuid=iddxsbzh-2"
name="https://ehab.co/contact/-iddxsbzh-2" scrolling="no" title="Web Forms"
style="width: 100%; height: 640px;"></iframe>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="border-t border-slate-200 dark:border-slate-800">
<div class="max-w-6xl mx-auto px-4 py-6 flex items-center justify-between text-slate-600 dark:text-slate-400">
<p>© Ehabitation Ltd</p>
<nav class="flex gap-4">
<a href="https://blog.ehab.co" class="hover:text-slate-900 dark:hover:text-white"
rel="noopener">Blog</a>
<a href="#contact" class="hover:text-slate-900 dark:hover:text-white">Contact</a>
<a href="https://drive.google.com/file/d/1OIChZCanezBVHjbpQ0IlKBTbcfQ3lLc6/view?pli=1"
class="hover:text-slate-900 dark:hover:text-white">Privacy</a>
</nav>
</div>
</footer>
<!-- LeadBooster Chatbot by Pipedrive -->
<script>
window.pipedriveLeadboosterConfig = { base: 'leadbooster-chat.pipedrive.com', companyId: 13665813, playbookUuid: 'd490d5de-1c64-4b90-8be8-b241c0c597e2', version: 2 };
(function () { var w = window; if (w.LeadBooster) { console.warn('LeadBooster already exists'); } else { w.LeadBooster = { q: [], on: function (n, h) { this.q.push({ t: 'o', n, h }); }, trigger: function (n) { this.q.push({ t: 't', n }); } }; } })();
</script>
<script src="https://leadbooster-chat.pipedrive.com/assets/loader.js" async></script>
<!-- Your app logic (A/B tests, reveal observer, tracking) -->
<script src="js/app.js" defer></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"05c7c0c4584b47ef95734f146fafcffc","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>