header-02

PreviousNext

A simple header section.

Docs
aliimamblock

Preview

Loading preview…
registry/default/blocks/header/header-02/page.tsx
import { Header } from "@/registry/default/blocks/header/header-02/components/header";

export default function Header02() {
  return (
    <div className="flex flex-col min-h-screen w-full">
      <Header /> 
      <main className="flex-1">
        <section className="h-screen flex items-center justify-center">
          <h1 className="text-4xl font-bold">Hero</h1>
        </section> 

        <section className="h-screen flex items-center justify-center">
          <h1 className="text-4xl font-bold">Section</h1>
        </section>
      </main>
    </div>
  );
}

Installation

npx shadcn@latest add @aliimam/header-02

Usage

import { Header02 } from "@/components/header-02"
<Header02 />