Added Trending Products Page with Search, Sort, and Product Grid

[IkkiOcean]

Description:
This pull request introduces a new Trending Products Page that includes a search bar, sorting functionality, and a grid of product cards displaying trending agricultural products. The page is broken into modular components for better maintainability.

Changes made:

• Header Component: Added a simple header with the website title.
• Banner Component: Added a promotional banner showcasing the trending products section.
• SearchAndSort Component: Implemented a search bar for filtering products and a dropdown for sorting products by price, rating, and trending status.
• ProductCard Component: Created a reusable product card to display product details like image, name, price, rating, and reviews.
• ProductGrid Component: Added a product grid to display all products as individual cards in a responsive layout.
• Footer Component: Added a footer with sections like "About Us", "Quick Links", and "Newsletter" subscription.
• TrendingProductsPage Component: Integrated all the components to create a complete, functional trending products page with dummy data for the products.

Files added:

• Header.js: Contains the website's header.

• Banner.js: Displays the promotional banner.

• SearchAndSort.js: Handles the search and sorting functionalities.

• ProductCard.js: Displays product details.

• ProductGrid.js: Displays a grid of ProductCard components.

• Footer.js: Contains the footer section.

• TrendingProductsPage.js: The main page that integrates all components together.

• Closes Add Trending Products Page  #948

Testing:

• Open the Trending Products Page and verify that the search bar, sort dropdown, and product grid are working correctly.
• Ensure that the products are filtered based on the search term and sorted based on the selected sorting option.
• Confirm that all components are displayed correctly on mobile and desktop views.

Screenshots:

t.mp4

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
agro-tech-ai	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2024 1:59am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀