updated layout for home page

[Aazib-at-hub]

What does this PR do?

changes the layout to the home page.

Fixes #84

Type of change

• Bug fix (non-breaking change which fixes an issue)
• Chore (refactoring code, technical debt, workflow improvements)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How should this be tested?

• [ yes ] Test A
• Test B

Mandatory Tasks

• [ yes ] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

[netlify]

✅ Deploy Preview for badge-website ready!

Name	Link
🔨 Latest commit	d111d79
🔍 Latest deploy log	https://app.netlify.com/sites/badge-website/deploys/67083b213eddac0008b69d6f
😎 Deploy Preview	https://deploy-preview-89--badge-website.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]

🎉 Thank you @Aazib-at-hub for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

[Aazib-at-hub]

@rajatuiwebdev Here It is? Is this good or you need some modifications.

[Aazib-at-hub]

@rajatuiwebdev ?

[Aazib-at-hub]

@rajatuiwebdev brother please add the labels of gssocext too

[sanjay-kv]

@rajatuiwebdev could you add the labels?