anuragverma108 / WildGuard

This repository is now officially part of Hacktoberfest 2024!
https://wildguard.netlify.app/
MIT License
283 stars 649 forks source link

Enhance Testimonials Section UI and Functionality #1457

Open akhilreddy20 opened 1 week ago

akhilreddy20 commented 1 week ago

Current State:

The Testimonials section currently displays only one testimonial The "Testimonials" heading is incorrectly placed inside a content box The section lacks visual hierarchy and proper structure

->Proposed Changes

Restructure the heading: Move "Testimonials" to a proper heading tag Add a subheading describing "What People Say About Us"

->Enhance testimonial display: Add multiple testimonial cards (3-4 testimonials) Implement a horizontal scrolling carousel effect Display testimonials side by side with smooth transitions

->Improve visual design: Create consistent card styling Add proper spacing between elements Enhance overall section layout

->Expected Outcome: These changes will Improve user engagement through dynamic content presentation, create a more professional and polished appearance, provide better social proof through multiple testimonials and Enhance the overall user experience of the website

->Technical Implementation: Use CSS flexbox/grid for card layout, Implement carousel functionality using JavaScript, Ensure responsive design across all devices Add smooth animation effects for testimonial transitions.

Can you please assign this to me under HACKTOBERFEST label.

Screenshot (67)

github-actions[bot] commented 1 week ago

Thanks for creating the issue in WildGuard! Before you start working on your PR, please make sure to:

github-actions[bot] commented 1 week ago

Thank you for creating this issue! šŸŽ‰ Your issue will soon be reviewed by Project Maintainers. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! šŸ˜Š

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.