function MainComponent() { const handleSubscribe = (event)=>{ event.preventDefault(); }; const subscribeButton = /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 mt-4 bg-[#0088cc] text-white rounded-md font-semibold hover:bg-[#0077b3] focus:outline-none focus:ring-2 focus:ring-blue-300", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, "Подписаться"); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-6", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md rounded-lg bg-white shadow-md p-8", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#0088cc] mb-2", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Присоединяйтесь к нашему каналу в Telegram!"), /*#__PURE__*/ React.createElement("p", { className: "text-[#605e5c] font-normal text-center mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Будьте в курсе последних новостей и получайте эксклюзивный контент, подписавшись на наш телеграм канал."), /*#__PURE__*/ React.createElement("img", { src: "/telegram-logo.png", alt: "Telegram channel logo", className: "w-20 h-20 mb-3", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "w-full mt-2", onSubmit: handleSubscribe, __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "telegramUsername", placeholder: "Telegram имя пользователя", className: "w-full px-4 py-2 border border-[#ced4da] rounded-md focus:outline-none focus:border-[#80bdff] transition-colors", required: true, __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this })), subscribeButton), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, ` @keyframes float { 0% { transform: translatey(0px); } 50% { transform: translatey(-20px); } 100% { transform: translatey(0px); } } `), /*#__PURE__*/ React.createElement("div", { className: "animate-float", style: { animation: 'float 6s ease-in-out infinite' }, __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-telegram fa-5x text-[#0088cc]", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this })))))); }