function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen py-12 bg-[#F3F4F6]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full px-6 lg:px-16 xl:px-20 mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "Company logo", className: "h-[50px]", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "flex items-center space-x-8 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "About Us")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#services", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center justify-center flex-1 px-6 text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-[#121212] text-4xl md:text-5xl lg:text-6xl mb-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Improving Your Quality of Life"), /*#__PURE__*/ React.createElement("p", { className: "max-w-3xl text-lg font-roboto mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Focused on enhancing the well-being of our customers through value-driven solutions."), /*#__PURE__*/ React.createElement("a", { href: "#get-started", className: "bg-[#2563EB] text-white font-roboto py-3 px-6 rounded-md hover:bg-[#1D4ED8] transition duration-200", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("footer", { className: "w-full px-6 lg:px-16 xl:px-20 py-8 text-center", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "© 2023 Value Oriented Company. All rights reserved."))); }