Added the animated-card component

[oseniabdulhaleem]

Description

This PR adds the Animation Card Component #6521

Notes for Reviewers

• Added the animation card component as provided in the html file

Signed commits

• Yes, I signed my commits.

A video of how it renders

https://drive.google.com/file/d/1ihandK3cI0CSe6Gp3y6gh3bp5wTu0JH-/view?usp=sharing

[l5io]

🚀 Preview for commit af797bc at: https://68581aa39e5549db716d36a9--layer5.netlify.app

[vishalvivekm]

@oseniabdulhaleem
Thank you for your contribution!
Let's discuss this during the website call today at 5:30 PM IST | 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

[l5io]

🚀 Preview for commit 6d74525 at: https://6859539eafb3acd94911ea9e--layer5.netlify.app

[l5io]

🚀 Preview for commit f23d3d2 at: https://68595a17579051c7f5a2a327--layer5.netlify.app

[vishalvivekm]

needs improvements, as discussed in sites call.

1. theme friendliness
2. responsiveness
3. can be incorporated on cards on homepage?

[oseniabdulhaleem]

@vishalvivekm I just made an update for theme friendliness

[l5io]

🚀 Preview for commit 8424297 at: https://686224c18482fc4e1631497b--layer5.netlify.app

[LibenHailu]

Hi @oseniabdulhaleem , Thank you for your contribution These are the high-level issues I came across,

The animation wave is not there on light mode, please remove everything that says Test, if the change is approved, it will be merged so make sure your code is ready to be merged when raising a PR.

The animation is covering blogs, Please test it thoroughly. The DCO check is also failing.

[oseniabdulhaleem]

@LibenHailu İ will look into those updates

Thanks for the feedback

[vr-varad]

@oseniabdulhaleem
Thank you for your contribution!
Let's discuss this during the website call today at 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

[oseniabdulhaleem]

@LibenHailu Thanks for the feedback! I should clarify - the HTML and CSS code didn't include specifications for the wavy animation in light mode, which is why I didn't implement it initially. I can certainly develop something if you'd like.

@vr-varad Unfortunately, I have a work meeting conflict at 7 AM CT today. Would it be possible to discuss this during our next website meeting instead? I can add it to the agenda and continue working on the implementation in the meantime.

[l5io]

🚀 Preview for commit 6974230 at: https://6863d3cab8966db613e2f207--layer5.netlify.app

[l5io]

🚀 Preview for commit 137e6b9 at: https://6863e6152de5e5324ff680a5--layer5.netlify.app

[oseniabdulhaleem]

@vishalvivekm @vr-varad Any update?

[oseniabdulhaleem]

@vishalvivekm @LibenHailu @vr-varad any update?