Hero

A full-bleed marketing hero with announcement badge, dual CTAs, and product screenshot.

Deploy to the cloud with confidence

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.

npx shadcn@latest add https://reactdocs.canceydejean.dev/r/hero.json

Use the hero as a landing-page marketing section. It ships with sample copy and images you can replace after install.

import Hero from "@/components/_blocks/hero/hero";

export function Preview() {
  return <Hero />;
}