function StylizedButton({ children, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-[#F5663B] text-[#EAEADF] font-montserrat font-semibold tracking-tighter rounded-lg px-4 py-2 transition-colors duration-200 hover:bg-[#DD5C35]", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function StylizedButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StylizedButton, { onClick: ()=>console.log('Button clicked'), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Click Me")); } function ShareButton() { const compartirPagina = async ()=>{ try { if (navigator.share) { await navigator.share({ title: "Bingo Móvil - ¡Gana otro cartón gratis!", text: "¡Únete al nuevo Bingo Móvil! 🎯 Regístrate y comparte para ganar cartones GRATIS en la inauguración", url: window.location.href }); } else { // Fallback para navegadores que no soportan Web Share API navigator.clipboard.writeText(window.location.href); alert("¡Enlace copiado! Compártelo y gana tu segundo cartón GRATIS"); } } catch (error) { console.error("Error al compartir:", error); } }; return /*#__PURE__*/ React.createElement("button", { onClick: compartirPagina, className: "fixed bottom-6 right-6 bg-green-600 text-white rounded-full p-4 shadow-lg hover:bg-green-500 transition-all transform hover:scale-105 flex items-center gap-2 z-50 animate-bounce", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "🎁"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, "¡Comparte y gana OTRO cartón GRATIS!")); } function SuccessMessage({ shared, onShare }) { if (!shared) { return /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl text-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "¡Felicidades! 🎉"), /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 p-4 rounded-lg border border-green-200", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-green-700 font-medium", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "✅ Ya ganaste tu primer cartón GRATIS para la inauguración"), /*#__PURE__*/ React.createElement("p", { className: "text-green-600 mt-2", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "¡Comparte ahora y gana un segundo cartón GRATIS!"))); } return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "🎉"), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "¡Gracias por compartir!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Has asegurado tu segundo cartón GRATIS para la inauguración.")), /*#__PURE__*/ React.createElement(AddToCalendar, { __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(GameDetails, { __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this })); } function GameDetails() { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md space-y-6 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-center text-gray-800 mb-6", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, "¡Descubre todo lo que Bingo Móvil tiene para ti! 🎯"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "🌐"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "Juega desde donde estés"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Con solo tener conexión a internet, podrás participar desde cualquier lugar en tu dispositivo favorito."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "🎲"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Múltiples modalidades de juego"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Bingo tradicional, cuatro esquinas, línea vertical, horizontal y diagonal. ¡Más formas de ganar!"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "🏆"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "Torneos especiales"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "Participa en nuestros torneos exclusivos con premios únicos y emocionantes sorpresas."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, "📅"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, "Sorteos diarios"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "Todos los días tenemos nuevos juegos y oportunidades de ganar premios increíbles."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, "🎯"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, "Juega con múltiples cartones"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, "Aumenta tus probabilidades de ganar jugando con varios cartones simultáneamente."))))); } function AddToCalendar() { const handleAddToCalendar = ()=>{ const event = { title: "¡Inauguración Bingo Móvil! 🎯", description: "Inauguración del nuevo Bingo Móvil. ¡No te pierdas la oportunidad de ganar increíbles premios!", startDate: "2025-05-08T12:00:00", endDate: "2025-05-08T23:59:00", location: "Online - Bingo Móvil" }; // Google Calendar URL const googleUrl = `https://calendar.google.com/calendar/render?action=TEMPLATE&text=${encodeURIComponent(event.title)}&details=${encodeURIComponent(event.description)}&dates=20250508T120000/20250508T235900&location=${encodeURIComponent(event.location)}`; // Open in new tab window.open(googleUrl, "_blank"); }; return /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 160, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleAddToCalendar, className: "bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2 mx-auto", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, "📅"), "Agregar recordatorio a mi calendario"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, "No te pierdas la inauguración el 8 de Mayo de 2025")); } function Header({ totalRegistros, tiempoRestante }) { return /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 z-50 bg-blue-900 text-white py-4 shadow-md", __source: { fileName: "", lineNumber: 177, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full px-4", __source: { fileName: "", lineNumber: 178, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-row justify-between items-center text-sm sm:text-base md:text-lg lg:text-xl", __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center whitespace-nowrap", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-1", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, "👥"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, totalRegistros, " personas esperando")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center whitespace-nowrap", __source: { fileName: "", lineNumber: 184, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-1", __source: { fileName: "", lineNumber: 185, columnNumber: 13 }, __self: this }, "⏳"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, tiempoRestante.dias, "d ", tiempoRestante.horas, "h", " ", tiempoRestante.minutos, "m ", tiempoRestante.segundos, "s"))))); } function Features() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-100 max-w-md mx-auto", __source: { fileName: "", lineNumber: 199, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-700", __source: { fileName: "", lineNumber: 200, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center font-medium", __source: { fileName: "", lineNumber: 201, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, "🎲"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 203, columnNumber: 11 }, __self: this }, "Cartones a 10 Bs")), /*#__PURE__*/ React.createElement("p", { className: "flex items-center font-medium", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 206, columnNumber: 11 }, __self: this }, "💰"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, "Cobra por pago móvil")), /*#__PURE__*/ React.createElement("p", { className: "flex items-center font-medium", __source: { fileName: "", lineNumber: 209, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, "📱"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, "Juega desde cualquier dispositivo")), /*#__PURE__*/ React.createElement("p", { className: "flex items-center font-medium", __source: { fileName: "", lineNumber: 213, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, "🎥"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 215, columnNumber: 11 }, __self: this }, "Transmisión en vivo")))); } function RegistrationForm({ formData, handleChange, handleSubmit, error, loading }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 230, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4 text-center text-gray-700", __source: { fileName: "", lineNumber: 231, columnNumber: 7 }, __self: this }, "¡Únete a la lista de espera!"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-green-600 font-medium mb-4", __source: { fileName: "", lineNumber: 234, columnNumber: 7 }, __self: this }, "🎁 ¡Regístrate ahora y obtén un cartón GRATIS el día de la inauguración!"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 237, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this }, "Nombre"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nombre", value: formData.nombre, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-gray-400", required: true, disabled: loading, __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 250, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 251, columnNumber: 11 }, __self: this }, "Teléfono"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefono", value: formData.telefono, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-gray-400", required: true, disabled: loading, __source: { fileName: "", lineNumber: 252, columnNumber: 11 }, __self: this })), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-center", __source: { fileName: "", lineNumber: 262, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `w-full bg-gray-800 text-white py-3 rounded-lg transition duration-300 ${loading ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-700"}`, __source: { fileName: "", lineNumber: 263, columnNumber: 9 }, __self: this }, loading ? "Procesando..." : "¡Registrarme y obtener mi cartón GRATIS!"))); } function useCountdown(fechaObjetivo) { const [tiempoRestante, setTiempoRestante] = useState({ dias: 0, horas: 0, minutos: 0, segundos: 0 }); useEffect(()=>{ const actualizarContador = ()=>{ const ahora = new Date(); const diferencia = new Date(fechaObjetivo) - ahora; if (diferencia <= 0) { setTiempoRestante({ dias: 0, horas: 0, minutos: 0, segundos: 0 }); return; } setTiempoRestante({ dias: Math.floor(diferencia / (1000 * 60 * 60 * 24)), horas: Math.floor(diferencia % (1000 * 60 * 60 * 24) / (1000 * 60 * 60)), minutos: Math.floor(diferencia % (1000 * 60 * 60) / (1000 * 60)), segundos: Math.floor(diferencia % (1000 * 60) / 1000) }); }; actualizarContador(); const intervalo = setInterval(actualizarContador, 1000); return ()=>clearInterval(intervalo); }, [ fechaObjetivo ]); return tiempoRestante; } function useRegistros() { const [totalRegistros, setTotalRegistros] = useState(0); const obtenerTotal = useCallback(async (retryCount = 3)=>{ let attempts = 0; const fetchData = async ()=>{ try { const controller = new AbortController(); const timeoutId = setTimeout(()=>controller.abort(), 5000); const response = await fetch("/api/obtener-contador", { method: "POST", signal: controller.signal }); clearTimeout(timeoutId); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setTotalRegistros(data.total); } } catch (error) { console.error("Error al obtener total:", error); if (attempts < retryCount) { attempts++; await new Promise((resolve)=>setTimeout(resolve, 1000)); await fetchData(); } } }; await fetchData(); }, []); useEffect(()=>{ obtenerTotal(); const interval = setInterval(obtenerTotal, 30000); return ()=>clearInterval(interval); }, [ obtenerTotal ]); return [ totalRegistros, obtenerTotal ]; } function Footer() { return /*#__PURE__*/ React.createElement("footer", { className: "bg-black bg-opacity-90 text-white py-8 px-4", __source: { fileName: "", lineNumber: 365, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 366, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-60 space-y-2 text-center", __source: { fileName: "", lineNumber: 367, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 368, columnNumber: 11 }, __self: this }, "© 2025 Bingo Online™ - Una marca de Corporación 3000 C.A."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 369, columnNumber: 11 }, __self: this }, "Casa Matriz - Caracas, Venezuela 🇻🇪"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 370, columnNumber: 11 }, __self: this }, "Certificado y registrado ante la Organización Nacional de Apuestas y Lotería (ONAL)"), /*#__PURE__*/ React.createElement("a", { href: "/descargar", className: "text-blue-300 hover:text-blue-200 transition-colors block mt-4", __source: { fileName: "", lineNumber: 374, columnNumber: 11 }, __self: this }, "Descargar Lista de Espera (Protegido)")))); } function MainComponent() { const [formData, setFormData] = useState({ nombre: "", telefono: "" }); const [error, setError] = useState(""); const [success, setSuccess] = useState(false); const [shared, setShared] = useState(false); const [loading, setLoading] = useState(false); const tiempoRestante = useCountdown("2025-05-08T12:00:00"); const [totalRegistros, obtenerTotal] = useRegistros(); const handleShare = async ()=>{ try { if (navigator.share) { await navigator.share({ title: "Bingo Móvil - ¡Gana otro cartón gratis!", text: "¡Únete al nuevo Bingo Móvil! 🎯 Regístrate y comparte para ganar cartones GRATIS en la inauguración", url: window.location.href }); setShared(true); } else { await navigator.clipboard.writeText(window.location.href); alert("¡Enlace copiado! Compártelo y gana tu segundo cartón GRATIS"); setShared(true); } } catch (error) { console.error("Error al compartir:", error); } }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setLoading(true); try { const controller = new AbortController(); const timeoutId = setTimeout(()=>controller.abort(), 5000); const response = await fetch("/api/guardar-interesado", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData), signal: controller.signal }); clearTimeout(timeoutId); const data = await response.json(); if (!response.ok || data.error) { throw new Error(data.error || "Error al guardar el registro"); } setSuccess(true); setFormData({ nombre: "", telefono: "" }); obtenerTotal(); } catch (err) { setError(err.message || "Error al procesar tu solicitud. Por favor, intenta nuevamente."); console.error("Error al guardar:", err); } finally{ setLoading(false); } }; const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-gradient-to-b from-gray-100 to-gray-200", __source: { fileName: "", lineNumber: 459, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { totalRegistros: totalRegistros, tiempoRestante: tiempoRestante, __source: { fileName: "", lineNumber: 460, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-grow py-12 px-4 mt-8", __source: { fileName: "", lineNumber: 462, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white rounded-xl shadow-xl p-8", __source: { fileName: "", lineNumber: 463, columnNumber: 9 }, __self: this }, !success ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-4 text-gray-800", __source: { fileName: "", lineNumber: 466, columnNumber: 15 }, __self: this }, "Bingo Móvil 🎯"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 470, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-64 h-64 mx-auto mb-6 overflow-hidden rounded-lg", __source: { fileName: "", lineNumber: 471, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d1e540df-8c50-4dd7-b08b-d1aae4264b9d/-/preview/-/quality/best/-/format/auto/", alt: "Ganador feliz con dinero", className: "object-cover object-center w-full h-full", style: { objectPosition: "50% 20%" }, __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-center text-gray-700", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }, "Próximamente: La nueva forma de jugar bingo desde casa 🎯"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600 mb-4 text-center", __source: { fileName: "", lineNumber: 482, columnNumber: 17 }, __self: this }, "Participa en emocionantes juegos de bingo en vivo desde cualquier dispositivo con internet."), /*#__PURE__*/ React.createElement(Features, { __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement(RegistrationForm, { formData: formData, handleChange: handleChange, handleSubmit: handleSubmit, error: error, loading: loading, __source: { fileName: "", lineNumber: 490, columnNumber: 15 }, __self: this })) : /*#__PURE__*/ React.createElement(SuccessMessage, { shared: shared, __source: { fileName: "", lineNumber: 499, columnNumber: 13 }, __self: this }))), success && !shared && /*#__PURE__*/ React.createElement("button", { onClick: handleShare, className: "fixed bottom-6 right-6 bg-green-600 text-white rounded-full p-4 shadow-lg hover:bg-green-500 transition-all transform hover:scale-105 flex items-center gap-2 z-50 animate-bounce", __source: { fileName: "", lineNumber: 505, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 509, columnNumber: 11 }, __self: this }, "🎁"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 510, columnNumber: 11 }, __self: this }, "¡Comparte y gana OTRO cartón GRATIS!")), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 516, columnNumber: 7 }, __self: this })); }