function AiSportsTradingDashPlatform() { React.useEffect(()=>{ console.log('Walkoff Sports Trading Platform loaded'); }, []); const tableData = [ { game: "16 Wagner vs 1 North Carolina", spread: "+23.5 / -23.5", money: "1.98 / 1.82", total: "O 147.5 / U 147.5" }, { game: "8 St. Mary's vs 9 Marquette", spread: "+1.5 / -1.5", money: "2.10 / 1.75", total: "O 125.5 / U 125.5" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] text-[#FFFFFF] min-h-screen font-orbitron", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center py-5", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[2.5em] text-[#00FF00]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Walkoff Sports Trading Platform")), /*#__PURE__*/ React.createElement("main", { className: "px-5", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#1E1E1E]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "Game"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, "Spread"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, "Money"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, "Total"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, tableData.map((row, index)=>{ const rowStyle = index % 2 === 0 ? 'bg-[#2A2A2A]' : 'bg-[#333333]'; return /*#__PURE__*/ React.createElement("tr", { key: index, className: `${rowStyle} border border-[#333333]`, __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2 text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 21 }, __self: this }, row.game), /*#__PURE__*/ React.createElement("td", { className: "p-2 text-center", __source: { fileName: "", lineNumber: 34, columnNumber: 21 }, __self: this }, row.spread), /*#__PURE__*/ React.createElement("td", { className: "p-2 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }, row.money), /*#__PURE__*/ React.createElement("td", { className: "p-2 text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 21 }, __self: this }, row.total)); })))))); } function AiSportsTradingDashPlatformStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiSportsTradingDashPlatform, { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 56, columnNumber: 1 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap'); `); function MainComponent() { const platformGoals = [ "Efficient trading based on AI models", "High precision in predictive models", "Real-time data analytics" ]; const features = [ { header: "Data Collection", description: "Gathering extensive sports data in real-time." }, { header: "Predictive Modeling", description: "Utilizing advanced algorithms to predict outcomes." }, { header: "Automation", description: "Automating trading based on model predictions." } ]; const sportsLeagues = [ { name: "Basketball", logo: "/logos/basketball.png" }, { name: "Football", logo: "/logos/football.png" }, { name: "Soccer", logo: "/logos/soccer.png" }, { name: "Tennis", logo: "/logos/tennis.png" }, { name: "Baseball", logo: "/logos/baseball.png" }, { name: "Hockey", logo: "/logos/hockey.png" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] min-h-screen flex flex-col text-white font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full flex justify-between items-center p-5 bg-[#1e1e1e]", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "space-x-5", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 px-4 py-2 rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 px-4 py-2 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("img", { src: "/qr-code.png", alt: "QR code for sign up and sign in", className: "w-10 h-10", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-1/5 bg-[#1e1e1e] p-5 min-h-screen", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, sportsLeagues.map((league, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-4 flex items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: league.logo, alt: `${league.name} logo`, className: "w-6 h-6 mr-2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, league.name))))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-10", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(AiSportsTradingDashPlatform, { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("aside", { className: "w-1/5 bg-[#1e1e1e] p-5 min-h-screen", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-5", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Related Information"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Important updates and announcements.")))), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-5 bg-[#1e1e1e] text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "© 2023 AI Powered Sports Trading Platform")); }

Game	Spread	Money	Total
16 Wagner vs 1 North Carolina	+23.5 / -23.5	1.98 / 1.82	O 147.5 / U 147.5
8 St. Mary's vs 9 Marquette	+1.5 / -1.5	2.10 / 1.75	O 125.5 / U 125.5