A hero section is a responsive snippet of Bootstrap 5.
Is has a headline, a sub-heading, a representative, conception or aspirational image, and call-to-action buttons.
The purpose of the hero section is to highlight your brand or message, get your message across and make the call-to-action as clear as possible.
Here are some examples: