@kanzazgirl @Sayra_ @Bernadette @bobafett Before you launch into hiring a web developer for this custom-coded type of search/filter functionality, you might consider employing a standard Weebly blog page which has this type of functionality built in.
As you may know, a blog page is comprised of blog posts each of which can be tagged with a specific category (or categories) to which the post belongs. So, for example, if you have posts containing profiles of your company's staff each of which is tagged with their location (e.g., Los Angeles, New York, Chicago) and area of expertise (e.g., childcare, elder care, house cleaning), your blog will automatically create links for those location and expertise categories. On the standard Weebly blog page and individual posts pages, those category links will by default appear in the page sidebar.
Learn how to start a blog page: https://www.weebly.com/app/help/us/en/topics/start-a-blog
Learn about blog post categories: https://www.weebly.com/app/help/us/en/topics/blog-categories
Now, if you'd like to restyle the category links from the standard blog page sidebar layout to something a little closer to what you see on your example site, you can install a specialized Weebly blog app. In particular, check out this one (just $10) from Flat Iron Foundry:
https://www.weebly.com/app-center/blogonizer?ref=ac-search
If you'd like a blog page layout that differs from the standard vertical posts stack (where each post is stacked one on top of the other on the blog page), you could use one of the following apps (between $15 and $20) to change the posts layout to a multi-columnar grid (Pinterest-style "cards"):
https://www.weebly.com/app-center/bloggons?ref=ac-search
https://www.weebly.com/app-center/post-columns?ref=ac-search
https://www.weebly.com/app-center/multi-column-blog?ref=ac-search
If you have detailed post information for each staff member, I'd suggest that you use the "Read more" break element in each post. Add your staff member picture together with the key location and expertise description and then, below that, add a "Read more" element, and, below that, add the more detailed descriptive content about the staff member. This approach will present only the staff picture and location/expertise information on the blog page. Clicking the post link will open the full post with all the relevant detail. Alternatively, you can use the Weebly collapser app to hold more information about the staff member below the picture/location/expertise snippet detail. In this case, you don't need to use the "Read more" break element. The collapser app is free:
https://www.weebly.com/app-center/accordion?ref=ac-collection
Once you've done all of this, you may want to remove the date and possibly the title link that appears with each blog post. If so, come back here, post a link to your blog page, and request the simple styling code that makes that happen.
