Header 02 Solra

ヒーロー / ヘッダー

A full-screen wellness/fitness hero header for the brand "Solra", built with React, Next.js, and Framer Motion. It pairs a centered headline and dual CTAs with a horizontal row of five mixed-content cards (image masks, animated counters, and a click-to-play video), capped by an infinite logo marquee.

メンバー限定

アップグレードして解放

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.

購入すると全文が表示されます

コード

motionlucide-react

アンロックすると全コードを表示できます

Header 02 Solra

コード

全プロンプトがメンバー無料