I am working on a page which contains a hot graphic of one of our offices. I would like to add additional hot graphics (on the same page) for each of our other offices but have the user only need to complete the office hot graphic relevant to them. Ideally if there was a way for them to only see one of these hot graphics as oppose to all of them that would be the best user experience.
In addition to this I am also using content locking, so a user is not able to continue until they have completed everything on a single page. Since in the above there are multiple options and only one is relevant, how would I go about allowing the user to unlock the next page by just completing one out of the several hot graphics?
I considered doing multiple versions of the module with one for each office, but literally the only difference is this one component so it seems a little over the top, and creates unnecessary maintenance overhead.
What would be the best way to approach this?