function MainComponent() { const tagline = "Split payments with friends."; const description = "Manage group expenses with ease. Divide bills, share costs, and pay back friends in just a few taps."; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#ecedf0] flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full max-w-5xl mx-auto flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#2c3e50] font-bold text-4xl font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "SplitPals"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __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: "#how-it-works", className: "text-[#2c3e50] font-medium font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "How it works")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#pricing", className: "text-[#2c3e50] font-medium font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Pricing")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#faq", className: "text-[#2c3e50] font-medium font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, "FAQ")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#sign-up", className: "text-white bg-[#3498db] px-4 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col items-center justify-center text-center", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl font-semibold text-[#34495e] mb-6 font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, tagline), /*#__PURE__*/ React.createElement("p", { className: "max-w-2xl mb-10 font-light text-[#2c3e50] font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#download-app", className: "bg-[#3498db] text-white font-medium px-8 py-4 rounded-lg shadow-md font-roboto transform transition duration-300 scale-100 hover:scale-105", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Download the App"), /*#__PURE__*/ React.createElement("a", { href: "#learn-more", className: "bg-transparent text-[#3498db] font-medium px-8 py-4 rounded-lg border border-[#3498db] shadow-md font-roboto transition duration-300 hover:bg-[#2980b9] hover:text-white", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Learn More"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full text-center py-6 border-t border-[#bdc3c7]", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#2c3e50]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " SplitPals. All rights reserved."))); }