Woocommerce Geolocate Hide/Show Vendors

You need to create a simple "Delivery Address" field on home pg similar to "Doordash.com", where customer enters their "delivery address" and then (only then) will they see the vendors and products within their 5-10km radius; all other products/vendors that are NOT located in customer radius need to be hidden and unavailable.

I have Dokan Multivendor and cannot use Geolocate Plugin Module because it is terrible and breaks site. I do not want to change the site layout, only want the (features) mentioned above.


So, the basic idea is...

#1) Add "delivery address" (as a popup) on home pg, after customer enters their address, customer must remain on home pg after submission - they do not go to shop pg or see anything but original home pg design.

#2) once they start shopping, they should only see products / vendors available in their area.

Do you have the ability to complete this task?

--
The site in question is found here: snappydelivery.ca