function MainComponent() { const handleFormSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#ecf0f3] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 bg-[#7f5af0] text-white", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex items-center justify-between px-5", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-lato", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "MindPulse"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-lato", __source: { fileName: "", lineNumber: 13, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-lato", __source: { fileName: "", lineNumber: 14, columnNumber: 19 }, __self: this }, "Courses")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-lato", __source: { fileName: "", lineNumber: 15, columnNumber: 19 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-lato", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, "Contact")))))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto flex-1 text-[#333]", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "flex flex-col lg:flex-row items-center justify-center gap-6 mt-10", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded shadow-lg overflow-hidden w-full lg:w-[600px] p-8 flex flex-col items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-2xl font-lato mb-3", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Join the Adventure"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-center font-lato", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Embark on an immersive learning journey with tailored paths in digital marketing and personal growth."), /*#__PURE__*/ React.createElement("form", { className: "w-full mt-6", onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "appearance-none block w-full bg-gray-100 text-gray-700 border rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white", type: "text", placeholder: "Full Name", name: "fullname", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "appearance-none block w-full bg-gray-100 text-gray-700 border rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white", type: "email", placeholder: "Email Address", name: "email", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#7f5af0] text-white py-2 px-6 rounded focus:outline-none hover:bg-[#6a4bbc] font-lato", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "Get Started")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/interactive-course-map.svg", alt: "Interactive course map", className: "max-h-[300px] lg:max-h-[400px] w-full object-contain", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-[#7f5af0] text-white mt-10", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-5", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-lato", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "© 2023 MindPulse. All Rights Reserved."))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, ` @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } body { animation: slideUp 1s ease-out; } `)); }