Update About Page

[dev129]

Hi @rishicds

Issue Title

Redesign of the About Page for Improved Responsiveness and Aesthetic Appeal

• I have provided the issue title.

---

Info about the Related Issue

What's the goal of the project?
The goal of the project is to enhance the user experience of the About page by implementing a responsive design that is visually appealing and informative. This will help in providing better accessibility and engagement for users across different devices.

• I have described the aim of the project.

---

Name

Devansh Vishwa

• I have provided my name.

---

GitHub ID

dev129

• I have provided my GitHub ID.

---

Identify Yourself

GSSOC

• I have mentioned my participant role.

---

Closes

*Fixes: #392 *

• I have provided the issue number.

---

Describe the Add-ons or Changes You've Made

I have redesigned the About page to improve its responsiveness on various screen sizes. This includes reworking the layout, updating the design for better styling, and ensuring that all elements are visually coherent and user-friendly. Additionally, I've optimized images and adjusted text sizes for better readability.

• I have described my changes.

---

Type of Change

Select the type of change:

• [] Bug fix (non-breaking change which fixes an issue)
• [x ] New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

---

How Has This Been Tested?

The file location is : src\app(pages)\About\page.jsx
I have tested the redesign on multiple devices and screen sizes, including mobile phones, tablets, and desktops, to ensure that the responsiveness works correctly. I also performed a cross-browser check to verify consistent behavior across major browsers.

• I have described my testing process.

---

Checklist

Please confirm the following:

• My code follows the guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added things that prove my fix is effective or that my feature works.

###Test Video:

bandicam.2024-11-05.21-49-09-362.mp4

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. 😊

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. 😊

[github-actions]

🚀 We’re grateful for your pull request and the effort you put into it!
🔍 A maintainer will review it as soon as possible.
We’ll provide feedback if needed and merge it once approved.
Thanks for being an awesome part of our community! 💪

[dev129]

Hi @rishicds , please check and review my PR.