// landing.jsx — Heartbeat Kit landing page const { useEffect, useState } = React; function App() { const t = { accent: 'cyan', density: 'regular', codeVariant: 'ts', showPulseGlow: true }; return ( <>

); } // ───────────────────────────────────────────────────────────────────────────── // Hero function Hero({ tweaks }) { return (

{/* Annotation row */}

v1.0 · public beta ↳ now with MCP server for AI agents

{/* Layered display headline */}

If it goes{' '} silent,

we respond.

[ heartbeat → miss → escalate → ack ]

{/* Lede — tighter, more concrete */}

A one-line API to monitor anything that runs on a schedule — cron jobs, AI agents, IoT devices, deploys. Miss a check-in, and an escalation fires:{' '} Slack, email, then an AI agent{' '} that investigates on your behalf.

Start free $ npm i @heartbeatkit/sdk

{/* Stat row — ledger-style */}

{[ ['Cloudflare edge', '280+ regions, sub-second alerts'], ['Built-in AI', 'agent investigates when humans don\'t'], ['MCP-native', 'agents use it without an SDK'], ].map(([n, l], i) => (

{n}

{l}

))}

{/* Right: code / terminal */}

{/* Pulse line below the hero */}

); } function HeroPanel({ variant }) { if (variant === 'curl') { return (


{`# Tell us your nightly backup ran
$ `}curl{` https://api.heartbeatkit.com/nightly-backup/checkin \\
    -H `}"Authorization: Bearer $HBK_KEY"{`

`}{`{ "ok": true, "next_deadline": "tomorrow 03:30" }`}

); } if (variant === 'json') { return (


{`{
  `}"name"{`: `}"if-it-misses"{`,
  `}"steps"{`: [
    { `}"after"{`: `}"0m"{`,  `}"do"{`: `}"slack #ops"{`  },
    { `}"after"{`: `}"5m"{`,  `}"do"{`: `}"email on-call"{` },
    { `}"after"{`: `}"15m"{`, `}"do"{`: `}"page AI agent"{` }
  ]
}`}

); } // Default: TS — simple cron monitor return (


{`// Run every night at 3am. Tell us when it works.`}{`
`}import{` { `}hbk{` } `}from{` `}'@heartbeatkit/sdk'{`

`}await{` `}runBackup{`()
`}await{` hbk.`}checkin{`(`}'nightly-backup'{`)

`}{`// If we don't hear from you by 3:30am →`}{`
`}{`//   1. ping #ops in Slack`}{`
`}{`//   2. email the on-call engineer`}{`
`}{`//   3. send an AI agent to investigate`}

); } // ───────────────────────────────────────────────────────────────────────────── // Logos / problem strip function FeatureRow() { const stats = [ { n: 'Recurring', l: 'check in every N seconds' }, { n: 'One-shot', l: 'finish before this deadline' }, { n: 'Scheduled', l: 'run by this wall-clock time' }, { n: 'Conditional', l: '`{ healthy: false }` fires now' }, ]; return (

{stats.map((s, i) => (

{s.n}

{s.l}

))}

); } // ───────────────────────────────────────────────────────────────────────────── // How it works — 4 steps function HowItWorks() { const steps = [ { n: '01', title: 'Define a heartbeat', desc: 'Name it, pick a mode, set an interval and grace window. Slug-addressable so your code stays readable.', code: `hbk.heartbeats.create({\n name: 'order-processor',\n mode: 'recurring',\n interval: 60,\n grace: 15,\n})`, }, { n: '02', title: 'Check in from anywhere', desc: 'One HTTP call per check-in. SDKs for Node, Python, Go — or call the API directly. Attach metadata for audit + health rules.', code: `await hbk.checkin('order-processor', {\n metadata: { processed: 142 }\n})`, }, { n: '03', title: 'Miss a deadline', desc: 'A heartbeat goes silent. The timer fires. The escalation policy walks step-by-step — webhook first, email next, agent last — pausing for ack at each stage.', code: `// no check-in for 60s + 15s grace\n// → policy "critical" begins\n// → step 1: Slack #incidents`, }, { n: '04', title: 'AI agent investigates', desc: 'No human ack? An autonomous agent reads logs, runs diagnostics, and either resolves the incident or hands off with a written summary.', code: `agent.run({\n context: 'order-processor missed 3 deadlines',\n tools: ['logs', 'metrics', 'rollback']\n})`, }, ]; return (

How it works

The try / finally for distributed systems.

Four steps. The whole product. No agents to install, no infrastructure to run, no cron jobs to babysit.

{steps.map((s, i) => (

{s.n}

{s.title}

{s.desc}

{s.code}

))}

); } // ───────────────────────────────────────────────────────────────────────────── // Dashboard preview function DashboardSection() { return (

Fleet view

Watch every promise
in one place.

Real-time WebSocket pushes every check-in, every miss, every ack to your dashboard. Filter by namespace, slice by status, audit any heartbeat back to the second it was created. Group AI agents, cron jobs, and IoT fleets side by side.

{[ { l: 'Latest check-in', v: 'agent-research-7', sub: '2s ago · processed 412' }, { l: 'Active escalation', v: 'embed-worker', sub: 'step 1 → Slack · awaiting ack' }, { l: 'Acknowledged', v: 'deploy-canary', sub: 'by anya@ · 14:01:08' }, ].map((c, i) => (

{c.l}

{c.v}

{c.sub}

))}

); } // ───────────────────────────────────────────────────────────────────────────── // Editorial break — sand background, escalation flow + manifesto pullquote function EditorialBreak() { return (

Escalation policies

Silence is not
a strategy.

Every escalation policy is a chain of channels with delays and ack requirements. Webhook fires first. If nobody acknowledges in 5 minutes, an email goes out. Still nothing? An autonomous agent takes the wheel.

{[ ['Webhook', 'HMAC-signed POST to any URL — Slack, Discord, PagerDuty, custom.'], ['Email', 'Native Cloudflare email — zero config, instant delivery.'], ['WebSocket', 'Real-time push to dashboards and connected agents.'], ['AI agent', 'Investigates, acts, reports back. Configurable tools.'], ].map(([t, d]) => (

{t} {d}

))}

); } // ───────────────────────────────────────────────────────────────────────────── // Channels grid — small product surfaces function ChannelsGrid() { const items = [ { tag: 'MCP-native', title: 'Agents discover us by themselves.', body: 'Heartbeat Kit ships a Model Context Protocol server. Any MCP-aware agent gets the full API as tools — no SDK install, no glue code. The agent decides when to start a heartbeat, when to check in, when to ack.', mono: 'tools/list → 12 heartbeat tools' }, { tag: 'Health rules', title: 'Conditions on the metadata.', body: 'Use json-rules-engine to write conditions on every check-in. "Accept the check-in, but if spend > $500, fire anyway." "Pass if processed > 100, otherwise mark unhealthy."', mono: 'if spend > 500 → fire' }, { tag: 'Slug addressing', title: 'Readable URLs, not opaque IDs.', body: 'POST /heartbeats/order-processor/checkin instead of /heartbeats/hb_8fka2x9z/checkin. Your code reads like English. Your dashboards filter by name. Your incidents page makes sense.', mono: '/heartbeats/order-processor' }, { tag: 'Conditional check-in', title: 'Tell us you\'re unhealthy.', body: 'Pass { healthy: false } to fire the escalation immediately. No need to wait for the next deadline — surface failures the moment your code knows about them.', mono: '{ healthy: false } → fires now' }, ]; return (

What's in the box

Production-grade timers, without the on-call burden.

Distributed timers with multi-step escalation, ack tracking, and built-in AI response — running on Cloudflare's edge so it stays up when your infra doesn't.

{items.map((it, i) => (

{it.tag}

{it.title}

{it.body}

{it.mono}

))}

); } // ───────────────────────────────────────────────────────────────────────────── // Use cases function UseCases() { const cases = [ { name: 'AgentGuard', line: 'Monitor your AI agent fleet in real-time', tag: 'AI startups' }, { name: 'CronSafe', line: 'Add one curl to verify any cron job ran', tag: 'Every developer' }, { name: 'DeployGuard', line: 'Auto-rollback when deploys fail health checks', tag: 'DevOps teams' }, { name: 'SafeCheck', line: 'Lone worker check-in with family escalation', tag: 'Construction · field service' }, { name: 'ElderPing', line: 'Daily check-in for aging parents', tag: 'Families · care' }, { name: 'ContractKeeper', line: 'Enforce SLA contracts between API partners', tag: 'B2B platforms' }, { name: 'SubWatch', line: 'Trigger win-back flows on subscriber inactivity', tag: 'SaaS' }, { name: 'PaymentGuard', line: 'Intelligent payment retry with escalating dunning',tag: 'Subscriptions' }, { name: 'FleetPulse', line: 'Heartbeat monitoring for IoT device fleets', tag: 'IoT' }, ]; return (

Anywhere a system
can go silent.

09 use cases · 1 primitive

{cases.map((c, i) => (

e.currentTarget.style.background = 'var(--navy-2)'} onMouseLeave={e => e.currentTarget.style.background = 'var(--navy)'} >

{c.tag}

{c.name}

{c.line}

))}

); } // ───────────────────────────────────────────────────────────────────────────── // Final CTA function FinalCTA() { return (

Ready when you are

Check in, or
we'll check on you.

5 free heartbeats. No credit card. Two-minute setup.

Start free → Read the docs

npm i @heartbeatkit/sdk · also on Cloudflare Workers, Bun, Deno

); } // Mount ReactDOM.createRoot(document.getElementById('root')).render();