[Style] Enhance the home page with gradients

[nainika0305]

What's the style idea?

We need to improve the aesthetic appeal of the site. Currently, the boxes have a standard background and text style. I want to add a gradient background , to add a touch of elegance , and complementary text for the component boxes.

Removing shadow from text will make it more legible.

please assign me this.

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a GSSOC'24 contributor.
• I am a IWOC'24 contributor.
• I am a JWOC'24 contributor.
• I am a SWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[github-actions]

Hey @nainika0305, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Rakesh9100]

Pls show the before and after improvements properly with the supporting screenshot @nainika0305

[diyaaa19]

@Rakesh9100 Here's my take on this, please assign me this issue under gssoc'24

With gradients and no text shadow the site looks much more appealing:

[nainika0305]

Hi this is what i thought of
before:

after:

i will also change for dark mode ..

also it would look better if in the nav bar it turns blue when selected rather than red.

please assign me this under gssoc 24'

[Rakesh9100]

Go ahead @nainika0305

[github-actions]

Hello @nainika0305! Your issue #896 has been closed. Thank you for your contribution!! 🙌