🌟 Hero Component

Explore the usage of Hero component to create impactful, visually appealing hero sections in your applications.

Standard Hero

The Hero component is used to create a hero section with an optional image, title, description, and a button.

1 import Hero from '@/shared/component/Hero';

2 

3 <Hero

4   title='Welcome to Our Website!'

5   description='Explore our products and services to find what you need.'

6   img='/path/to/image.jpg'

7   buttonTitle='Learn More'

8   onClick={() => console.log('Button clicked')}

9 />

Hero Props

The Hero component accepts the following props to customize its appearance and functionality:

• title: Required. The title text displayed in the hero section.
• description: Required. The description text displayed below the title.
• img: Optional. The URL of the image to be displayed in the hero section.
• buttonTitle: Optional. The text to be displayed on the button.
• onClick: Optional. The click event handler for the button.