Header 01 AiChatbott

首屏 / Header

A full-screen SaaS hero header for an AI chatbot product called "AIChatBott", built with React + Tailwind CSS and animated with Framer Motion. It features a sticky-style glass nav bar with hover dropdowns, a centered hero (badge + heading + subheading + animated pill CTA), and a layered "card collage" composed of overlapping PNG screenshots that animate into place on load.

会员专享

升级会员解锁

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-reactclsxtailwind-merge

解锁后可查看完整代码

Header 01 AiChatbott

代码

全站提示词，会员免费