Refactor footer section with cards for better organization and styling

[tatheer-fathima]

Issue PR NUMBER #303 : **Enhance the UI of the footer section ** solved

Type of PR

• [ ] Bug fix
• [X] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___________

Description

This pull request aims to modify these changes: -Centered the "Collect Your Gaming Tools," "Quick Links," and "Contact Us" cards. -Centered form inputs, placeholders, and buttons in the contact form. -Centered "About Text" and social media icons. -Improved input field padding and adjusted button alignment. -Removed extra space between card borders and "Contact Us" section. -Added smooth transitions to buttons and social icons.

Screenshots / Videos (if applicable)

Before:

• ["The sections in the footer were misaligned, leading to an inconsistent and cluttered appearance."]

---

After:

• [Now after changes, it look visually interactive and increased readability]

Checklist

• Add X in the box to specify.
• [X] I have performed a self-review of my code.
• [X] I have tested the changes thoroughly before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X] I have commented my code, particularly in hard-to-understand areas.

Additional Context

[Provide any additional context about the changes, such as specific challenges you faced or decisions you made. This can help reviewers understand the rationale behind your changes.]

@swaraj-das Please review my changes and merge it under gssoc-ext and hacktoberfest along with levels.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
collect-your-gaming-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 13, 2024 10:31am

[netlify[bot]]

✅ Deploy Preview for collect-your-gamingtools ready!

Name	Link
🔨 Latest commit	3d08ed18dae4d2cf8f9b81368b28afeedeb9c26b
🔍 Latest deploy log	https://app.netlify.com/sites/collect-your-gamingtools/deploys/670ba160c6132d000827ec17
😎 Deploy Preview	https://deploy-preview-345--collect-your-gamingtools.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.

[swaraj-das]

@T-Fathima, the footer design isn't good. You need to come up with something better.

[AKSHITHA-CHILUKA]

mention issue number