Header

1import {
2  Hero,
3  HeroAlert,
4  HeroContent,
5  HeroDescription,
6  HeroTitle,
7  Highlight,
8} from "@/registry/ui/hero";
9 
10export function AppHeader() {
11  return (
12    <Hero>
13      <HeroContent>
14        <HeroAlert>v0.1.0 is out &mdash; explore the release notes</HeroAlert>
15        <HeroTitle>
16          <Highlight>Hello</Highlight> World
17        </HeroTitle>
18        <HeroDescription>
19          Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic neque est
20          sequi? Ea, ex veritatis?
21        </HeroDescription>
22      </HeroContent>
23    </Hero>
24  );
25}