← All blocks
Hero with a video poster
hero · split-header-video · hero-video-poster
npx shadcn@latest add @plus-ui/hero-video-posterDefault content
{
"eyebrow": {
"label": "v4.2: instant rollbacks on every plan",
"href": "#"
},
"title": "Every pull request gets a live URL in 40 seconds",
"description": "Rivetlane builds each branch on push, posts the preview link to the pull request and tears it down on merge. No YAML to babysit, no shared staging to fight over.",
"actions": [
{
"label": "Deploy your first app",
"href": "#",
"variant": "primary"
},
{
"label": "Read the docs",
"href": "#",
"variant": "secondary"
}
],
"media": {
"kind": "video",
"poster": {
"src": "https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1920&h=1080&q=80",
"alt": "Laptop on a white desk with a deploy configuration open in the editor"
},
"playLabel": "Watch the walkthrough",
"duration": "3:12",
"caption": "From git push to production: a preview build, a review comment and a one-click rollback."
},
"proof": {
"label": "Shipping on Rivetlane every day",
"brands": [
"talvik",
"zephlo",
"ostrelo",
"quillon",
"brindlebay"
]
}
}