Product Shot Home
A large product screenshot (CSS window frame) takes the lead, with feature callouts around it.
Install
npx shadcn@latest add "https://webberui.com/r/product-shot-home.json?t=<install token>"The whole page lands in app/templates/product-shot-home/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav and Product Hero
Top nav, a gradient headline claim and a product screenshot with interactive callouts, followed by a customer logo row.
hero - 2
Core Capabilities
Six capability cards covering the whole path from event capture and funnel retention to AI detection and compliance.
features - 3
Five-Minute Integration
Integration selling points on the left beside an SDK code editor window whose lines fade in one at a time.
content - 4
Funnel Analysis
An animated signup conversion funnel card with AI drop-off hints, demonstrating the funnel analysis feature.
product - 5
Results in Numbers
Four key figures that count up in gradient type as the section scrolls into view.
stats - 6
Customer Voices
Three testimonial cards with gradient avatars and job titles.
testimonial - 7
Closing Call to Action
Rounded card on a gradient glow and grid background, with start-free and book-a-demo buttons.
cta - 8
Footer
Brand blurb, social links, four navigation columns and a system status bar.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →