/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#011627] text-white", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1d3b53] p-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-lexend text-4xl text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "FutureReads")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-8", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-lexend text-3xl mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Welcome to FutureReads"), /*#__PURE__*/ React.createElement("p", { className: "font-zilla-slab text-xl", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "Experience reading ahead with our cutting-edge technology that predicts the next words as you speak, allowing for a seamless and futuristic reading experience!")), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-lexend text-2xl mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "Live Prediction"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-2 border-[#4fd1c5] rounded p-4 w-full max-w-2xl", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-zilla-slab text-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "As you speak, the predicted text will appear here in real-time, giving you insights into your own speech patterns and helping you stay ahead.")))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-lexend text-2xl mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Voice Activation"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2ec4b6] hover:bg-[#28b4a5] text-white font-bold py-3 px-6 border-b-4 border-[#2aa79b] hover:border-[#1f8979] rounded text-lg relative", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone-alt", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), " Start Speaking", /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-1/2 -translate-x-1/2 mt-2 h-1 bg-[#0caa6b] w-0", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#34d399] w-[30%]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-lexend text-2xl mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "Customize Experience"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "voice-select", className: "block font-lexend mb-2 text-sm font-medium", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Choose Voice"), /*#__PURE__*/ React.createElement("select", { id: "voice-select", name: "voice", className: "block w-full p-2 border-gray-300 rounded-md shadow-sm focus:ring-2 focus:ring-[#2ec4b6] focus:border-[#2ec4b6]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "default", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Default Voice"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Female Voice"), /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Male Voice"))), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "speed-slider", className: "block font-lexend mb-2 text-sm font-medium", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Reading Speed"), /*#__PURE__*/ React.createElement("input", { type: "range", id: "speed-slider", name: "speed", min: "1", max: "100", className: "w-full", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1d3b53] p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-lexend text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Connect With Us"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#e0fcff] text-3xl mx-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#e0fcff] text-3xl mx-2", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#e0fcff] text-3xl mx-2", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#e0fcff] text-3xl mx-2", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin-in", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }))))));