function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-full flex justify-center items-center bg-[#121212]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative z-10 text-[100px] font-bold text-white font-crimson-text flex space-x-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "s"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "y"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "q"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "u"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "r"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "a"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "y")), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex justify-center items-center overflow-hidden", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "circle bg-white w-[10px] h-[10px] rounded-full absolute", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "circle bg-white w-[10px] h-[10px] rounded-full absolute", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "circle bg-white w-[10px] h-[10px] rounded-full absolute", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "circle bg-white w-[10px] h-[10px] rounded-full absolute", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "circle bg-white w-[10px] h-[10px] rounded-full absolute", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, ` .letter { opacity: 0; animation: fadeIn 1s ease-in-out forwards; } .letter:nth-child(1) { animation-delay: 0.1s; } .letter:nth-child(2) { animation-delay: 0.2s; } .letter:nth-child(3) { animation-delay: 0.3s; } .letter:nth-child(4) { animation-delay: 0.4s; } .letter:nth-child(5) { animation-delay: 0.5s; } .letter:nth-child(6) { animation-delay: 0.6s; } .letter:nth-child(7) { animation-delay: 0.7s; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .circle { animation: moveCircle 5s linear infinite; opacity: 0.7; } @keyframes moveCircle { 0% { transform: translate(0, 0); } 100% { transform: translate(calc(100vw - 20px), calc(100vh - 20px)); } } `)); }