function ProgrammingSchoolHeader({ title, navItems }) { return /*#__PURE__*/ React.createElement("header", { className: "bg-[#024959] p-4 text-white flex justify-between items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, navItems.map((item)=>/*#__PURE__*/ React.createElement("a", { href: item.href, className: "text-white px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, item.name)))); } function ProgrammingSchoolHeaderStory() { const navItems = [ { name: "About", href: "#about" }, { name: "Programs", href: "#programs" }, { name: "Contact", href: "#contact" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProgrammingSchoolHeader, { title: "Programming School", navItems: navItems, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent() { const navItems = [ { name: "About", href: "#about" }, { name: "Programs", href: "#programs" }, { name: "Contact", href: "#contact" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4e7dc] min-h-screen", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ProgrammingSchoolHeader, { title: "Programming School", navItems: navItems, __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "about", className: "mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl font-roboto mb-4 text-[#bc2a1d]", __source: { fileName: "", lineNumber: 13, columnNumber: 21 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#333]", __source: { fileName: "", lineNumber: 14, columnNumber: 21 }, __self: this }, "Our school is dedicated to providing high-quality education to students of all ages. We pride ourselves on our experienced staff, modern facilities, and commitment to excellence.")), /*#__PURE__*/ React.createElement("section", { id: "programs", className: "mb-8", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl font-roboto mb-4 text-[#bc2a1d]", __source: { fileName: "", lineNumber: 20, columnNumber: 21 }, __self: this }, "Programs"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-8 font-roboto text-[#333]", __source: { fileName: "", lineNumber: 21, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 22, columnNumber: 25 }, __self: this }, "Science and Technology"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 25 }, __self: this }, "Arts and Humanities"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 24, columnNumber: 25 }, __self: this }, "Business and Economics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 25 }, __self: this }, "Sports and Fitness"))), /*#__PURE__*/ React.createElement("section", { id: "contact", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-2xl font-roboto mb-4 text-[#bc2a1d]", __source: { fileName: "", lineNumber: 29, columnNumber: 21 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#333] mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 21 }, __self: this }, "Email: info@ourschool.com"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#333]", __source: { fileName: "", lineNumber: 31, columnNumber: 21 }, __self: this }, "Phone: +123 456 7890"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#bc2a1d] p-4 text-center text-white", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "© 2023 Our School. All rights reserved."))); }