🌟 Cards component

[bennymi]

Features:

• [ ] glassy look
• [ ] solid look
• [ ] background gradients
• [ ] gradient border
• [ ] moving gradient on hover
• [ ] tilting effect (https://www.youtube.com/watch?v=eOJTj_mWJds)
• [ ] color borders on hover
• [ ] use an enhancement action for tilting effect so we don't need to create a new component for cards (people can just import the action and add it to their card if they want to use it) (https://www.youtube.com/watch?v=Z-3tPXf9a7M)

Tilt effect:

• https://svelte.dev/repl/7b23ad9d2693424482cd411b0378b55b?version=3.24.1
• https://atroposjs.com/

Examples:

• https://buildui.com/recipes/gradient-border
• Nuxt hover gradient shifts: https://nuxt.com/
• https://www.youtube.com/watch?v=CqndlPZkjqY
• https://codepen.io/Hyperplexed/pen/qBMYVoq?ref=Hyperplexed
• https://codepen.io/Hyperplexed/pen/poQmrEq?ref=Hyperplexed
• https://shuffle.dev/editor?project=15e6757bd12242c4c793166b55b799a3820de9d9&editor=tailwind
• https://freefrontend.com/css-cards/
• https://codepen.io/georgehastings/pen/xgwxgo
• https://codepen.io/AbubakerSaeed/pen/rNNdvqz

[bennymi]

Background gradients:

• https://csshero.org/mesher/
• https://colorffy.com/mesh-gradient-generator
• https://hypercolor.dev/mesh
• https://www.magicpattern.design/tools/mesh-gradients
• https://www.joshwcomeau.com/gradient-generator/
• https://stackdiary.com/css-gradient-generators/
• https://toolbox.signalsupply.co/apps/gradientblobsvg
• https://whatamesh.vercel.app/