[FEATURE] Revamp the website with modern design

[FabrizioJordan]

Is your feature request related to a problem? Please describe.

The website uses bad web practices and looks old and outdated.

Describe the solution you'd like.

Bad practices: Using grid, padding and margin to separate elements instead of flex.
I replaced the incorrectly used padding and margin with flex and gap.
PD: the grid is more difficult and not necessary in these cases.

Bug: Main section image animation shows scrollbar on X axis.
Fix: Overflow hidden in container div .

From antique buttons and anchors to modern and clean designs. Borderless, better border radius, more correct size, etc.

Minor changes in Footer. Minor changes in Demo section.

These changes improve consistency across the website.

Screenshots

Home section:

With 2 buttons in header on hover:

Contribute section:

With 2 buttons in header, 3 contributors avatar and fork button on hover:

Demo section:

Normal:

Buttons on hover:

Footer:

Additional information

Sorry for my English, I don't speak it very well.

And this is one of my first contributions.

Do you want to work on this issue?

Yes

[github-actions]

Hello 👋! Thank you very much for raising an issue 🙌! The maintainers will get back to you soon for discussion over the issue! 🚀

Meanwhile you can also discuss about the project in our Discord Server 😀

[SaptarshiSarkar12]

@FabrizioJordan Thank you Fabricio for creating the issue 😄!
I agree with your points and the UI looks good now 👏. You can work on it. I would assign this issue to you.

Sorry for my English, I don't speak it very well.

It's okay 🙃.

And this is one of my first contributions.

Oh, welcome to Open-Source ❤️!