function AiSchoolWelcomeBox({ heading, bodyText }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, heading), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, bodyText)); } function AiSchoolWelcomeBoxStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiSchoolWelcomeBox, { heading: "Welcome to the Future of Learning", bodyText: "Join our AI-powered online school and enhance your skills with personalized learning paths.", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { const sectionsData = [ { iconClass: 'fas fa-chalkboard-teacher text-3xl text-blue-500 mb-4', title: 'Expert Instructors', description: 'Learn from industry experts who bring real-world experience to the classroom.' }, { iconClass: 'fas fa-book text-3xl text-green-500 mb-4', title: 'Flexible Curriculum', description: 'Choose from a wide range of courses that fit your needs and schedule.' }, { iconClass: 'fas fa-graduation-cap text-3xl text-yellow-500 mb-4', title: 'Affordable Tuition', description: 'Get access to top-notch education without breaking the bank.' } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-blue-600 text-white text-center py-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "AI Online School")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow w-full flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "max-w-5xl w-full mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Welcome to the Future of Learning"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Join our AI-powered online school and enhance your skills with personalized learning paths."))), /*#__PURE__*/ React.createElement("section", { className: "max-w-5xl w-full grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, sectionsData.map((section, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: section.iconClass, __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, section.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, section.description)))), /*#__PURE__*/ React.createElement("section", { className: "max-w-5xl w-full mb-8 flex justify-center items-center p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("d0340685-a11f-49eb-9267-46dda0fee75f", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-blue-600 text-white text-center py-4", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "© 2023 AI Online School. All rights reserved."))); }