[Style] Enhance the home page with gradients - Githubissues

Rakesh9100 / Beautiify

Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience.

https://beautiify.netlify.app

Apache License 2.0

196 stars 326 forks source link

[Style] Enhance the home page with gradients #896

Open nainika0305 opened 4 weeks ago

nainika0305 commented 4 weeks ago

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. enhanced_image Removing shadow from text will make it more legible.

please assign me this.

Checklist

[X] I have checked the existing issues.
[X] I follow Contributing Guidelines of this project.
[X] 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

[X] I agree to follow this project's "Code of Conduct".

github-actions[bot] commented 4 weeks ago

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

Rakesh9100 commented 3 weeks ago

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

diyaaa19 commented 3 weeks ago

@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 commented 3 weeks ago

Hi this is what i thought of before:

after: Screenshot 2024-06-08 171002

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 commented 3 weeks ago

Go ahead @nainika0305