Geolocation based hero slider

Hello!
So I’m running into an issue that maybe you experts can help me out with. We are in the cannabis industry; right now we are in 4 different states: CA, AZ, MI, & MA. Im looking for a way to have certain banners show in different states, for example, promos. I don’t want people in Arizona to see the deals in California because they are not relevant, and so on.

Is there a way to have the main slider have a geolocation feature?

In Webflow, you can implement geolocation-based banners by embedding custom JavaScript into your pages. Use the Geolocation API or an IP geolocation service (e.g., IPinfo) to detect the user’s location and then show or hide specific banners based on their state. You can add this code within an Embed Code block in Webflow or use the custom code section for the entire site. Additionally, you could use Webflow’s CMS or static content to store state-specific banners and conditionally display them with JavaScript based on the detected location. Let me know if you need help with the code implementation!