Implement Mobile View for Tour Page #48
Description
The components needed for the tour homepage - currently the route configured to app/routes/tour.tsx. This element is for the desktop view. The Tailwind classes hide it on mobile and display on desktop. The mobile version will just show the tour intro.
For the nav, you can use the Tabs component from Headless. Feel free to look into alternatives if this doesn't work out. For the nav, as well as the top bar, you should probably add a layout route as those components will also be used for the individual stops.
The map should show markers for all the stops. You can probably reuse a lot from the desktop map. For the stop list, don't feel like you need to recreate the animation. You can use transitions in the Headless Tabs.
There is also the feature where the content can be read by the browser. The existing version uses the SpeechSynthesisUtterance API. You can look at how it was originally implemented. We can walk though this when you get there.
For icons, we have FontAwesome.
Mobile components
