function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F4F8] w-full min-h-screen bg-cover bg-no-repeat bg-[url('/images/it-background.jpg')]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white p-4 flex justify-between items-center shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/logo-blue.png", alt: "Blue Dynamic logo", className: "h-12 w-12", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl text-[#0052CC]", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Blue Dynamic"), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Microsoft Partner"))), /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4 text-[#0052CC] font-semibold", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#services", className: "hover:text-gray-700 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:text-gray-700 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "About Us")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:text-gray-700 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full pt-20 pb-40 bg-gradient-to-r from-[#0052CC88] to-[#F0F4F800] bg-[url('/images/it-transformation.jpg')] bg-blend-overlay", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-6xl text-white font-bold mb-6 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Transform Your Business"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-white max-w-xl text-center mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Leverage cutting-edge technologies for sustainable growth and a competitive edge."), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "bg-[#FFD700] text-[#0052CC] font-medium py-2 px-6 rounded-lg shadow-md hover:bg-[#f0e68c] transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Discover How"))); }