header-02

1import Link from "next/link"
2import { ChevronRightIcon } from "lucide-react"
3 
4import { Navbar } from "@/registry/blocks/header-02/components/navbar"
5 
6export default function Page() {
7  return (
8    <div className="flex h-screen w-full flex-col overflow-hidden">
9      <Navbar
10        banner={
11          <Link
12            href="/blog/radiant-raises-100m-series-a-from-tailwind-ventures"
13            className="flex items-center gap-1 rounded-full bg-fuchsia-950/35 px-3 py-0.5 text-sm/6 font-medium text-white data-hover:bg-fuchsia-950/30"
14          >
15            Radiant raises $100M Series A from Tailwind Ventures
16            <ChevronRightIcon className="size-4" />
17          </Link>
18        }
19      />
20      <section className="flex flex-1 items-center justify-center">
21        <h1 className="text-foreground text-4xl font-bold">Hero</h1>
22      </section>
23    </div>
24  )
25}