The landing page features a hero section with a search bar where users can search for hotels based on location. Upon setting the input field, the user is taken to the search results page where they can view a list of hotels along with their corresponding details such as location.
Clicking on a Read more button takes the user to the hotel detail page where they can view more information about the hotel such as hotel rating, checkin instruction, location, pets politics and reviews.
Users can add hotels to their favorites list, which is stored in the browser's local storage. The favorites list can be accessed by clicking on the "Favorites" button in the navigation bar.
The website is responsive and can be viewed on desktop and mobile devices. It uses several Vue.js features such as Vue Router for navigation,Local Storage from save the data, and composition API for component logic. The data for the hotels is fetched from the Hotels API using Axios.
Overall, the website provides a simple and intuitive interface for users to search hotels, while showcasing the capabilities of the Vue.js framework.