Interactive Ecommerce Landing Page with React

Kindly look through and help me improve. Tricky at first cos I created different components for the header and hero section until I realised that it just had to be merged to be able to get the navCart, and topUp cart items and total cart items effect work. This page was built with react and my challenges were:

1. Effecting the font I imported from google fonts
2. Creating image pops and slides because I just would not understand why imported images didn't take effect from my slider array, but seem to work when I used random URL instead. Question- Do I need URL to be able to create a slider effect ?