Implement Cards with Color Coding, Blur Effect for Advantages and Disadvantages

[rebornstar1]

Title

Implement Cards with Color Coding, Blur Effect for Advantages and Disadvantages

Description

This pull request introduces visually appealing cards for the advantages and disadvantages sections of the component. Each card features specific background colors, a blur effect, and a hover animation for enhanced user interaction. Additionally, an image effect with z-index adjustments has been implemented to improve the overall aesthetic.

Related Issues

#191

Changes Made

• Replaced simple text displays with styled cards for advantages and disadvantages.
• Added specific background colors to differentiate between advantages (green) and disadvantages (red).
• Implemented a blur effect on the card backgrounds for a modern look.
• Added a hover effect that enhances the card appearance on mouse over.
• Adjusted the z-index of the cards to ensure proper layering with the background image.

Checklist

• I have tested the changes locally
• Documentation has been updated (if necessary)
• Changes are backward-compatible

Screenshots (if applicable)

Before

After

Responsiveness

Additional Notes

This enhancement aims to improve the user interface and experience by providing a more visually engaging way to present information. Please review the styles applied for responsiveness and compatibility across devices.

Footer

[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	Oct 9, 2024 9:32pm

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

[rebornstar1]

Should i create some new issues for the fertilizer and soil quality because in those sections too advantages and disadvantages cards could be implemented like this

[manikumarreddyu]

yes

[manikumarreddyu]

they are not in same height..

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