/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f8f1f1]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-6 bg-[#e6e2e2]", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bodoni text-4xl text-[#5d3a3a]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Sensual Tales")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-6", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bodoni text-3xl text-[#5d3a3a] mb-3", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Your Adventure Begins"), /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#4a4a4a]", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Make choices that guide you through a world of mystery and romance.")), /*#__PURE__*/ React.createElement("section", { id: "story-generator", className: "mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-raleway bg-[#ff686b] text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Generate Story")), /*#__PURE__*/ React.createElement("section", { id: "story-choices", className: "mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#4a4a4a] mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Your Choice:"), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-raleway bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 10 }, __self: this }, "Option 1"), /*#__PURE__*/ React.createElement("button", { className: "font-raleway bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 27, columnNumber: 10 }, __self: this }, "Option 2"), /*#__PURE__*/ React.createElement("button", { className: "font-raleway bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 10 }, __self: this }, "Option 3"))), /*#__PURE__*/ React.createElement("section", { id: "erotic-level", className: "mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "erotic-slider", className: "font-raleway text-[#4a4a4a] block mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Erotic Level:"), /*#__PURE__*/ React.createElement("input", { id: "erotic-slider", type: "range", min: "0", max: "100", defaultValue: "50", className: "w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("div", { id: "story-display", className: "p-6 border-t border-[#c4c4c4]", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bodoni text-2xl text-[#5d3a3a] mb-3", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "Your Story Unfolds"), /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#4a4a4a]", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "The epic tale of your journey will appear here as you make choices and explore the narrative."))), /*#__PURE__*/ React.createElement("div", { id: "footer", className: "p-6 bg-[#e6e2e2]", __source: { fileName: "", lineNumber: 50, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-center text-[#4a4a4a]", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, "© 2023 Sensual Tales. All rights reserved.")));