/* RINAU HEX — Sections (TopBar, Header, Hero, Features, About, Team, Partners, Contact, Footer) */ const { useState, useEffect, useRef } = React; const I = window.RHX_ICONS; /* ============== TOP BAR ============== */ function TopBar() { const { lang, setLang, theme, toggleTheme } = window.useApp(); const t = window.RHX.ui[lang]; return (
// RHX-S.A.S — CIIU 6201 {t.topbar.phone} {t.topbar.email}
{t.topbar.addr}
); } /* ============== HEADER ============== */ function Header({ onQuote, cartCount }) { const { lang, setLang, theme, toggleTheme } = window.useApp(); const t = window.RHX.ui[lang]; const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); const [active, setActive] = useState('home'); useEffect(() => { const onScroll = () => { setScrolled(window.scrollY > 30); const sections = ['home','about','services','team','partners','contact']; let cur = 'home'; sections.forEach(id => { const el = document.getElementById(id); if (el && el.getBoundingClientRect().top < 120) cur = id; }); setActive(cur); }; window.addEventListener('scroll', onScroll); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); const links = [ { id:'home', label:t.nav.home }, { id:'about', label:t.nav.about }, { id:'services', label:t.nav.services }, { id:'team', label:t.nav.team }, { id:'partners', label:t.nav.partners }, { id:'contact', label:t.nav.contact }, ]; return (
{/* Logo */}
RINAUHEX
{t.footer.slogan}
 {/* Desktop nav */} {/* Right cluster */}
{/* Mobile only lang/theme */}
{/* Mobile menu */} {open && (
{links.map(l => ( setOpen(false)} className="py-3 text-sm font-medium text-gray-700 dark:text-gray-300 border-b border-gray-100 dark:border-white/5"> {l.label} ))}
)}
); } /* ============== HERO ============== */ function Hero({ onQuote }) { window.useAdmin(); const { lang } = window.useApp(); const t = window.RHX.ui[lang].hero; return (
{/* Ambient orb layer (non-interactive) */}
{/* Cybernetic Particle Constellation — interactive shader-style backdrop */}
{/* Bottom fade to seam into next section */}
{/* Constellation legend (bottom-left) */}
// CYBERNETIC.PARTICLE.CONSTELLATION — MOVE / CLICK
{/* Side rails */}
{t.kicker}

{t.title1}
{t.title2}

{t.desc}

{t.cta1}
{/* Schematic visual — static hex core; sits in front of particle constellation */}
{/* Central glow — static */} {/* Concentric rings — static */} {/* Static axes */} {/* Hex core — static */} {/* Inner RH monogram — static */} {/* Vertex nodes — static */} N₁N₂N₃ N₄N₅N₆ // SCHEMATIC 01 // HEX-CORE / RH v.2026
{/* Bottom scroll cue */}
SCROLL
); } /* ============== FEATURES STRIP ============== */ function Features() { window.useAdmin(); const { lang } = window.useApp(); const t = window.RHX.ui[lang].features; return (
// 01 / Principios

{t.title}

{t.sub}

{t.items.map((it, i) => { const Icon = I[it.i] || I.Cpu; return (
0{i+1}

{it.t}

{it.d}

); })}
); } /* ============== ABOUT ============== */ function About() { window.useAdmin(); const { lang } = window.useApp(); const t = window.RHX.ui[lang].about; return (
{/* Blueprint pattern */}
{/* Visual */}
{/* Tech schematic — fully static */} {/* Concentric hexagons — static, centered */} {/* Center marker — static */} {/* Static connector dashes */} {/* Vertex dots — static */} // FIG.A — CORE.STRUCTURE REV / 2026.05 RHX-VBG-001 {/* Corner brackets — expand only on card hover */}
{/* Floating data card — static (no bobbing) */}
// METHOD
RHX-CONVERGENCE™
v.2026.5
{/* Text */}
// 02 / {t.kicker}

{t.title}

{t.p1}

{t.history.map((p,i)=>(

{p}

))}
{t.quote}
{/* Stats */}
{t.stats.map((s,i) => (
{s.n}
{s.l}
))}
); } /* ============== TEAM ============== */ function Team() { const { lang } = window.useApp(); const t = window.RHX.ui[lang].team; const data = window.RHX.teamData[lang]; return (
// 04 / {t.kicker}

{t.title}

{data.content.map((p,i)=>(

{p}

))}
{data.quote}
{t.tags.map((tag,i)=>{ const Icon = I[tag.i] || I.Users; return (
{String(i+1).padStart(2,'0')} · Expertise
{tag.l}
); })}
); } /* ============== PARTNERS — carousel + logo slider ============== */ function PartnerCard({ p, t, lang }) { const { theme } = window.useApp(); const Icon = I[p.icon] || I.Building; const logoSrc = p.logo ? (theme==='dark' ? (p.logo.dark||p.logo.light) : (p.logo.light||p.logo.dark)) : null; return (
{p.badge} // {p.id.toUpperCase()}
{logoSrc ? {p.name[lang]} : }

{p.name[lang]}

{p.type[lang]}

{p.description[lang]}

{t.workstreams}
{p.features[lang].map((f,j)=>( {f} ))}
); } function PartnerLogoMark({ p, active, onClick, lang }) { const { theme } = window.useApp(); const logoSrc = p.logo ? (theme==='dark' ? (p.logo.dark||p.logo.light) : (p.logo.light||p.logo.dark)) : null; return ( ); } function Partners() { window.useAdmin(); const { lang } = window.useApp(); const t = window.RHX.ui[lang].partners; const partners = window.RHX.partnersData; const [idx, setIdx] = useState(0); const [perView, setPerView] = useState(2); useEffect(()=>{ const update = () => setPerView(window.innerWidth < 1024 ? 1 : 2); update(); window.addEventListener('resize', update); return ()=>window.removeEventListener('resize', update); }, []); const maxIdx = Math.max(0, partners.length - perView); const safeIdx = Math.min(idx, maxIdx); const prev = () => setIdx(i => Math.max(0, i - 1)); const next = () => setIdx(i => Math.min(maxIdx, i + 1)); const jumpTo = (i) => setIdx(Math.min(maxIdx, Math.max(0, i - Math.floor(perView/2)))); // visible window indices [safeIdx ... safeIdx+perView-1] for highlighting active in slider const visibleSet = new Set(); for (let k = safeIdx; k < safeIdx + perView; k++) visibleSet.add(k); return (
{/* Header */}
// 05 / {t.kicker}

{t.title}

{t.sub}

{/* Carousel controls */}
{/* Carousel */}
{partners.map(p=>(
))}
{/* Carousel position indicator */}
{String(safeIdx+1).padStart(2,'0')} — {String(Math.min(safeIdx+perView, partners.length)).padStart(2,'0')} / {String(partners.length).padStart(2,'0')} {Array.from({length: maxIdx+1}).map((_,i)=>( ))}
{/* Logo slider */}
// CLIENT.GRID — {lang==='es'?'Selecciona para destacar arriba':'Click to feature above'}
{partners.length} {lang==='es'?'aliados':'partners'}
{partners.map((p,i)=>( jumpTo(i)} lang={lang}/> ))}
{/* Integrity card */}
{t.footerCard.tag}

{t.footerCard.title}

{t.footerCard.desc}

{window.RHX.ui[lang].hero.cta2}
); } /* ============== CONTACT ============== */ function Contact() { window.useAdmin(); const { lang } = window.useApp(); const t = window.RHX.ui[lang].contact; return (
// 06 / {t.kicker}

{t.title}

{t.sub}

{/* Info column */}
{t.info.map((it,i)=>{ const Icon = I[it.i] || I.Mail; return (
// {String(i+1).padStart(2,'0')} · {it.t}
{it.v}
); })}
// HORARIO
Lun — Vie
08:00 — 18:00
Sáb
09:00 — 13:00
{/* Form */}
); } function Field({label, type='text', full}){ return (
); } /* ============== FOOTER ============== */ function Footer() { window.useAdmin(); const { lang } = window.useApp(); const t = window.RHX.ui[lang].footer; const services = window.RHX.services.slice(0, 6); return ( ); } Object.assign(window, { TopBar, Header, Hero, Features, About, Team, Partners, Contact, Footer });