[website] Hero section update

[MehulBatra]

Purpose

Hero section update for a clean & confident look of the landing page.

Brief change log

-> modified custom.css inline styles + logo swap logic
-> modified index.module.css hero banner styling, negative margins
-> modified index.tsx to use Inter font (used by github, vercel & saas companies for thier product branding), typography updates
-> added new_banner.png

Tests

API and Format

Documentation

[MehulBatra]

old :

new:

[wuchong]

Thanks @MehulBatra for the great work! The new homepage looks really nice!

I think we can remove the old background.jpg now.

A minor suggestion (not required if difficult to do): when scrolling below the banner image, perhaps we can change the transparent navbar to a regular (opaque) navbar to make the buttons on it clearly visible.

[MehulBatra]

Thank you @wuchong for the review and feedback I will address them one by one!

[MehulBatra]

Thanks @MehulBatra for the great work! The new homepage looks really nice!

I think we can remove the old background.jpg now.

A minor suggestion (not required if difficult to do): when scrolling below the banner image, perhaps we can change the transparent navbar to a regular (opaque) navbar to make the buttons on it clearly visible.

addressed this by adding the scroll listener logic and updating the styles to
handle both transparent and opaque states