/* Squol landing — shared components */ const { useState, useEffect, useRef } = React; /* ---------- Icons ---------- */ const Icon = { arrow: (p) => , close: (p) => , check: (p) => , school: (p) => , users: (p) => , link: (p) => , shield: (p) => , bell: (p) => , chart: (p) => , lock: (p) => , family: (p) => , calendar: (p) => , grade: (p) => , teacher: (p) => , megaphone: (p) => , qr: (p) => , scan: (p) => , clock: (p) => , printer: (p) => , apple: (p) => , android: (p) => , web: (p) => , whatsapp: (p) => , }; /* ---------- Phone Mockup ---------- */ function Phone({ children, time = "9:41", className = "", style = {} }) { return (
{time}
{children}
); } /* Phone with screenshot fill */ function PhoneScreenshot({ src, time, className, style, topPad = 56 }) { return (
); } /* ---------- Browser Window ---------- */ function BrowserWindow({ children, url = "app.squol.mx", className = "", style = {} }) { return (
{url}
{children}
); } function BrowserScreenshot({ src, url, className, style }) { return ( ); } /* ---------- QR Credential Card (phone screen) ---------- */ function QrCredentialPhone({ className, style }) { return (
{/* Top header */}
Mi credencial
Camilo Ramírez
{/* Credential card */}
{/* Subtle accent glow */}
Colegio Aurora
2026 — 2027
{/* Student photo placeholder */}
Alumno
Camilo Ramírez
Grupo
1° A
Matrícula
A-0184
{/* QR */}
Escanea para verificar
El código se renueva cada 30 segundos
Activo
{/* Last entry */}
Entrada registrada
Hoy 07:42 · Acceso principal
); } /* ---------- Persona Scene — photo + optional floating mockup ---------- */ function PersonaScene({ persona }) { if (persona === 'directores') { // Wide landscape photo (man at desk) — no extra mockup return (
Director consultando estadísticas
Promedio 3°A
8.7 · +0.3 vs mes anterior
); } if (persona === 'padres') { return (
Madre recibiendo notificación Squol
3 notificaciones hoy
); } if (persona === 'docentes') { return (
Docente impartiendo clase
Próxima cita
Sra. Pérez · 14:30
); } if (persona === 'alumnos') { return (
Alumno mostrando credencial QR
Acceso autorizado
José Antonio · 2° Sec.
); } return null; } function QrCodeSvg({ size = 80 }) { // deterministic-ish pattern const cells = 21; const data = []; const seed = 1337; const rand = (i) => { const x = Math.sin(seed + i * 13.37) * 10000; return (x - Math.floor(x)) > 0.5; }; for (let y = 0; y < cells; y++) { for (let x = 0; x < cells; x++) { const i = y * cells + x; // finder patterns: corners const inFinder = ( (x < 7 && y < 7) || (x >= cells - 7 && y < 7) || (x < 7 && y >= cells - 7) ); if (!inFinder && rand(i)) data.push([x, y]); } } return ( {/* finders */} {[[0,0],[cells-7,0],[0,cells-7]].map(([fx,fy], i) => ( ))} {data.map(([x,y], i) => ( ))} ); } /* ---------- Squol Logo ---------- */ function SquolMark({ size = 28 }) { return (
s
); } function SquolLogo({ inverted = false }) { return (
Squol Squol
); } /* ---------- Reveal hook ---------- */ function useReveal() { const ref = useRef(null); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); } }); }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return ref; } function Reveal({ children, delay = 0, as: As = 'div', className = '', style = {} }) { const ref = useReveal(); return ( {children} ); } function TermsPrivacyModal({ isOpen, activeTab: initialTab, onClose }) { const [activeTab, setActiveTab] = React.useState(initialTab || 'terms'); React.useEffect(() => { if (isOpen) { setActiveTab(initialTab || 'terms'); document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = ''; } return () => { document.body.style.overflow = ''; }; }, [isOpen, initialTab]); if (!isOpen) return null; return (
e.stopPropagation()}>
{activeTab === 'terms' ? (

Términos y Condiciones de Uso

Última actualización: Mayo 2026

Bienvenido a Squol. Al acceder y utilizar nuestra plataforma, usted acepta cumplir con los siguientes términos y condiciones:

1. Aceptación de los Términos

Al registrarse y utilizar los servicios de Squol, usted manifiesta bajo protesta de decir verdad que es mayor de edad, responsable del manejo de la cuenta y padre, madre o tutor del menor registrado, o personal escolar autorizado por la institución educativa.

2. Descripción del Servicio

Squol es una plataforma digital de comunicación escolar que facilita la interacción entre la institución educativa, los docentes, prefectos, y los padres o tutores legales de los alumnos. El servicio incluye el envío de notificaciones, control de credenciales, avisos y seguimiento escolar.

3. Uso Responsable de la Cuenta

Usted es el único responsable de mantener la confidencialidad de su contraseña y de todas las actividades que ocurran bajo su cuenta. Se compromete a notificar de inmediato cualquier uso no autorizado de su cuenta.

4. Privacidad y Datos Personales

La recopilación y el uso de sus datos personales se rigen por nuestro Aviso de Privacidad. Al utilizar la plataforma, acepta que registremos la Fecha, Hora exacta e IP pública de su registro y aceptación de términos como prueba legal de su consentimiento.

5. Limitación de Responsabilidad

Squol no será responsable por daños indirectos, incidentales o consecuentes derivados del uso o la imposibilidad de usar la plataforma.

) : (

Aviso de Privacidad Simplificado

Última actualización: Mayo 2026

En Squol (Aryento Studio), nos comprometemos a proteger la privacidad y seguridad de sus datos personales y los de sus hijos menores de edad.

1. Datos Personales Recabados

Para la prestación de nuestros servicios, recabamos:

  • Nombre completo, correo electrónico, y teléfono de contacto del padre/madre/tutor o personal de la escuela.
  • Nombre completo, grado y grupo del alumno menor de edad.
  • Fotografía del menor (únicamente para fines de identificación escolar y credenciales digitales/físicas).
  • Datos de auditoría técnica: Dirección IP pública, fecha y hora del consentimiento digital.

2. Finalidades del Tratamiento

Los datos personales recabados serán utilizados exclusivamente para:

  • La creación, validación y gestión de la cuenta del usuario en Squol.
  • La generación y emisión de la credencial digital y física del alumno.
  • El envío de notificaciones y alertas escolares oficiales.
  • El cumplimiento de obligaciones legales de consentimiento (auditoría digital).

3. Autorización de Fotografía del Menor

De conformidad con las leyes vigentes, la fotografía del alumno menor de edad se utilizará únicamente para fines de identificación escolar dentro del marco de la credencial oficial. No será transferida a terceros no autorizados ni se utilizará para fines publicitarios sin su consentimiento expreso.

4. Derechos ARCO

Usted puede ejercer sus derechos de Acceso, Rectificación, Cancelación y Oposición escribiendo directamente a nuestro correo de contacto oficial: hola@squol.app.

)}
); } Object.assign(window, { Icon, Phone, PhoneScreenshot, BrowserWindow, BrowserScreenshot, QrCredentialPhone, QrCodeSvg, SquolMark, SquolLogo, Reveal, useReveal, PersonaScene, TermsPrivacyModal });