function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F3F4F6] min-h-screen p-5 md:p-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl md:text-5xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Have a Great and Healthy Relationship"), /*#__PURE__*/ React.createElement("p", { className: "font-light text-base md:text-lg font-roboto text-[#575757] mt-2", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "A full course to nurture and maintain a healthy relationship.")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Course Modules"), /*#__PURE__*/ React.createElement("ul", { className: "mt-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 mb-4 rounded shadow", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Understanding Each Other"), /*#__PURE__*/ React.createElement("p", { className: "font-light font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Dive deep into the psychology of connection and learn how to attune to your partner's needs.")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 mb-4 rounded shadow", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Communication Skills"), /*#__PURE__*/ React.createElement("p", { className: "font-light font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Master the art of listening and being heard within your relationship.")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 mb-4 rounded shadow", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Conflict Resolution"), /*#__PURE__*/ React.createElement("p", { className: "font-light font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Learn to navigate disagreements and turn them into opportunities for growth.")))), /*#__PURE__*/ React.createElement("section", { className: "mb-8 w-full md:w-3/4 lg:w-1/2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Sign Up for the Course"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "font-medium font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "w-full p-2 mt-1 border rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "font-medium font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full p-2 mt-1 border rounded", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#4CAF50] hover:bg-[#43A047] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Enroll Now")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }