function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#010101]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-4xl font-roboto mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Android Audio Player"), /*#__PURE__*/ React.createElement("p", { className: "text-[#76ff03] font-roboto mb-12", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "По мотивам Watch Dogs 2"), /*#__PURE__*/ React.createElement("img", { src: "path/to/your/glitch-image.gif", alt: "Animated glitch effect representing digital noise", className: "w-[300px] h-[300px] mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-white font-mono text-sm bg-[#121212] p-4 mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, ` 01010101 01101110 01101100 01101111 01100011 01101011 01101001 01101110 01100111 00000000 10111010 10010001 00000000 10101110 10010010 00000000 10011001 10011001 01010100 01110010 01100001 01100011 01101011 01110011 00101110 00101110 00101110 00000000 10111010 10010001 00000000 10101110 10010010 00000000 10011110 10011111 `)), /*#__PURE__*/ React.createElement("button", { className: "text-[#76ff03] bg-[#121212] border-2 border-[#76ff03] font-roboto py-2 px-6", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Play"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, ` @keyframes glitch { 0% { transform: translate(0); } 20% { transform: translate(-5px, 5px); } 40% { transform: translate(5px, -5px); } 60% { transform: translate(-5px, 5px); } 80% { transform: translate(5px, -5px); } 100% { transform: translate(0); } } @keyframes glitchColor { 0% { text-shadow: none; } 20% { text-shadow: -5px 5px #ff00e0, 5px -5px #ffff00; } 40% { text-shadow: 5px -5px #ff00e0, -5px 5px #ffff00; } 60% { text-shadow: -5px 5px #ff00e0, 5px -5px #ffff00; } 80% { text-shadow: 5px -5px #ff00e0, -5px 5px #ffff00; } 100% { text-shadow: none; } } `), /*#__PURE__*/ React.createElement("div", { style: { animation: `glitch 1s infinite`, textShadow: `glitchColor 1s infinite` }, __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#ff00e0] text-2xl font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "Now Playing: 🎶 Track Name 🎶"))); }