function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F1F5F9] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 bg-[#1E40AF] text-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto flex items-center justify-between px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Carpool Booking - UAE"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/login", className: "hover:text-[#BEE3F8]", __source: { fileName: "", lineNumber: 9, columnNumber: 19 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/signup", className: "hover:text-[#BEE3F8]", __source: { fileName: "", lineNumber: 10, columnNumber: 19 }, __self: this }, "Sign Up")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "hover:text-[#BEE3F8]", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "Profile")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/offer-ride", className: "hover:text-[#BEE3F8]", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "Offer Ride")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/search-rides", className: "hover:text-[#BEE3F8]", __source: { fileName: "", lineNumber: 13, columnNumber: 19 }, __self: this }, "Search Rides")))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "py-10", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center text-[#374151] mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Explore Rides"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://maps.google.com/maps?q=united%20arab%20emirates&t=&z=13&ie=UTF8&iwloc=&output=embed", width: "600", height: "450", style: { border: '0' }, allowFullScreen: "", loading: "lazy", title: "United Arab Emirates Carpool Routes", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "py-10", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center text-[#374151] mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Real-Time Vehicle Data"), /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Integrating with third-party services for real-time vehicle data. ", /*#__PURE__*/ React.createElement("a", { href: "/subscribe", className: "text-[#1E3A8A]", __source: { fileName: "", lineNumber: 36, columnNumber: 104 }, __self: this }, "Subscribe for premium access."))), /*#__PURE__*/ React.createElement("section", { className: "py-10 bg-[#F9FAFB]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center text-[#374151] mb-6", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Earn Reward Points"), /*#__PURE__*/ React.createElement("p", { className: "text-center max-w-md mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Join our rewards program to earn points on every ride you take or offer. Increase your points to get access to exclusive benefits."))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-[#1E40AF] text-white", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto flex justify-center space-x-4 px-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "© 2023 Carpool Booking - UAE")))); }