Futuristic Motorcycle Header - Motorace

首屏 / Header

A cinematic, scroll-scrubbed motorcycle landing hero for the brand Motorace, featuring two full-viewport background videos (an ambient loop at the top that hands off to a scroll-controlled scrub video), a typewriter headline, a physics-draggable CTA, and a scroll-synced vertical model navigator.

会员专享

升级会员解锁

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.

购买后即可查看完整提示词

代码

npm install framer-motion lucide-react

解锁后可查看完整代码

Futuristic Motorcycle Header - Motorace

代码

全站提示词，会员免费