Hotel Booking Page - Copy this React, Tailwind Component to your project
Create a responsive hotel booking page with the following features: Overall Design: Minimalist, modern interface with soft beige and white tones. Elegant typography (serif fonts for headers, sans serif for details). Clear, step based navigation (highlight the active step in the process). Header: Include a subtle navigation bar with options like "Login" and currency selection (e.g., INR). Display the website logo at the top left. Step Indicator: A horizontal progress bar showing four steps: Destination (checked/completed). Rooms & Rates (checked/completed). Special Requests (checked/completed). Confirm (current step). Left Sidebar: Display hotel and booking details in a vertical card format: Selected destination: "Dubai Jumeirah Burj Al Arab." Rooms & Guests: "1 room, Adults: 2, Children: 0." Dates: Check in "Wednesday 29 Jan 2025" to Check out "Monday 03 Feb 2025." A field for "Promotional Code" with an expandable section. Main Section: Calendar to select dates: Current and next month's view (January & February 2025). Highlight selectable dates with prices (e.g., "29 Jan 2025 111K"). Disable past dates and provide a muted style for non interactive dates. Selected dates are visually emphasized (highlight background color). Footer: Add a disclaimer: "Prices shown are starting rates in INR."
