1 - Beginner
Single page for travel site showing tours and packages
The navbar contains the logo on the left and links to sections on the right.
The hero section includes a travel-themed background image and a title.
The 'Popular Destinations' section includes a title, subtitle, and destination cards.
Each destination card contains an image, a title, a star rating, a description, and a 'Book Now' button.
The 'Packages' section includes a title, subtitle, and three package cards.
Each package card contains an image, the package type label, duration, start date, a description below, and at the bottom, the price and a 'Book Now' button.
The contact form section includes a title, subtitle, and the contact form
The contact form has inputs for first name, last name, phone number, email, and message, with a 'Send' button at the bottom.
The footer includes the address, phone number, and email on the left, and the logo with social media icons on the right.
Add a date picker for selecting travel dates in the contact form.
Enable sorting or filtering options for popular destinations and packages.
Add hover effects to images and buttons.
Save contact form submissions to local storage or connect them to a mock database.
Implement a map view in the footer with pinned travel destinations.
Ensure the page is responsive for mobile screens.
Add a dark mode toggle.