/* Orinova Portal — pages7.jsx Wave 4: · PortalIndex — editorial table of contents (cover sheet) · ScheduleVisit — date/time booking with morning/afternoon slots · EmailTemplates — three transactional emails stacked · ReferralProgram — refer a neighbor, type-led · DrywallService — third service detail page */ const ATOMS7 = window.OrinovaAtoms; /* ── PORTAL INDEX — cover sheet for the whole portal ──────── */ const TOC = [ { code: 'I', section: { es: 'CASA · ORINOVA', en: 'HOUSE · ORINOVA' }, rows: [ { n: '01', t: { es: 'Inicio · papel callado', en: 'Home · quiet paper' } }, { n: '02', t: { es: 'Inicio · vista de operador', en: 'Home · operator view' } }, { n: '03', t: { es: 'Inicio · campo · DreamValley', en: 'Home · field · DreamValley' } }, { n: '04', t: { es: 'Operaciones · sobre nosotros', en: 'Operations · about us' } }, { n: '05', t: { es: 'Carta del fundador', en: 'Founder note' } }, { n: '06', t: { es: 'Cinco promesas', en: 'Five promises' } }, { n: '07', t: { es: 'Caso · Rancho Palos Verdes', en: 'Case · Rancho Palos Verdes' } }, ], }, { code: 'II', section: { es: 'SERVICIOS · DREAMVALLEY', en: 'SERVICES · DREAMVALLEY' }, rows: [ { n: '08', t: { es: 'Pintura interior', en: 'Interior paint' } }, { n: '09', t: { es: 'Pintura exterior', en: 'Exterior paint' } }, { n: '10', t: { es: 'Drywall · reparación', en: 'Drywall · repair' } }, { n: '11', t: { es: 'Gabinetes', en: 'Cabinets' } }, { n: '12', t: { es: 'Acceso por cuerda · SPRAT', en: 'Rope access · SPRAT' } }, { n: '13', t: { es: 'Color · estudio de muestras', en: 'Color studio' } }, { n: '14', t: { es: 'Galería · antes y después', en: 'Before & after' } }, { n: '15', t: { es: 'Cobertura · Inland Empire', en: 'Coverage · IE' } }, ], }, { code: 'III', section: { es: 'DOCUMENTOS', en: 'DOCUMENTS' }, rows: [ { n: '16', t: { es: 'Estimado · documento', en: 'Estimate · document' } }, { n: '17', t: { es: 'Factura · documento', en: 'Invoice · document' } }, { n: '18', t: { es: 'Garantía · tres años', en: 'Warranty · three years' } }, { n: '19', t: { es: 'Hoja de prensa', en: 'Press one-pager' } }, { n: '20', t: { es: 'Correos transaccionales', en: 'Transactional emails' } }, ], }, { code: 'IV', section: { es: 'CUENTA · CLIENTE', en: 'ACCOUNT · CLIENT' }, rows: [ { n: '21', t: { es: 'Entrar', en: 'Sign in' } }, { n: '22', t: { es: 'Panel de cuenta', en: 'Account dashboard' } }, { n: '23', t: { es: 'Detalle de obra', en: 'Job detail' } }, { n: '24', t: { es: 'Pagar saldo', en: 'Pay balance' } }, { n: '25', t: { es: 'Agendar visita', en: 'Schedule visit' } }, { n: '26', t: { es: 'Centro de ayuda', en: 'Help center' } }, { n: '27', t: { es: 'Refiere un vecino', en: 'Refer a neighbor' } }, ], }, { code: 'V', section: { es: 'CUADRILLA · INTERNO', en: 'CREW · INTERNAL' }, rows: [ { n: '28', t: { es: 'Despacho del foreman', en: 'Foreman dispatch' } }, { n: '29', t: { es: 'Hoja de obra', en: 'Job sheet' } }, { n: '30', t: { es: 'Equipo · meet the crew', en: 'Crew · meet the team' } }, { n: '31', t: { es: 'Empleos', en: 'Careers' } }, ], }, { code: 'VI', section: { es: 'TELÉFONO', en: 'PHONE' }, rows: [ { n: '32', t: { es: 'Inicio móvil', en: 'Mobile home' } }, { n: '33', t: { es: 'Estimado móvil · paso 2', en: 'Mobile estimate · step 2' } }, { n: '34', t: { es: 'Estimado móvil · paso 3', en: 'Mobile estimate · step 3' } }, { n: '35', t: { es: 'Panel móvil de cuenta', en: 'Mobile account dashboard' } }, ], }, { code: 'VII', section: { es: 'PLANCHAS · LA SEGUNDA TANDA', en: 'PLATES · SECOND BATCH' }, rows: [ { n: '36', t: { es: 'Plancha VII · Isotipo · Neurath', en: 'Plate VII · Isotype · Neurath' } }, { n: '37', t: { es: 'Plancha III · Du Bois · a mano', en: 'Plate III · Du Bois · by hand' } }, { n: '38', t: { es: 'Wall Drawing MMXXVI · LeWitt', en: 'Wall Drawing MMXXVI · LeWitt' } }, { n: '39', t: { es: 'Tipología IX · cuarenta puertas', en: 'Typologie IX · forty doors' } }, { n: '40', t: { es: 'Libro mayor · Tufte · sparklines', en: 'Ledger · Tufte · sparklines' } }, { n: '41', t: { es: 'Plancha XII · 無 Mu · Hara', en: 'Plate XII · 無 Mu · Hara' } }, ], }, { code: 'VIII', section: { es: 'CONCEJOS · LO QUE FALTABA', en: 'COUNCILS · WHAT WAS MISSING' }, rows: [ { n: '42', t: { es: 'Lotería de la Cuadrilla · 16 cartas', en: 'Lotería de la Cuadrilla · 16 cards' } }, { n: '43', t: { es: 'Calavera del Pintor Honrado · Posada', en: 'Calavera of the Honest Painter · Posada' } }, { n: '44', t: { es: 'Partitura para un día · Cage · Cardew', en: 'Score for a day · Cage · Cardew' } }, { n: '45', t: { es: 'Broadside VII · tres verdades · Douglas', en: 'Broadside VII · three truths · Douglas' } }, { n: '46', t: { es: 'Access to Tools · Vol. III · Brand', en: 'Access to Tools · Vol. III · Brand' } }, { n: '47', t: { es: 'Marca a la intemperie · camión · letrero', en: 'The brand outdoors · truck · yard sign' } }, ], }, { code: 'IX', section: { es: 'LINAJES · AÚN MÁS LEJOS', en: 'LINEAGES · STILL FURTHER OUT' }, rows: [ { n: '48', t: { es: 'Patrones de la cuadrilla · Alexander', en: 'Patterns of the crew · Alexander' } }, { n: '49', t: { es: 'Elogio de la sombra · Tanizaki', en: 'In Praise of Shadows · Tanizaki' } }, { n: '50', t: { es: 'El cuento de la casa · Munari', en: 'The story of the house · Munari' } }, { n: '51', t: { es: 'Almanaque · clima de trabajo', en: 'Almanac · working weather' } }, { n: '52', t: { es: 'Recibo de obra · DV-0431', en: 'Job receipt · DV-0431' } }, { n: '53', t: { es: 'Mapa II · ruta del foreman · Steinberg', en: 'Map II · foreman\u2019s route · Steinberg' } }, ], }, { code: 'X', section: { es: 'OBJETOS · EL OFICIO HECHO COSA', en: 'OBJECTS · THE TRADE MADE FINISHED' }, rows: [ { n: '54', t: { es: 'Receta No. 7 · obra lenta', en: 'Recipes · No. 7 · slow work' } }, { n: '55', t: { es: 'El libro · desplegado · Penguin', en: 'The Book · unfolded · Penguin' } }, { n: '56', t: { es: 'Herbario de pigmentos · Merian', en: 'Pigment herbarium · Merian' } }, { n: '57', t: { es: 'Tarjeta de cuadrilla · Edición II', en: 'Crew card · Issue II' } }, { n: '58', t: { es: 'Plancha XVII · dechado · bendición', en: 'Plate XVII · sampler · blessing' } }, { n: '59', t: { es: 'Cancionero · No. I · canción de cuna', en: 'Songbook · No. I · lullaby' } }, ], }, ]; function PortalIndex() { const t = window.t; const { lang } = window.useLang(); return (
{/* masthead */}
ORINOVA · OPERATING GROUP
{t({ es: 'EL ÍNDICE · NO. I', en: 'THE INDEX · NO. I' }, lang)}
MMXXVI · RIVERSIDE

{t({ es: 'El portal entero,', en: 'The whole portal,' }, lang)}
{t({ es: 'en una hoja.', en: 'on one sheet.' }, lang)}

{t({ es: 'Treinta y cinco pantallas, dos idiomas, un sistema de papel y tinta. Cada renglón es una página viva.', en: 'Thirty-five screens, two languages, one paper-and-ink system. Every line is a live page.' }, lang)}

{t({ es: 'SUPERFICIES', en: 'SURFACES' }, lang)}
35
{t({ es: 'IDIOMAS', en: 'LANGUAGES' }, lang)}
ES · EN
{/* sections grid */}
{TOC.map((sec) => (
{sec.code}
{t(sec.section, lang)}
{sec.rows.length} {t({ es: 'pgs.', en: 'pgs.' }, lang)}
    {sec.rows.map((r) => (
  • {r.n} {t(r.t, lang)}
    • ))}
))}
{/* colophon */}
{t({ es: 'COLOFÓN', en: 'COLOPHON' }, lang)}

{t({ es: 'Compuesto en Fraunces, Inter y JetBrains Mono. Tinta sobre papel crema #F5F0E8. Acentos en olivo #2D4A1F y terracota #C5503E.', en: 'Set in Fraunces, Inter, and JetBrains Mono. Ink on cream paper #F5F0E8. Accents in olive #2D4A1F and terracotta #C5503E.' }, lang)}

{t({ es: 'IMPRESO INTERNAMENTE', en: 'PRINTED IN-HOUSE' }, lang)}
Riverside, CA
ORINOVA.GROUP / PORTAL
); } /* ── SCHEDULE VISIT — calendar booking ────────────────────── */ function ScheduleVisit() { const t = window.t; const { lang } = window.useLang(); const { Nav, Foot, Eyebrow } = ATOMS7; const ref = React.useMemo(() => { try { const q = new URLSearchParams(window.location.search); return q.get('ref') || ''; } catch (e) { return ''; } }, []); const now = React.useMemo(() => new Date(), []); const start = React.useMemo(() => { const d = new Date(now); d.setHours(0, 0, 0, 0); d.setDate(d.getDate() + 1); return d; }, [now]); const month = React.useMemo(() => ({ es: start.toLocaleDateString('es-MX', { month: 'long', year: 'numeric' }).toUpperCase(), en: start.toLocaleDateString('en-US', { month: 'long', year: 'numeric' }).toUpperCase(), }), [start]); const dayLabels = [ { es: 'L', en: 'M' }, { es: 'M', en: 'T' }, { es: 'M', en: 'W' }, { es: 'J', en: 'T' }, { es: 'V', en: 'F' }, { es: 'S', en: 'S' }, { es: 'D', en: 'S' }, ]; const days = React.useMemo(() => { const list = []; for (let i = 0; i < 14; i++) { const d = new Date(start); d.setDate(start.getDate() + i); list.push(d); } return list; }, [start]); const weekRows = React.useMemo(() => [days.slice(0, 7), days.slice(7, 14)], [days]); const avail = React.useMemo(() => { const out = {}; days.forEach((d, idx) => { const weekday = d.getDay(); if (weekday === 0) out[d.toISOString().slice(0, 10)] = 0; else if (weekday === 6) out[d.toISOString().slice(0, 10)] = 1; else out[d.toISOString().slice(0, 10)] = (idx % 5 === 2 ? 1 : 2); }); return out; }, [days]); const [pickDay, setPickDay] = React.useState(days[0] ? days[0].toISOString().slice(0, 10) : ''); const [pickWin, setPickWin] = React.useState('AM'); const selectedDate = React.useMemo(() => { const row = days.find((d) => d.toISOString().slice(0, 10) === pickDay); return row || null; }, [days, pickDay]); const dayCell = (d) => { const key = d.toISOString().slice(0, 10); const a = avail[key]; const isClosed = a === 0; const full = a === 3; const open = a === 1 || a === 2; const selected = pickDay === key && open; return ( ); }; return (