[Feature Request]: Improve FAQ Section Design with Hover Effects and Animations

[govindbairi]

Is there an existing feature request for this?

• [X] I have searched the existing feature requests

Describe the feature you would like to request

To improve the FAQ section with hover effects and animations, use an accordion layout to allow users to expand or collapse answers easily. Implement hover effects that change the background and text color of questions, adding a box shadow for depth. Ensure all color and size changes have smooth transitions for a polished look. Animate the expansion and collapse of answers with CSS for a better user experience. Finally, include a JavaScript snippet to toggle the active class on click, allowing only one answer to be visible at a time.

What problem does this feature solve?

This feature enhances user experience by making the FAQ section more interactive and engaging, allowing users to quickly find the information they need. It reduces clutter by only displaying answers when requested, improving readability. The hover effects provide visual feedback, guiding users through their interactions. Overall, it increases usability and helps users navigate the content efficiently

Alternative solutions

No response

Confirmation

• [X] I have read the Bitbox Contributing Guidelines
• [X] I am a GSSOC-EXT contributor
• [ ] I am a HACKTOBERFEST contributor
• [X] I have starred the Bitbox repository
• [X] I would like to help implement this feature

[Anuj3553]

Hyy @govindbairi, I'm assigning this issue to you.

[Anuj3553]

Can you give star to the repo?

[govindbairi]

kindly review my code Requesting to add a Level 3 label to my PR focused New Feature: Added FAQ Section for Improved User Support @Anuj3553

[Anuj3553]

kindly review my code Requesting to add a Level 3 label to my PR focused New Feature: Added FAQ Section for Improved User Support @Anuj3553

If you work on the backend then i can give you level between 2 and 3.