/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#fff] shadow-md", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto px-6 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-epilogue text-xl font-bold text-[#121212]", href: "/", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "CourseApp"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-barlow text-base text-[#121212] mx-4 hover:text-[#0056b3]", href: "/courses", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Courses"), /*#__PURE__*/ React.createElement("a", { className: "font-barlow text-base text-[#121212] mx-4 hover:text-[#0056b3]", href: "/about", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { className: "font-barlow text-base text-[#121212] mx-4 hover:text-[#0056b3]", href: "/contact", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-6", __source: { fileName: "", lineNumber: 12, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-epilogue text-4xl text-[#121212] font-bold my-6", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "Welcome to CourseApp"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-base text-[#6b7280] mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Explore our catalog of courses and boost your skills today."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "rounded-t-lg w-full h-[200px] object-cover", src: "/images/course1.jpg", alt: "Introductory course thumbnail", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-xl text-[#121212] font-semibold mt-2 mb-1", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Introductory Course"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-[#6b7280] mb-3", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Beginner friendly course to get you started."), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#0056b3] text-white font-barlow py-2 rounded-lg hover:bg-[#003c82]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Enroll Now"))))), /*#__PURE__*/ React.createElement("aside", { className: "bg-[#0056b3] p-6", __source: { fileName: "", lineNumber: 30, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-white", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-2xl font-semibold mb-3", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "Why Choose CourseApp?"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-base mb-5", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "We provide expertly crafted courses designed for easy learning with support from professionals."), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-4 font-barlow text-base", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Curated curriculum for in-demand skills"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Flexible learning schedules"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Supportive online community")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#121212] p-6", __source: { fileName: "", lineNumber: 43, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-white", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "© 2023 CourseApp. All rights reserved."))));