function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#010101] min-h-screen flex flex-col items-center justify-center text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Naruto Anime Fight"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-10", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-[400px] bg-[#121212] flex flex-col items-center justify-center rounded-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/naruto.png", alt: "Naruto ready to fight", className: "w-[200px] h-[300px]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Naruto")), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-[400px] bg-[#121212] flex flex-col items-center justify-center rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/sasuke.png", alt: "Sasuke preparing for battle", className: "w-[200px] h-[300px]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Sasuke"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } div { animation: fadeIn 1s; } `)); }