function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-6 py-3 flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-roboto text-xl text-[#121212]", href: "#", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Ntoko & Jilson"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "text-[#121212] font-roboto hover:text-[#575757]", href: "#", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { className: "text-[#121212] font-roboto hover:text-[#575757]", href: "#", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { className: "text-[#121212] font-roboto hover:text-[#575757]", href: "#", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { className: "text-[#121212] font-roboto hover:text-[#575757]", href: "#", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Projects"), /*#__PURE__*/ React.createElement("a", { className: "text-[#121212] font-roboto hover:text-[#575757]", href: "#", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { "aria-label": "Open Menu", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars text-[#121212]", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("header", { className: "bg-[#E8E8E8] w-full py-36 flex items-center justify-center", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-5xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Innovative IT Solutions"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#575757] mb-8", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "We provide top-notch tech solutions for your business."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0077B5] text-white font-roboto px-10 py-3 rounded-md hover:bg-[#005682]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Get Started"))), /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-6 py-12", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-1/3 px-4 mb-8", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden p-6", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-laptop text-[#0077B5] text-4xl", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl text-[#121212]", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "Web Development")), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-[#575757]", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Expert web development services to create engaging websites and interactive web experiences."))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-1/3 px-4 mb-8", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden p-6", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-server text-[#0077B5] text-4xl", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl text-[#121212]", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, "IT Infrastructure")), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-[#575757]", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Cutting-edge IT infrastructure solutions to streamline and secure your company's operations."))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-1/3 px-4 mb-8", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden p-6", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-lock text-[#0077B5] text-4xl", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl text-[#121212]", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "Cybersecurity")), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-[#575757]", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Comprehensive cybersecurity services to protect your systems and data from cyber threats."))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#121212]", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-6 py-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-between", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-6 text-white font-roboto text-center", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "© ICT Company. All rights reserved.")))))); }