GitAuto: Add a section for testimonials between "use case" and "how to get started" on the top page /

[gitauto-for-dev]

Original issue: #90

What is the feature

The feature is to add a section for testimonials on the top page of the application, specifically between the "Use Cases" and "How to Get Started" sections. This section will include three fake testimonials to enhance the user experience and provide social proof.

Why we need the feature

Testimonials are a powerful tool for building trust and credibility with potential users. By showcasing positive feedback from users, we can increase the likelihood of new users engaging with our product. This feature will help in converting visitors into users by providing them with relatable experiences and endorsements.

How to implement and why

1. Create a New Component:

   • Develop a new React component named Testimonials.tsx within the components/HomePage directory. This component will be responsible for rendering the testimonials section.

2. Design the Layout:

   • Use a simple and clean design to display the testimonials. Each testimonial should include a quote, the name of the person, and their designation or company. This can be achieved using basic HTML and CSS, ensuring responsiveness across different devices.

3. Add Fake Testimonials:

   • Include three hardcoded testimonials within the Testimonials.tsx component. These should be realistic and relevant to the product's use case.

4. Integrate the Component:

   • Import and integrate the Testimonials component into the app/page.tsx file, placing it between the UseCases and HowToGetStarted components. This ensures the testimonials are displayed in the correct order on the top page.

5. Styling and Consistency:

   • Ensure the styling of the testimonials section is consistent with the rest of the page. Use existing CSS classes or create new ones in styles/globals.css if necessary.

About backward compatibility

This feature is backward compatible as it involves adding a new section to the existing page without altering any existing functionality. The addition of testimonials will not affect the current user experience negatively but will enhance it by providing additional information and social proof.

Test these changes locally

git checkout -b gitauto-wes/issue-#90-765f79a0-d81d-49e3-8a4b-f0ac742d6a03
git pull origin gitauto-wes/issue-#90-765f79a0-d81d-49e3-8a4b-f0ac742d6a03

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gitauto-website	❌ Failed (Inspect)			Aug 14, 2024 6:39am