/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-gradient-to-r from-[#7F7FD5] to-[#86A8E7] via-[#91EAE4]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-4 bg-[#ffffffb3] backdrop-blur-md", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-quattrocento text-4xl text-[#333]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Ethereal Application")), /*#__PURE__*/ React.createElement("nav", { className: "flex justify-around p-3 bg-[#ffffff80] backdrop-blur-sm text-[#333]", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-questrial text-lg hover:text-[#1f1f1f]", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-questrial text-lg hover:text-[#1f1f1f]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-questrial text-lg hover:text-[#1f1f1f]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-questrial text-lg hover:text-[#1f1f1f]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-8", __source: { fileName: "", lineNumber: 11, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-quattrocento text-3xl text-[#333]", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "Welcome to Ethereal"), /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-lg text-[#333] mt-2", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "A blue gradient theme application with comprehensive features designed to engage.")), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-quattrocento text-2xl text-[#333]", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mt-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-quattrocento text-xl text-[#333]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Design"), /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-md text-[#333]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Tailored interfaces with eye-catching and modern design aesthetics.")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-quattrocento text-xl text-[#333]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Development"), /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-md text-[#333]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "High-performance applications built with latest web technologies.")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-quattrocento text-xl text-[#333]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Support"), /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-md text-[#333]", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Ongoing support and maintenance to ensure smooth operation.")))), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-quattrocento text-2xl text-[#333] mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Name", className: "w-full p-2 bg-white rounded-md shadow-sm border border-[#dddddd] font-questrial", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full p-2 bg-white rounded-md shadow-sm border border-[#dddddd] font-questrial", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Message", rows: "4", className: "w-full p-2 bg-white rounded-md shadow-sm border border-[#dddddd] font-questrial", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-[#8EC5FC] bg-opacity-80 rounded-md shadow-lg text-white font-quattrocento hover:bg-opacity-100 hover:shadow-xl", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Send")))), /*#__PURE__*/ React.createElement("aside", { className: "p-8 bg-[#ffffffb3] backdrop-blur-md", __source: { fileName: "", lineNumber: 71, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-quattrocento text-2xl text-[#333]", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, "Latest Updates"), /*#__PURE__*/ React.createElement("ul", { className: "mt-4 font-questrial text-md text-[#333] list-disc list-inside", __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, "Update 1: New gradient themes added."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, "Update 2: Improved performance on mobile devices."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, "Update 3: Added new contact form validations."))));