function KumagawaRaftingDisplay({ src, alt }) { return /*#__PURE__*/ React.createElement("img", { className: "w-full md:w-[800px] h-auto", src: src, alt: alt, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function KumagawaRaftingDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(KumagawaRaftingDisplay, { src: "/rafting-image.jpg", alt: "Rafting on Kumagawa River in a rubber boat", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function CoursePricingTable({ startTime, endTime, adultPrice, childPrice }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, "Price Table"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 5, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 17 }, __self: this }, "Course Time: ", startTime, " - ", endTime), /*#__PURE__*/ React.createElement("table", { className: "w-full mt-2", __source: { fileName: "", lineNumber: 7, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 8, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 9, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 29 }, __self: this }, "Adult"), /*#__PURE__*/ React.createElement("td", { className: "font-roboto text-right", __source: { fileName: "", lineNumber: 11, columnNumber: 29 }, __self: this }, "¥", adultPrice)), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 13, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 29 }, __self: this }, "Child"), /*#__PURE__*/ React.createElement("td", { className: "font-roboto text-right", __source: { fileName: "", lineNumber: 15, columnNumber: 29 }, __self: this }, "¥", childPrice)))))); } function CoursePricingTableStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Starting from ¥5000 per person"), /*#__PURE__*/ React.createElement(CoursePricingTable, { startTime: "9:00", endTime: "12:00", adultPrice: 6000, childPrice: 5800, __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(CoursePricingTable, { startTime: "13:00", endTime: "15:00", adultPrice: 6100, childPrice: 5900, __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#ffffff]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-4 bg-[#1DA1F2] text-center shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-roboto text-2xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "球磨川ラフティングクラブ")), /*#__PURE__*/ React.createElement(KumagawaRaftingDisplay, { src: "/rafting-image.jpg", alt: "Rafting on Kumagawa River in a rubber boat", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-left p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "ツアー概要"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "各ツアーの流れや料金情報")), /*#__PURE__*/ React.createElement("div", { className: "text-left p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "ツアー料金"), /*#__PURE__*/ React.createElement(CoursePricingTable, { startTime: "9:00", endTime: "12:00", adultPrice: 6000, childPrice: 5800, __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(CoursePricingTable, { startTime: "13:00", endTime: "15:00", adultPrice: 6100, childPrice: 5900, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-left p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "予約はこちら"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "希望する日時と人数を選択してください")), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-[#1DA1F2] text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "会社について"))); }

Adult	¥6000
Child	¥5800

Adult	¥6100
Child	¥5900