Header 02 Pixa

Hero & Header

Light, centered marketing header for an AI notepad product ("NoteAI" / "Pixa") featuring a thin top announcement bar, a floating pill-shaped navigation, a centered hero (badge + headline + subhead + dual download CTAs), a grayscale logo strip, and a three-card feature grid. Built in React with Tailwind CSS and Framer Motion scroll-in animations.

Members only

Upgrade to unlock

You are an expert web designer. Build a stunning, production-ready page with
a bold hero section, smooth CSS transitions and a carefully tuned dark palette.
Use a neutral background, generous rounded corners and one electric accent color.
Structure the layout with a sticky header, feature grid, social proof and a final
call to action. Keep typography tight, spacing consistent and motion subtle.

Purchase to reveal the full prompt

Code

framer-motionlucide-react

Unlock to view the full code

Header 02 Pixa

Code

Every prompt, free for members