AI Agent Hub Hero - Soci.me

ヒーロー / ヘッダー

A full-screen, scroll-driven "AI Agent Hub" header for the Soci.me brand that stacks four full-viewport hero sections, each revealed by an expanding circular clip-path wipe as the user scrolls, with floating 3D shape assets and a curved bottom SVG text-path menu whose word colors track scroll progress.

メンバー限定

アップグレードして解放

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

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

AI Agent Hub Hero - Soci.me

コード

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