Crowdfunding product page - React.js + Tailwind CSS

The most difficult part of this was definitely managing state between modals and the main page when submitting pledges and changing the statistics for the project. Transitioning between the modals was also challenging, as well as organizing the components effectively. At one point, I had 3 different versions of both of my modals made because I initially call them inside of the button component that triggers them open.

I opted to use the Context API to handle the quantity state, and frankly, it was somewhat out of laziness because prop-drilling the values and functions to update them down would have been tedious. The only downside I could see to that approach is performance, but this is pretty lightweight as a website overall so I'm not worried about that aspect.

In terms of feedback, I'd like any on React.js best practices, where I could have potentially refactored for more re-usability, and any layout issues when moving between screen sizes.