Enhanced Readability and Search Experience on "Genres" Page

[ruchspatil]

---

Name: Pull Request
About: Submit changes to CineVerse

🎬 Pull Request for CineVerse

📝 Description

Refined the "Genres" page by improving the heading typography and redesigning the search bar for a cleaner, more modern appearance.

What does this PR do?

• Updates the heading style to enhance readability and visual hierarchy.
• Redesigns the search box with balanced spacing, rounded corners, and improved focus effects.
• Ensures a more cohesive look that aligns with the overall site theme.

Why is this change needed?

• To make the "Genres" page visually consistent with other sections.
• To enhance user engagement through a cleaner and more intuitive interface.

🔗 Related Issue

Link the issue this PR addresses
Fixes #87
Closes #87
Resolves #87

🧪 Type of Change

Check all that apply

• 🐛 Bug fix (non-breaking change that fixes an issue)
• ✨ New feature (non-breaking change that adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 📚 Documentation update
• 🎨 UI/UX improvement
• ♿ Accessibility improvement
• 🔧 Code refactoring
• 📱 Mobile responsiveness
• 🌙 Dark mode related
• 🎯 Performance improvement
• 🧪 Test addition/update

🧪 Testing

Test Cases:

• Tested on desktop browsers (Chrome, Firefox, Safari)
• Tested on mobile devices
• Tested in both light and dark modes
• Manual testing completed
• No existing tests broken

Screenshots/Videos:

Before:

After:

📱 Device Testing

Check the devices you tested on

• Desktop (Windows/Mac/Linux)

🎯 Movie App Specific Testing

• Genre page loads correctly
• Search bar functions as expected

🔍 Code Quality

Self-review checklist

• My code follows the project's style guidelines
• I have performed a self-review of my code
• My changes generate no new warnings
• Code is properly formatted

🎓 For GSSoC Contributors

Fill this section if you're a GSSoC participant

Difficulty Level:

• Beginner
• Intermediate
• Advanced

What did you learn?
Improved understanding of typography hierarchy and UI spacing.

Challenges faced:
Ensuring proper alignment and visual balance with the search box and heading.

📋 Checklist

Complete this checklist before submitting

• I have read the contributing guidelines
• I have requested review from maintainers
• I have linked this PR to the related issue
• I have updated documentation if needed
• I have added/updated tests if needed
• My branch is up to date with the main branch

📝 Additional Notes

If you have any suggestions or feedback, I’d be happy to improve it further.
Thank you for the opportunity to contribute as part of GSSoC '25!

Ready for review! 🚀