function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(''); const [dateRange, setDateRange] = React.useState('日付指定なし1泊'); const [guests, setGuests] = React.useState('大人2名子供0名 1室'); const [showDatePicker, setShowDatePicker] = React.useState(false); const [showGuestPicker, setShowGuestPicker] = React.useState(false); const [adults, setAdults] = React.useState(2); const [children, setChildren] = React.useState(0); const [rooms, setRooms] = React.useState(1); const handleDateClick = ()=>{ setShowDatePicker(!showDatePicker); setShowGuestPicker(false); }; const handleGuestClick = ()=>{ setShowGuestPicker(!showGuestPicker); setShowDatePicker(false); }; const updateGuests = ()=>{ setGuests(`大人${adults}名子供${children}名 ${rooms}室`); setShowGuestPicker(false); }; const currentDate = new Date(); const currentMonth = currentDate.getMonth(); const currentYear = currentDate.getFullYear(); const nextMonth = (currentMonth + 1) % 12; const nextMonthYear = currentMonth === 11 ? currentYear + 1 : currentYear; const renderCalendar = (year, month)=>{ const firstDay = new Date(year, month, 1).getDay(); const daysInMonth = new Date(year, month + 1, 0).getDate(); const days = []; for(let i = 0; i < firstDay; i++){ days.push(/*#__PURE__*/ React.createElement("div", { key: `empty-${i}`, className: "text-gray-300", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this })); } for(let i = 1; i <= daysInMonth; i++){ const isWeekend = (i + firstDay - 1) % 7 === 0 || (i + firstDay - 1) % 7 === 6; days.push(/*#__PURE__*/ React.createElement("div", { key: i, className: `p-2 text-center cursor-pointer hover:bg-gray-100 ${isWeekend ? (i + firstDay - 1) % 7 === 0 ? 'text-red-500' : 'text-blue-500' : ''}`, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, i)); } return days; }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4 flex flex-wrap justify-between items-center", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "一休.com"), /*#__PURE__*/ React.createElement("nav", { className: "w-full md:w-auto mt-4 md:mt-0", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-wrap justify-center md:justify-start space-x-4", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, "レストラン予約")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, "スパ予約")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "海外宿泊予約")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }, "お取り寄せ")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, "ふるさと納税")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }, "宿泊+航空券")))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "予約確認"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "会員登録"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-600 hover:text-blue-600", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "ログイン")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-12 relative", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[400px] mb-8", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/luxury-resort.jpg", alt: "高級リゾートの景色", className: "w-full h-full object-cover rounded-lg", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-center", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "ウルトラ7days"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "お得なこの機会をお見逃しなく！"), /*#__PURE__*/ React.createElement("button", { className: "bg-white text-blue-600 px-6 py-2 rounded-lg hover:bg-blue-100 transition duration-300", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, "詳しくみる")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "東京の一度は泊まりたいホテル", className: "flex-grow p-4 border rounded-lg", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full md:w-auto p-4 border rounded-lg bg-white", onClick: handleDateClick, __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, dateRange), showDatePicker && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-0 mt-2 w-[600px] bg-white border rounded-lg shadow-lg p-4 z-10", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 115, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", checked: true, readOnly: true, __source: { fileName: "", lineNumber: 116, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 117, columnNumber: 25 }, __self: this }, "日付指定なし")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 119, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 120, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 121, columnNumber: 25 }, __self: this }, "日帰り"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 124, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 pr-2", __source: { fileName: "", lineNumber: 125, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-center font-bold mb-2", __source: { fileName: "", lineNumber: 126, columnNumber: 25 }, __self: this }, `${currentYear}年${currentMonth + 1}月`), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-1 text-center text-sm", __source: { fileName: "", lineNumber: 127, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-red-500", __source: { fileName: "", lineNumber: 128, columnNumber: 27 }, __self: this }, "日"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 129, columnNumber: 27 }, __self: this }, "月"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 130, columnNumber: 27 }, __self: this }, "火"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 131, columnNumber: 27 }, __self: this }, "水"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 132, columnNumber: 27 }, __self: this }, "木"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 133, columnNumber: 27 }, __self: this }, "金"), /*#__PURE__*/ React.createElement("div", { className: "font-bold text-blue-500", __source: { fileName: "", lineNumber: 134, columnNumber: 27 }, __self: this }, "土"), renderCalendar(currentYear, currentMonth))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 pl-2", __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-center font-bold mb-2", __source: { fileName: "", lineNumber: 139, columnNumber: 25 }, __self: this }, `${nextMonthYear}年${nextMonth + 1}月`), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-1 text-center text-sm", __source: { fileName: "", lineNumber: 140, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-red-500", __source: { fileName: "", lineNumber: 141, columnNumber: 27 }, __self: this }, "日"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 142, columnNumber: 27 }, __self: this }, "月"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 143, columnNumber: 27 }, __self: this }, "火"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 144, columnNumber: 27 }, __self: this }, "水"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 145, columnNumber: 27 }, __self: this }, "木"), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 146, columnNumber: 27 }, __self: this }, "金"), /*#__PURE__*/ React.createElement("div", { className: "font-bold text-blue-500", __source: { fileName: "", lineNumber: 147, columnNumber: 27 }, __self: this }, "土"), renderCalendar(nextMonthYear, nextMonth)))), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-blue-600 text-white p-2 rounded-lg", __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }, "決定"))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full md:w-auto p-4 border rounded-lg bg-white", onClick: handleGuestClick, __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, guests), showGuestPicker && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-0 mt-2 w-64 bg-white border rounded-lg shadow-lg p-4 z-10", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 168, columnNumber: 23 }, __self: this }, "大人"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 169, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-2 py-1 rounded", onClick: ()=>setAdults(Math.max(1, adults - 1)), __source: { fileName: "", lineNumber: 170, columnNumber: 25 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "mx-4", __source: { fileName: "", lineNumber: 174, columnNumber: 25 }, __self: this }, adults, "名"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-2 py-1 rounded", onClick: ()=>setAdults(adults + 1), __source: { fileName: "", lineNumber: 175, columnNumber: 25 }, __self: this }, "+"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 181, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, "子供"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 183, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-2 py-1 rounded", onClick: ()=>setChildren(Math.max(0, children - 1)), __source: { fileName: "", lineNumber: 184, columnNumber: 25 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "mx-4", __source: { fileName: "", lineNumber: 188, columnNumber: 25 }, __self: this }, children, "名"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-2 py-1 rounded", onClick: ()=>setChildren(children + 1), __source: { fileName: "", lineNumber: 189, columnNumber: 25 }, __self: this }, "+"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 196, columnNumber: 23 }, __self: this }, "部屋数"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 197, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-2 py-1 rounded", onClick: ()=>setRooms(Math.max(1, rooms - 1)), __source: { fileName: "", lineNumber: 198, columnNumber: 25 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "mx-4", __source: { fileName: "", lineNumber: 202, columnNumber: 25 }, __self: this }, rooms, "室"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-2 py-1 rounded", onClick: ()=>setRooms(rooms + 1), __source: { fileName: "", lineNumber: 203, columnNumber: 25 }, __self: this }, "+"))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-600 text-white p-2 rounded-lg", onClick: updateGuests, __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, "決定"))), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-6 py-4 rounded-lg hover:bg-blue-700 transition duration-300", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, "検索する")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }, "ホテル")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 229, columnNumber: 17 }, __self: this }, "旅館")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 231, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 232, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this }, "ビジネスホテル")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 236, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, "夕朝食付")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 239, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, "禁煙")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, "朝食付")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 248, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 249, columnNumber: 17 }, __self: this }, "温泉")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 253, columnNumber: 17 }, __self: this }, "露天風呂付客室")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 255, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 256, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 257, columnNumber: 17 }, __self: this }, "ツイン")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 260, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 261, columnNumber: 17 }, __self: this }, "ダイヤモンド会員特典"))))), /*#__PURE__*/ React.createElement("section", { className: "mb-12", __source: { fileName: "", lineNumber: 267, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 268, columnNumber: 11 }, __self: this }, "いま最も売れている宿"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6", __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, [ { name: "ANAインターコンチネンタル石垣リゾート", location: "沖縄県/石垣島", rating: 4.33, price: 17550, image: "/images/hotel1.jpg" }, { name: "ハレクラニ沖縄", location: "沖縄県/恩納村", rating: 4.68, price: 54081, image: "/images/hotel2.jpg" }, { name: "品川プリンスホテル", location: "東京都/品川区(高輪口)", rating: 3.84, price: 13333, image: "/images/hotel3.jpg" }, { name: "パレスホテル東京", location: "東京都/丸の内/大手町", rating: 4.75, price: 75700, image: "/images/hotel4.jpg" }, { name: "ホテルシギラミラージュ", location: "沖縄県/宮古島市", rating: 4.48, price: 0, image: "/images/hotel5.jpg" } ].map((hotel, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: hotel.image, alt: hotel.name, className: "w-full h-40 object-cover", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }))))))); }