// Process / About / Contact sections function Process({ lang }) { const L = LANG_COPY[lang]; return (
{L.process.steps.map((s, i) => (
0{i + 1}

{s.title}

{s.desc}

))}
); } function About({ lang }) { const L = LANG_COPY[lang]; return (
{/* Header: headline left, body right */}
{L.about.eyebrow}

{L.about.title1}
{L.about.title2}

{L.about.body}

{/* Stats row */}
{L.about.stats.map((s, i) => (
0 ? '1px solid rgba(255,255,255,0.08)' : 'none', paddingLeft: i > 0 ? 32 : 0 }}>
{s.n}
{s.l}
))}
{/* Principles — 3 col grid */}
{L.about.principles.map((p, i) => (
0 ? 40 : 0 }}>
{p.n}

{p.title}

{p.desc}

))}
); } function Contact({ lang }) { const L = LANG_COPY[lang]; const [state, setState] = React.useState({ name: '', email: '', topic: 'meeting', msg: '', website: '' }); const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(null); const tsRef = React.useRef(Math.floor(Date.now() / 1000)); const submit = async (e) => { e.preventDefault(); if (sending) return; setError(null); setSending(true); try { const res = await fetch(window.CYGNUS_FORM_ENDPOINT || '/api/enviar', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ topic: state.topic, nombre: state.name, email: state.email, mensaje: state.msg, website: state.website, // honeypot ts: tsRef.current, lang, origen: 'web', }), }); const data = await res.json().catch(() => ({})); if (!res.ok || !data.ok) { throw new Error(data.error || 'No se pudo enviar el mensaje.'); } try { if (window.gtag) window.gtag('event', 'form_submit', { topic: state.topic }); } catch (err) {} setSent(true); } catch (err) { setError(err.message || 'Error al enviar.'); } finally { setSending(false); } }; return (
{L.contact.eyebrow}

{L.contact.title1}
{L.contact.title2}

{L.contact.body}

{/* WhatsApp primary button */} { e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.boxShadow = '0 12px 32px rgba(37, 211, 102, 0.25)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = 'none'; }} > {L.contact.whatsapp.label}
{L.contact.info.map((it, i) => { const inner = ( <>
{it.label}
{it.value} {it.href && →}
); const baseStyle = { display: 'block', padding: '18px 0', borderBottom: '1px solid rgba(255,255,255,0.08)', color: 'inherit', textDecoration: 'none', transition: 'padding-left 0.2s' }; return it.href ? ( e.currentTarget.style.paddingLeft = '8px'} onMouseLeave={(e) => e.currentTarget.style.paddingLeft = '0'} >{inner} ) : (
{inner}
); })}
{sent ? (
✓

{L.contact.thanksTitle}

{L.contact.thanksBody}

) : (<> {L.contact.f.topic}
{L.contact.topics.map((t) => ( ))}
setState((s) => ({ ...s, name: v }))} /> setState((s) => ({ ...s, email: v }))} /> setState((s) => ({ ...s, msg: v }))} multiline /> {/* Honeypot — hidden from users, bots fill it */} setState((s) => ({ ...s, website: e.target.value }))} style={{ position: 'absolute', left: '-9999px', width: 1, height: 1, opacity: 0 }} aria-hidden="true" /> {error && (
{error}
)} )}
); } function FieldLabel({ children }) { return ; } function Field({ label, value, onChange, type = 'text', multiline }) { const [focus, setFocus] = React.useState(false); const Tag = multiline ? 'textarea' : 'input'; return (
{label} onChange(e.target.value)} onFocus={() => setFocus(true)} onBlur={() => setFocus(false)} rows={multiline ? 4 : undefined} style={{ width: '100%', background: 'transparent', color: 'var(--fg)', border: 'none', borderBottom: `1px solid ${focus ? 'var(--accent)' : 'rgba(255,255,255,0.15)'}`, padding: '10px 0', fontSize: 16, fontFamily: 'inherit', outline: 'none', resize: multiline ? 'vertical' : 'none', transition: 'border-color 0.2s', }} />
); } function Footer({ lang }) { const L = LANG_COPY[lang]; return ( ); } Object.assign(window, { Process, About, Contact, Footer, Field, FieldLabel });