feat: enhance accessibilty and seo for hero section

[sohaibchebah]

Description

This PR adds more accessibility to the hero section and also seo bost becuase search engine crawlers understand more the semantic html

Related Tickets & Documents

Closes #530

Mobile & Desktop Screenshots/Recordings

N/A

Steps to QA

N/A

Tier (staff will fill in)

• [ ] Tier 1
• [ ] Tier 2
• [ ] Tier 3
• [x] Tier 4

[optional] What gif best describes this PR or how it makes you feel?

[netlify[bot]]

✅ Deploy Preview for hot-sauced-ui ready!

Name	Link
🔨 Latest commit	657767ea77f5711862192ee06b0eb7448537915d
🔍 Latest deploy log	https://app.netlify.com/sites/hot-sauced-ui/deploys/66be076a683e79000827f0ab
😎 Deploy Preview	https://deploy-preview-529--hot-sauced-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nickytonline]

Hi @sohaibchebah! Please read the contributing guidelines above.

[nickytonline]

This repo is being archived.