Add Farmer Success Stories Page to Agrotech

[IkkiOcean]

Description:
This PR introduces a new "Farmer Success Stories" page to the Agrotech platform. The page highlights the inspiring stories of farmers who have successfully embraced sustainable practices and innovative technologies to transform their agricultural journey. It provides a searchable, interactive list of farmer stories, each showcasing a unique example of how technology is enhancing modern farming.

Changes:

1. FarmerSuccessStories Component:

   • Displays a list of success stories with basic details (name, location, crop type, technology, and summary).
   • Allows users to search for stories based on different criteria (e.g., name, location, crop type, technology).
   • Integrates a modal feature to view the full story with an image and detailed narrative.

2. Reusable Components:

   • Header: Displays the page header.
   • SearchBar: A component for filtering the stories based on user input.
   • StoryCard: Displays a preview of each farmer's success story.
   • StoryModal: Modal window for showing the full success story when a user clicks "Read More."

3. Styling:

   • Used Tailwind CSS for a responsive, modern design, with hover and transition effects on the story cards for an enhanced user experience.

4. Data Integration:

   • Dummy data (dummyStories) is included for now, showcasing three farmer stories. The data can be replaced or enhanced in the future as real-world data is integrated.

Screenshots:

• Farmer Success Stories Page:
  

• Story Modal:
  

How to Test:

1. Navigate to the Farmer Success Stories page.
2. Use the search bar to filter the stories based on name, location, crop type, or technology.
3. Click "Read More" on any story to view the full details in the modal.
4. Verify the layout is responsive and adjusts properly on different screen sizes.

Checklist:

• Added the Farmer Success Stories page.
• Created reusable components for modularity.
• Styled components using Tailwind CSS.
• Ensured the page is responsive.
• Tested the search functionality.

Related Issues:

• closes Create Farmer Success Story Page #995

video

fgg.mp4

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 40 minutes (more than 100, code: "api-deployments-free-per-day").

[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! 🚀