The FAQ Page Implemented with Same Theme

[adityadomle]

📝 Description

Added a professional FAQ (Frequently Asked Questions) page to help users quickly find answers about WordWizard. The page features a clean, modern design that matches the existing Privacy Policy theme with smooth animations and a search functionality.

Key Features:

• 4 essential FAQ questions covering what WordWizard is, privacy, features, and contributions
• Real-time search functionality to filter questions
• Smooth slide-up animations for a polished user experience
• Dark theme with purple gradients matching the existing design system
• Fully responsive design for mobile and desktop
• Direct links to GitHub repository and issues page

Fixes #182

---

🔍 Type of Change

• ✨ New feature (non-breaking change which adds functionality)
• 🐞 Bug fix (non-breaking change which fixes an issue)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 🧹 Code refactor (cleanup or optimization)
• 🧪 Tests added/updated
• 📝 Documentation update

---

🧪 How Has This Been Tested?

Steps:

1. Run the application locally
2. Navigate to the FAQ page
3. Test search functionality by typing keywords
4. Click on FAQ items to expand/collapse answers
5. Test responsive design on mobile and desktop viewports
6. Verify smooth animations on page load and interactions
7. Click GitHub links to ensure they open correctly

---

📸 Screenshots / Demo (if applicable)

---

🧠 Checklist

• My code follows the project's coding style and conventions
• I have performed a self-review of my code
• I have commented my code where necessary
• I have updated related documentation (if applicable)
• My changes generate no new warnings or errors
• I have linked related issue numbers (if any)
• All tests pass successfully

---

💬 Additional Notes

• The FAQ page uses the same design system as the Privacy Policy page for consistency
• Only essential questions are included to keep the page concise and professional
• The component is built with React and uses Lucide React icons
• All animations are CSS-based for optimal performance
• No external dependencies added beyond existing project libraries

[netlify]

✅ Deploy Preview for wordwizard-texteditor ready!

Name	Link
🔨 Latest commit	f090e1c
🔍 Latest deploy log	https://app.netlify.com/projects/wordwizard-texteditor/deploys/6903a1bcb7a9c10008d7fe7f
😎 Deploy Preview	https://deploy-preview-196--wordwizard-texteditor.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 project configuration.

[adityadomle]

@palchhinparihar Kindly please merge this PR

[palchhinparihar]

Hey! @adityadomle. Fetch the latest commit from the upstream branch cause the drop-down is not working in yours even tho somebody has fixed that issue!

[adityadomle]

Hey! @adityadomle. Fetch the latest commit from the upstream branch cause the drop-down is not working in yours even tho somebody has fixed that issue!

Look now...