The task consists of two parts:
-
Create a component that shows floating and disappearing heart icons. Icons should appear at random positions and have random sizes. Here you can find an example of the animation.
-
Update
/app/page.tsx
to display theFloatingHearts
(created in the first step) when hovering over theDonateButton
. TheDonateButton
is located insideStepA
, which is in turn insideDonateFlow
.
Please fork this repo to complete these test tasks. You are free to add any packages you need and make any changes you want.