feat: Add professional Footer component with modal dialogs and accessibility #110
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Create responsive Footer component with 4-column grid layout - Implement modal system for Privacy, Terms, and Code of Conduct - Add social media links (Website, Instagram, Discord, GitHub) - Support full light/dark theme switching with Tailwind classes - Include keyboard navigation and accessibility features - Remove inline footer from App.tsx for cleaner architecture - Fix unused React import in App.tsx
Author
|
Hello @arushi2610 👋 The footer is now fully responsive, theme-safe (light & dark), and includes accessible navigation, social links, and legal modals (Privacy, Terms, Code of Conduct). Please review the PR and let me know if any changes or refinements are needed. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🚀 Add Production-Ready Footer with Modals, Theme Support & Accessibility
🎯 Summary
This PR adds a modern, responsive, and accessible Footer component to replace the existing inline footer.
It introduces legal modals, social media links, and full light/dark theme support while keeping the rest of the UI unchanged.
📦 Changes
➕ New
A complete footer with:
✏️ Updated
Integrated the new Footer and removed inline footer markup.
✨ Features
Footer Layout
Legal Modals
Theme Support
Accessibility
Responsive
✅ Testing
🔗 Related Issue
Closes #53
📸 Screenshots
Before
After
