Embeds, Forms, Data & Charts
Everything that captures or displays data — forms feeding the Lead/Purchase pipeline, third-party embeds, live tables and charts.
Email Capture — both layouts
Inline layout
Stacked layout
Tally Forms — Lead & Payment
form-handler.js turns these submissions into Lead / Purchase goals via dataLayer. Swap in your Tally form IDs to test.
Lead form → Lead goal
Payment form → Purchase goal
Booking Embeds
Calendly inline embed lives on /book-call (calendar-handler.js turns bookings into Lead goals). Below: the ChatKit + Google Calendar pair.
Live AI chat → connected to your CRM
Bookings land here in real time
Media Embed — Vertical Video
Video URL is invalid or processing...
Data — Logs Table
Showing 6 of 6 loaded logs
Charts — Pre-built Displays
Radar — channel performance
Line — leads & purchases by week
Bar — revenue by funnel
Charts — shadcn Composition (ChartContainer)
The pattern for new charts: Recharts primitives inside ChartContainer, colors from the chart config via the --chart-N tokens.
Bar — grid, axis, tooltip, legend
Area — stacked
Donut with center text
Pie Chart - Donut with Text
January - June 2024
Trending up by 5.2% this month
Showing total visitors for the last 6 months
Radial with center text
Radial Chart - Text
January - June 2024
Trending up by 5.2% this month
Showing total visitors for the last 6 months