function MainComponent() { const departureLocations = [ 'New York', 'Los Angeles', 'Chicago', 'Houston', 'Miami' ]; const arrivalLocations = [ 'London', 'Paris', 'Tokyo', 'Sydney', 'Toronto' ]; const today = new Date(); const getFutureDate = (daysAhead)=>{ const futureDate = new Date(today); futureDate.setDate(today.getDate() + daysAhead); return futureDate.toISOString().split('T')[0]; }; const maxDate = getFutureDate(14); const minDate = today.toISOString().split('T')[0]; return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-500 text-white p-4 font-bold text-center text-2xl", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Welcome to FlyHigh Airlines"), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Web Booking"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "departure-location", className: "block mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Departure Location"), /*#__PURE__*/ React.createElement("select", { id: "departure-location", name: "departure-location", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, departureLocations.map((location)=>/*#__PURE__*/ React.createElement("option", { key: location, value: location, __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, location)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "arrival-location", className: "block mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Arrival Location"), /*#__PURE__*/ React.createElement("select", { id: "arrival-location", name: "arrival-location", className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, arrivalLocations.map((location)=>/*#__PURE__*/ React.createElement("option", { key: location, value: location, __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, location)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "travel-date", className: "block mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Travel Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "travel-date", name: "travel-date", min: minDate, max: maxDate, className: "border rounded p-2 w-full", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "今予約する")), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Operational Information"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Get the latest information on flight schedules, delays, and other important updates.")), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Boarding Procedures"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Learn about our streamlined boarding process to ensure a smooth and fast experience.")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Aircraft Information"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Find out more about the aircrafts in our fleet, including specifications and amenities.")))); }