refactor and fix hero section style

[NdibeRaymond]

Issue: #1129

[github-actions]

All pre-commit checks passed ✅✅✅

[github-actions]

pre-commit checks failed ❌❌❌
make sure you have pre-commit set up locally (see the README.md for instructions).
If you have set up pre-commit locally, you may need to undo this commit and
run "pre-commit" locally to see what the errors are.

[github-actions]

All pre-commit checks passed ✅✅✅