UI/UX Enhancement: About Us Page (SEO, Accessibility, Styling & Animations)

[keshripritesh]

📝 Issue Title

UI/UX Enhancement: About Us Page (SEO, Accessibility, Styling & Animations)

---

📌 Description

The current About Us (about.html + about.css) page has limited SEO coverage, accessibility inconsistencies, and outdated styling. It can be improved to provide a modern, professional, and user-friendly experience.

---

🔧 Proposed Changes

1. SEO Improvements (HTML)

• Added proper <meta> tags (description, keywords, OpenGraph).
• Removed duplicate favicon references.
• Optimized heading hierarchy for search engine readability.

2. Accessibility Enhancements (HTML + CSS)

• Ensured all images have descriptive alt attributes.
• Added ARIA labels for interactive buttons (e.g., theme toggle, social links).
• Improved color contrast in light/dark modes via CSS tweaks.

3. UI/UX Enhancements

• Added scroll-to-top button with smooth scrolling.
• Hover/transition effects on service list items and social media icons.
• Intersection Observer for section fade-in animations.
• Footer restructured with responsive CSS Grid layout.

4. Styling Improvements (about.css)

• Updated typography using Google Fonts (Poppins).
• Improved section spacing & padding for readability.
• Enhanced buttons with modern hover & focus effects.
• Created reusable classes for consistent theming.
• Added animations for smooth section appearance.

5. Code Quality

• Fixed indentation & formatting inconsistencies.
• Reduced redundancy (removed repeated favicon).
• Organized external CSS & JS imports properly.

---

📂 Files Affected

• about.html
• about.css

---

✅ Benefits

• SEO: Better visibility on search engines.
• Accessibility: More inclusive & user-friendly design.
• UI/UX: Cleaner, responsive, and engaging interface.
• Maintainability: Codebase is cleaner & easier to extend.

---

👨‍💻 Contributor

@keshripritesh

---

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊