DOCS: Product Hunt

[huynhicode]

:bookmark_tabs: Summary

This PR contains the following updates:

• homepage: add Product Hunt badge
• docs: add promo bar
• docs > Mermaid Chart page: update Product Hunt Badge

Resolves #n/a

:straight_ruler: Design Decisions

Design decisions made by the Mermaid Chart team.

:clipboard: Tasks

Make sure you

• [x] :book: have read the contribution guidelines
• [ ] :computer: have added necessary unit/e2e tests.
• [ ] :notebook: have added documentation. Make sure MERMAID_RELEASE_VERSION is used for all new features.
• [ ] :bookmark: targeted develop branch

: Screenshots

[netlify[bot]]

✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	7391b05c43989b9c26200ecb3500b1bc2338e830
🔍 Latest deploy log	https://app.netlify.com/sites/mermaid-js/deploys/667cf8582960c400087dca56
😎 Deploy Preview	https://deploy-preview-5602--mermaid-js.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.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 79.05%. Comparing base (20b0318) to head (7391b05). Report is 1 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5602?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) ```diff @@ Coverage Diff @@ ## master #5602 +/- ## ========================================== + Coverage 77.30% 79.05% +1.74% ========================================== Files 175 175 Lines 14535 14535 Branches 869 869 ========================================== + Hits 11236 11490 +254 + Misses 3091 2837 -254 Partials 208 208 ``` | [Flag](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5602/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | Coverage Δ | | |---|---|---| | [e2e](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5602/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | `84.58% <ø> (+2.17%)` | :arrow_up: | | [unit](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5602/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | `43.37% <ø> (ø)` | | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js#carryforward-flags-in-the-pull-request-comment) to find out more. [see 12 files with indirect coverage changes](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5602/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js)