major Update for site: Enhance UI/UX Design and Add New Sections

[ajay-dhangar]

Description:

This pull request introduces several enhancements to the Algo Web App to improve the user experience and modernize the UI design. The following sections have been added or updated:

1. Hero Section:

   • Designed a responsive hero section with a captivating call to action to engage users immediately.
   • Implemented dark mode support for a better user experience.

2. Features Section:

   • Highlighted key features of the application with an attractive layout to emphasize functionality.

3. How It Works Section:

   • Provided a clear and concise explanation of how users can navigate and utilize the app's features effectively.

4. Contribute to Algo Section:

   • Created a section encouraging users to contribute to the project with a modern UI.

5. Technologies Used Section:

   • Listed the technologies and tools used in the development of the app, enhancing transparency.

6. Get Involved Section:

   • Introduced information about events and programs to encourage community engagement.

7. Popular Algorithms Section:

   • Developed an interactive section showcasing popular algorithms with dynamic, animated cards for an engaging user experience.

8. User Testimonials Section:

   • Added testimonials from users to provide social proof and highlight the app’s impact.

9. Call to Action Section:

   • Designed a prominent call to action to encourage users to sign up and engage with the community.

Motivation:

These updates aim to enhance user engagement, provide clarity on the app’s functionality, and foster a sense of community among users. The modern design elements and interactive components are intended to make learning algorithms more enjoyable and effective.

Changes Made:

• Added and styled new sections with Tailwind CSS for responsive design.
• Ensured dark mode compatibility across all new components.
• Enhanced overall UI/UX to align with modern design principles.

How to Test:

1. Pull this branch and run the application locally using the command:

   npm start

2. Navigate through the new sections to ensure responsiveness and functionality on different devices.

Additional Notes:

• Please review the code for consistency with existing styles and ensure it adheres to the project's coding standards.
• Feedback and suggestions for further improvements are welcome!