Here are some best practices for using the Hero component:
Headline: Keep your title under 10 words and focus on the core value proposition
Copy
// ❌ Bad Exampletitle = "This comprehensive, enterprise-grade solution helps development teams streamline their workflow processes and improve through advanced automation";// ✅ Good Exampletitle = "Build Your MVP in a WEEKEND, not Months, with Next.js and Supabase";
Supporting Text: Explain how you deliver on your headline’s promise
Copy
// ❌ Bad Exampledescription = "Our solution is the best in class";// ✅ Good Exampledescription = "20+ pre-built React components, authentication, and email templates - everything you need to launch faster";
CTAs: Use action verbs (Get, Start, Learn, etc.) and create a clear hierarchy
Here are some best practices for using the Hero component:
Headline: Keep your title under 10 words and focus on the core value proposition
Copy
// ❌ Bad Exampletitle = "This comprehensive, enterprise-grade solution helps development teams streamline their workflow processes and improve through advanced automation";// ✅ Good Exampletitle = "Build Your MVP in a WEEKEND, not Months, with Next.js and Supabase";
Supporting Text: Explain how you deliver on your headline’s promise
Copy
// ❌ Bad Exampledescription = "Our solution is the best in class";// ✅ Good Exampledescription = "20+ pre-built React components, authentication, and email templates - everything you need to launch faster";
CTAs: Use action verbs (Get, Start, Learn, etc.) and create a clear hierarchy