Components
Hero
The Hero component is designed to create an impactful and visually appealing introduction section for your website. It includes a headline, subheadline, call-to-action buttons, an optional testimonial, and a featured image.


page.tsx
Usage
example.tsx
Tips
When customizing the Hero component:
- Keep the headline concise and impactful, highlighting your main value proposition
- Use the subheadline to expand on the headline, addressing user pain points or benefits
- Ensure CTA button text is action-oriented and clear about the next step
- If using the testimonial, choose a compelling statistic or short quote that supports your value proposition
If you need basic components like buttons, inputs, and more, they are available with Shadcn UI.
Was this page helpful?