function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] text-white font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1F1F1F] border-b border-[#333333]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex items-center justify-between p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "logo", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "YourSportsbook")), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:block", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "Sports")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "Live Betting")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 13, columnNumber: 19 }, __self: this }, "Casino")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 14, columnNumber: 19 }, __self: this }, "Promotions")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 15, columnNumber: 19 }, __self: this }, "Account")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "search", placeholder: "Search...", className: "bg-[#2A2A2A] border border-[#333333] text-white p-1", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#333333] text-white border border-[#444444] px-2 py-1 hover:bg-[#444444]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#333333] text-white border border-[#444444] px-2 py-1 hover:bg-[#444444]", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-full md:w-1/5 bg-[#1A1A1A] p-4 border-r border-[#333333]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "border-b border-[#333333] pb-2 mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Sports"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "py-2", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 32, columnNumber: 38 }, __self: this }, "Football")), /*#__PURE__*/ React.createElement("li", { className: "py-2", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 33, columnNumber: 38 }, __self: this }, "Basketball")), /*#__PURE__*/ React.createElement("li", { className: "py-2", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 34, columnNumber: 38 }, __self: this }, "Baseball")), /*#__PURE__*/ React.createElement("li", { className: "py-2", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 35, columnNumber: 38 }, __self: this }, "Soccer")), /*#__PURE__*/ React.createElement("li", { className: "py-2", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 36, columnNumber: 38 }, __self: this }, "Hockey")), /*#__PURE__*/ React.createElement("li", { className: "py-2", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 37, columnNumber: 38 }, __self: this }, "Tennis")))))), /*#__PURE__*/ React.createElement("main", { className: "w-full md:w-3/5 p-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "carousel1.jpg", alt: "Championship Final", className: "w-full border border-[#333333]", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 p-4 bg-black bg-opacity-50", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "Championship Final"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, "Bet Now on the Biggest Game")))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "border-b border-[#333333] pb-2 mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Upcoming Events"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "bg-[#2A2A2A] border border-[#333333] text-white p-1", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "All Sports"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, "Football"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Basketball")), /*#__PURE__*/ React.createElement("input", { type: "date", className: "bg-[#2A2A2A] border border-[#333333] text-white p-1", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] p-4 border border-[#333333]", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "Team A vs Team B"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Date: 2023-10-15"), /*#__PURE__*/ React.createElement("table", { className: "w-full mt-4", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-[#2A2A2A]", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-[#333333] p-2", __source: { fileName: "", lineNumber: 70, columnNumber: 21 }, __self: this }, "Bet Type"), /*#__PURE__*/ React.createElement("th", { className: "border border-[#333333] p-2", __source: { fileName: "", lineNumber: 71, columnNumber: 21 }, __self: this }, "Odds"), /*#__PURE__*/ React.createElement("th", { className: "border border-[#333333] p-2", __source: { fileName: "", lineNumber: 72, columnNumber: 21 }, __self: this }, "Action"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-[#333333] p-2", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this }, "Moneyline"), /*#__PURE__*/ React.createElement("td", { className: "border border-[#333333] p-2", __source: { fileName: "", lineNumber: 78, columnNumber: 21 }, __self: this }, "+150"), /*#__PURE__*/ React.createElement("td", { className: "border border-[#333333] p-2", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#333333] text-white px-2 py-1 hover:bg-[#444444]", __source: { fileName: "", lineNumber: 80, columnNumber: 23 }, __self: this }, "Add")))))))), /*#__PURE__*/ React.createElement("aside", { className: "w-full md:w-1/5 bg-[#1A1A1A] p-4 border-l border-[#333333]", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "border-b border-[#333333] pb-2 mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Bet Slip"), /*#__PURE__*/ React.createElement("div", { className: "border-b border-[#333333] py-2", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Team A to Win"), /*#__PURE__*/ React.createElement("button", { className: "text-[#FF5555]", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Remove")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "stake", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Stake:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "stake", name: "stake", min: "1", defaultValue: "10", className: "w-full bg-[#2A2A2A] border border-[#333333] text-white p-1 mt-1", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "Potential Payout: $", /*#__PURE__*/ React.createElement("span", { id: "payout", __source: { fileName: "", lineNumber: 99, columnNumber: 50 }, __self: this }, "0.00")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#FF6600] text-white p-2 mt-4 hover:bg-[#FF5500]", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Place Bet"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1F1F1F] border-t border-[#333333] p-4", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "About Us")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, "Terms & Conditions")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }, "Privacy Policy")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }, "Responsible Gambling")))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 115, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 116, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 117, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 md:mt-0", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "Customer Support: ", /*#__PURE__*/ React.createElement("a", { href: "mailto:support@yoursportsbook.com", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 120, columnNumber: 34 }, __self: this }, "support@yoursportsbook.com")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "Call Us: ", /*#__PURE__*/ React.createElement("a", { href: "tel:+18001234567", className: "hover:text-[#BBBBBB]", __source: { fileName: "", lineNumber: 121, columnNumber: 25 }, __self: this }, "1-800-123-4567")))))); }