RK
Rahul Kumar

Header - Copy this React, Tailwind Component to your project

Import Link from "next/link"; export default function Header() { return ( <header className="bg gradient to r from pink 300 to purple 600 text white"> <div className="container flex items right justify between py 2"> <Link href="/" className="flex items center gap 3"> <img src="/demo logo.png" alt="VegaBond" className="h 20 w 35" /> <div className="text black"></div> </Link> <nav className="hidden md:flex gap 6 items center"> <Link href="/">Home</Link> <Link href="/pricing">Pricing</Link> <Link href="/about">About</Link> <Link href="/services">Services</Link> <Link href="/blog">Blog</Link> <Link href="/contact" className="px 4 py 2 bg white/20 rounded"> Contact </Link> </nav> <div className="md:hidden"> {/* mobile hamburger placeholder */} <button aria label="menu">☰</button> </div> </div> </header> ); } take this code and modify with take some good font and make headers cool and add some animations and cursor play

Prompt
Component Preview

About

Header - Stylish and animated header with a gradient background, responsive navigation, and cool fonts, professionally built with React and Tailwind. Download code free!

Share

Last updated 1 month ago