function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-blue-400 to-purple-500 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full flex justify-between p-6 bg-white bg-opacity-50 shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "MyLandingPage"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-8 text-gray-700", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-900 cursor-pointer", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-900 cursor-pointer", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-900 cursor-pointer", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-900 cursor-pointer", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center justify-center flex-1 text-center", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-extrabold text-white leading-tight", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Welcome to ", /*#__PURE__*/ React.createElement("span", { className: "text-yellow-300", __source: { fileName: "", lineNumber: 17, columnNumber: 22 }, __self: this }, "MyLandingPage")), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-xl text-gray-200 max-w-[700px]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "This is a beautifully crafted landing page. Get to know more about our services and offerings. Let's make something amazing together."), /*#__PURE__*/ React.createElement("button", { className: "mt-8 px-8 py-4 bg-yellow-300 text-gray-800 font-semibold rounded-lg shadow-md hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-6 bg-white bg-opacity-50 shadow-md", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "© 2023 MyLandingPage. All rights reserved."))); }

Welcome to MyLandingPage