Enhanced the UI

[Ujjwal807]

Fixes Issue🛠️

Closes #646

Description👨‍💻

Previously the User Interface was not looking good, and it is not good for the user, so I updated to modern UI of home page I have only updated for home page if you like it then I will update for the whole web page too.

Type of change📄

• New feature (non-breaking change which adds functionality)

How this has been tested✅

On my local system.

Checklist✅

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I am an Open Source Contributor

Screenshots/GIF📷

Here is the updated UI for the home page

here is for the dark mode

[netlify]

✅ Deploy Preview for beautiify ready!

Name	Link
🔨 Latest commit	63e9e45
🔍 Latest deploy log	https://app.netlify.com/sites/beautiify/deploys/6641b9a9c9a5320009abca49
😎 Deploy Preview	https://deploy-preview-714--beautiify.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.

[github-actions]

Hey @Ujjwal807, Welcome to the project Beautiify! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[Rishitatripathi]

"Could you kindly assign me this issue to GSSOC 2024? I would greatly appreciate it."

[Ujjwal807]

"Could you kindly assign me this issue to GSSOC 2024? I would greatly appreciate it."

it has already been done so, now why do you want to assign on this issue that is fixed

[Rakesh9100]

Please do not create a PR until you have been assigned to an issue @Ujjwal807