Header 01 Solra

Hero & Header

A full-screen dark-green wellness hero header for the "FitZen" fitness/yoga brand, built with React, Next.js Image, and framer-motion, featuring a glass navbar with an animated dropdown + mobile drawer, a background hero photo, an animated waveform, social-proof badge, large serif headline, dual CTAs, and a bottom-right info card with an inline video player.

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 01 Solra

Code

Every prompt, free for members