# Uptime Monitoring Promo block

> AI monitoring promo card with stacked Frame, 24/7 uptime metric, integration logo tiles, and CTA

Stacked two-panel ReUI Frame promo: a large 24/7 monitoring metric over a faded grid with AI integration logo tiles, plus a headline, blurb, and shadcn Button CTA. For uptime, monitoring, and SaaS marketing cards.

- Type: Pro block
- Category: [Card](https://web.dev.reui.io/blocks/application/card.md)
- Page: https://web.dev.reui.io/blocks/application/card/card-23
- MCP: `get_block("card-23")`
- Built with: Button, Frame
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A 2 panel promo whose top panel pairs a large 24/7 figure with 4 AI tool logo tiles, then a headline and start button

## Agent notes

- `CardItem` takes no props; the 24/7 figure, headline, blurb and Start Monitoring label are written inline
- The logo tiles render the `Openai`, `Gemini`, `CursorLight` and `N8n` brand marks from components/ui/svgs; swap them for the tools you watch
- Start Monitoring is a `Button` with no handler; wire it to your setup or sign up flow

## When not to use

- An upsell led by 2 tilted product thumbnails and a pill badge: use [Upsell Promo](https://web.dev.reui.io/blocks/application/card/card-22.md) (`get_block("card-22")`)
- A grid of integrations, each logo on a connector line with its plan tier: use [Integration Connector](https://web.dev.reui.io/blocks/application/card/card-5.md) (`get_block("card-5")`)

## Install

```bash
npx shadcn@latest add @reui/card-23
```

## About Card blocks

### When to use

- Rows and grids of KPI tiles, each a value and a label with an optional trend badge or icon
- Grids of small linked cards for features, setup steps, guides, integrations or partner logos
- One record or offer per card: a profile, applicant, delivery, meeting, job, asset price or promo

### When not to use

- A metric panel with a progress bar, a segmented gauge or supporting rows under the total: use the [Stats blocks](https://web.dev.reui.io/blocks/application/stats.md)
- A KPI whose trend over time is plotted, with a period switcher or tooltips: use the [Area Chart blocks](https://web.dev.reui.io/blocks/chart/area-chart.md)
- A whole overview page: a header, a row of KPI tiles, then a work list or trend panel: use the [Dashboard blocks](https://web.dev.reui.io/blocks/application/dashboard.md)

### Agent notes

- Every block centers itself in a padded `min-h-svh` wrapper in page.tsx or its root component; remove it when the card goes inside your own page

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.