React.js, React hooks

yah!, have got questions to ask So i developed this application using mainly React.js and react hooks. the first problem is that, in my contact page, vercel and netlify isn't loading my placeholder value. if you check the page, the placevalues are not showing but this is showing in my local host development server. for some reasons i dont know, it not working on vercel.

secondly, i have issues on the navbar. basically the navbar height, i dont know how to get the exact used on the figma design, when i highglighted it, i saw an height of about 155px but when i used the height size in px on my navbar, it looks wack.

thirdly, i had issues positioning the background circle images on some pages

i also couldnt figured out how to set a point if a point is being clicked on the leaplet map. probably am supposed to get an api to get points in UK,AUS. i dont really know.

i also coudn't get the exact hero image size on my hero banner on the home page, i had numerous headache making it looks like the design but i just could'nt. I need help on there as well

so i needs helping hands on these problems. I'll be waiting patiently for feedbacks. Thanks