import Deck from './deck/Deck'; import Slide from './deck/Slide'; import Build from './deck/Build'; import Reveal from './deck/Reveal'; import Bento from './components/Bento'; import Split from './components/Split'; import CountUp from './components/CountUp'; import TiltCard from './components/TiltCard'; import Marquee from './components/Marquee'; import VisualDashboard from './components/VisualDashboard'; import StatGrid from './components/StatGrid'; import Accordion from './components/Accordion'; import Comparison from './components/Comparison'; import Tabs from './components/Tabs'; import Timeline from './components/Timeline'; import CodeWindow from './components/CodeWindow'; import BrowserFrame from './components/BrowserFrame'; import SpotlightCard from './components/SpotlightCard'; import { BarChart, LineChart, DonutChart } from './components/Charts'; import Section from './components/Section'; import Quote from './components/Quote'; import Pricing from './components/Pricing'; import Steps from './components/Steps'; import Agenda from './components/Agenda'; import Team from './components/Team'; import Cover from './components/Cover'; import BigNumber from './components/BigNumber'; import Contrast from './components/Contrast'; import Chat from './components/Chat'; import Table from './components/Table'; import Globe from './components/Globe'; /* ══════════════════════════════════════════════════════════════════════ ⚠️ THROWAWAY DEMO showing every component. DELETE these slides and AUTHOR THE USER'S DECK. Each child of is one slide. Add speaker notes with notes="…" on any slide (shown in presenter mode — press P). ══════════════════════════════════════════════════════════════════════ */ const panel = (extra = 0.22): React.CSSProperties => ({ position: 'absolute', inset: 0, background: `radial-gradient(120% 100% at 30% 20%, color-mix(in srgb, var(--primary) ${ extra * 100 }%, transparent), transparent 60%), var(--surface-2)`, }); const card: React.CSSProperties = { padding: 22, borderRadius: 'var(--radius)', background: 'var(--surface)', border: '1px solid var(--hair)', }; export default function App() { return ( {/* Cover */} Bolt Slides} subtitle="A responsive React deck engine. Delete this and build the real one." foot="June 2026 · Component demo" /> {/* Statement + click-build */}

Dashboards are everywhere.{' '} Insight isn't.

Bolt Slides turns raw events into answers — automatically.

{/* Agenda */} {/* Contrast — the problem */} {/* Split feature */} Everything, as it happens. } body="Live metrics with sub-second latency — no pipelines to babysit." media={ <>

} /> {/* Bento */} , body: 'events / min at peak.', c: 5, r: 2, variant: 'glow', }, { k: 'Uptime', fig: , c: 4, }, { k: 'Regions', fig: , c: 3, variant: 'accent' }, { k: 'Connectors', title: '120+ native', body: 'Snowflake, Kafka, dbt…', c: 4, }, { k: 'Compliance', title: 'SOC 2 · HIPAA', c: 3 }, ]} /> {/* Globe */} Everywhere your data lives. } body="Ingest close to the source; answer from the nearest edge." markers={[ { location: [37.77, -122.41], size: 0.08, label: 'sfo1', value: '221k evt/s', }, { location: [40.71, -74.0], size: 0.08 }, { location: [51.5, -0.12], size: 0.07, label: 'lhr1', value: '188k evt/s', }, { location: [52.52, 13.4], size: 0.05 }, { location: [1.35, 103.82], size: 0.07, label: 'sin1', value: '96k evt/s', }, { location: [35.68, 139.69], size: 0.06 }, { location: [-33.87, 151.2], size: 0.05 }, { location: [-23.55, -46.63], size: 0.05 }, ]} arcs={[ { from: [37.77, -122.41], to: [51.5, -0.12] }, { from: [51.5, -0.12], to: [1.35, 103.82] }, { from: [37.77, -122.41], to: [-23.55, -46.63] }, ]} stats={[ { value: '48%', label: 'North America' }, { value: '31%', label: 'EMEA' }, { value: '21%', label: 'APAC + LATAM' }, ]} /> {/* StatGrid — traction */} , label: 'ARR', caption: 'up 3× year over year', }, { value: , label: 'Net retention', caption: 'best in class', }, { value: , label: 'Enterprise logos', caption: 'across six industries', }, ]} /> {/* BigNumber */} } caption="events answered in under a second." foot="Production traffic, trailing 30 days" /> {/* Section divider */}

How it works. } /> {/* Steps */} {/* Chat */} {/* Comparison */}

Why teams switch

The honest comparison.

{/* Tabs */}

One platform

Built for every team.

Trace any request end-to-end, alert on anomalies, ship with confidence.

), }, { label: 'Data', content: (

), }, { label: 'Ops', content: (

One source of truth for uptime, cost, and capacity — no spreadsheets.

), }, ]} /> {/* Split + code */} Drop-in simple. } body="Add it to your app in three lines. No SDK to learn, no schema to define." media={ <>

} /> {/* Browser frame */}

See it live

Your data, one screen.

Bolt Slides

{['Overview', 'Events', 'Funnels', 'Cohorts', 'Settings'].map( (n, i) => (

{n}

) )}

Overview

Last 30 days

{[ ['Revenue', '$1.24M', '▲ 18.2%'], ['Active users', '48,210', '▲ 9.4%'], ['Churn', '1.9%', '▼ 0.6%'], ].map(([l, v, d]) => (

{l}

{v}

{d}

))}

{/* Charts */}

The numbers

Growth you can see.

Weekly active

Revenue

{/* Data table */}

Unit economics

Growth, by region.

{/* Timeline */}

Where we're going

The roadmap.

{/* Pricing */} {/* Spotlight principles */}

What we believe

Three principles.

{[ { k: '01', t: 'Fast by default', d: 'Speed is a feature. Everything is realtime.', }, { k: '02', t: 'Yours to own', d: 'Your data, your infra, no lock-in.', }, { k: '03', t: 'Honest pricing', d: 'No per-seat tax. Scale without surprises.', }, ].map((p) => (

{p.k}

{p.t}

{p.d}

))}

{/* Accordion — FAQ */}

Common questions

Frequently asked.

{/* Team */} {/* Logos */}

Trusted by teams everywhere

{/* Quote */} {/* CTA */}

Let's talk.

hello@bolt.new

); }

Sunbelt Computer Software

PL/B Language Development and Support