Header 03 Pixa

ヒーロー / ヘッダー

A split-layout hero header for the "Pixa" AI-agent brand: a vertical icon sidebar that swaps a large preview image, a left visual card, and a right content column with an announcement pill, headline, rating badges, an email capture, dual CTAs, a social-proof row, and a grayscale logo strip footer. Built with React, Tailwind CSS, Framer Motion, and lucide-react.

メンバー限定

アップグレードして解放

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.

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

コード

framer-motionlucide-react

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

Header 03 Pixa

コード

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