function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold my-4 text-[#e6e6e6] font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Racing Fever"), /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/main-menu-background.jpg')] bg-cover w-full h-[400px] flex flex-col items-center justify-between p-6", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold text-[#ffffff]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Main Menu"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/play-button.png", alt: "Play button", className: "w-24 h-24 my-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/options-button.png", alt: "Options button", className: "w-24 h-24 my-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/exit-button.png", alt: "Exit button", className: "w-24 h-24 my-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/track-background.jpg')] bg-cover w-full h-full flex flex-col items-center justify-between py-6 px-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold text-[#ffffff]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Game Screen"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/player-car.png", alt: "Player's car", className: "w-[200px] absolute", style: { bottom: '20%', left: '50%', transform: 'translateX(-50%)' }, __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/opponent-car.png", alt: "Opponent car", className: "w-[150px] absolute", style: { top: '10%', left: '30%' }, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/opponent-car.png", alt: "Another opponent car", className: "w-[150px] absolute", style: { top: '10%', right: '30%' }, __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: "/speedometer.png", alt: "Speedometer", className: "w-20 h-20 absolute", style: { bottom: '10%', left: '10%' }, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-10 right-10", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl text-[#ffffff]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Timer"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl text-[#ffffff]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Score"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/game-over-background.jpg')] bg-cover w-full h-[400px] flex flex-col items-center justify-between p-6", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold text-[#ffffff]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Game Over Screen"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl text-[#ffffff]", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Final Score"), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/retry-button.png", alt: "Retry button", className: "w-24 h-24 m-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/menu-button.png", alt: "Main menu button", className: "w-24 h-24 m-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })))); }