v0 Prompt: Generate a Stunning Hero Section
When to Use This Prompt
Use this as the first section of any product landing page. The hero makes or breaks first impressions.
The Prompt
Create a landing page hero section: - Full-viewport height - Animated gradient background (subtle, not distracting) - Large headline with gradient text effect - Subtitle in lighter color - Two CTA buttons: primary (filled) and secondary (outlined) - Animated product mockup or illustration placeholder - Trust badges row (company logos) - Subtle floating animation on the mockup - Scroll indicator at bottom Design: - Bold, modern, premium feel - Inter or similar clean font - Generous spacing - Mobile: stack vertically, maintain visual impact - Dark mode compatible Use Framer Motion for animations. shadcn/ui + Tailwind CSS.
What to Customize
Replace headline, subtitle, and CTA text with your product copy. Add your company logos for trust badges.
Expected Output
A dramatic hero section component with gradient background, animations, and responsive layout. About 100-150 lines.