/* ============================================================ Rainbow Group — signature.jsx Shared primitives: useReveal, RGCursor, Scramble, PrismLayer, Heritage, HERITAGE_EVENTS, Stat, SectionHead. Per DESIGN-SYSTEM.md §4. ============================================================ */ const { useState: useStateS, useEffect: useEffectS, useRef: useRefS, useMemo: useMemoS } = React; /* ---------- HERITAGE_EVENTS ---------- */ const HERITAGE_EVENTS = [ { year: '2001', title: 'Hasan Habib General Trading founded', body: 'The parent firm begins trading in Kuwait — laying the supply, client and craft network that RGCC would later inherit.' }, { year: '2008', title: 'First turnkey fit-out', body: 'The group takes on full responsibility for an interior, end-to-end — joinery, stone, gypsum, specialty paints under one roof.' }, { year: '2015', title: '300th project milestone', body: 'The workshop passes 300 completed sites. Long-term relationships with Al Shaya, Tamdeen and Kharafi deepen.' }, { year: '2017', title: 'RGCC incorporated', body: 'Rainbow Group Contracting Company W.L.L is formally established to carry forward the interior-finishing practice with dedicated leadership.' }, { year: '2020', title: 'Four Points by Sheraton', body: 'Full hospitality fit-out at Four Points — public areas, F&B and guest floors delivered in a single phase alongside parallel private-villa work.' }, { year: '2022', title: '500 projects delivered', body: 'Cumulative project count crosses 500. The firm formalises its five-discipline service map and in-house joinery workshop.' }, { year: '2025', title: 'Haute Dolci', body: 'Delivery of a 1,200 m² feature facade and double-height GRG dome, setting a new benchmark for hospitality fit-out in Kuwait.' }, ]; /* ---------- useReveal hook ---------- */ function useReveal() { const ref = useRefS(null); useEffectS(() => { const el = ref.current; if (!el) return; if (document.documentElement.getAttribute('data-motion') === 'still' || (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches)) { el.classList.add('in'); return; } el.style.opacity = '0'; const io = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.classList.add('in'); io.unobserve(entry.target); } }); }, { rootMargin: '0px 0px -8% 0px', threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return ref; } /* ---------- RGCursor ---------- */ function RGCursor() { const ref = useRefS(null); const [label, setLabel] = useStateS(''); const [expanded, setExpanded] = useStateS(false); const [isButton, setIsButton] = useStateS(false); useEffectS(() => { if (window.matchMedia && window.matchMedia('(max-width: 900px)').matches) return; const move = (e) => { if (!ref.current) return; ref.current.style.left = e.clientX + 'px'; ref.current.style.top = e.clientY + 'px'; const hit = e.target.closest && e.target.closest('[data-cursor-label]'); const btn = e.target.closest && e.target.closest('a, button, .btn'); if (hit) { setLabel(hit.getAttribute('data-cursor-label') || ''); setExpanded(true); setIsButton(!!btn); } else if (e.target.closest && e.target.closest('a, button')) { setLabel('CLICK'); setExpanded(true); setIsButton(!!btn); } else { setLabel(''); setExpanded(false); setIsButton(false); } }; window.addEventListener('mousemove', move); return () => window.removeEventListener('mousemove', move); }, []); return React.createElement( 'div', { ref, className: `rg-cursor ${expanded ? 'expanded' : ''} ${isButton ? 'is-button' : ''}`, 'aria-hidden': 'true' }, expanded ? label : '' ); } /* ---------- Scramble ---------- */ function Scramble({ text = '', trigger = 0, duration = 900 }) { const [out, setOut] = useStateS(text); useEffectS(() => { const chars = '█▓▒░/#*+·.—'; const start = Date.now(); let raf; const tick = () => { const t = Math.min(1, (Date.now() - start) / duration); const lockedLen = Math.floor(t * text.length); let next = ''; for (let i = 0; i < text.length; i++) { if (i < lockedLen || text[i] === ' ') next += text[i]; else next += chars[Math.floor(Math.random() * chars.length)]; } setOut(next); if (t < 1) raf = setTimeout(tick, 40); }; tick(); return () => clearTimeout(raf); }, [trigger, text, duration]); return out; } /* ---------- PrismLayer ---------- */ function PrismLayer() { const [mouse, setMouse] = useStateS({ x: 0.5, y: 0.5 }); const [angle, setAngle] = useStateS(0); useEffectS(() => { const move = (e) => setMouse({ x: e.clientX / window.innerWidth, y: e.clientY / window.innerHeight }); window.addEventListener('mousemove', move); return () => window.removeEventListener('mousemove', move); }, []); useEffectS(() => { let raf; const tick = () => { setAngle(a => (a + 0.15) % 360); raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, []); return React.createElement( 'div', { className: 'prism-layer', 'aria-hidden': 'true' }, React.createElement('div', { className: 'prism-arc', style: { left: `${mouse.x * 100}%`, top: `${mouse.y * 100}%`, '--arc-angle': angle } }), React.createElement('div', { className: 'prism-arc', style: { left: `${(1 - mouse.x) * 100}%`, top: `${mouse.y * 80 + 20}%`, '--arc-angle': -angle, opacity: 0.6, transform: 'translate(-50%,-50%) scale(0.6)' } }) ); } /* ---------- SectionHead ---------- */ function SectionHead({ idx, kicker, en, ar, dark = false }) { const muted = dark ? 'rgba(243,237,226,0.5)' : 'var(--muted)'; const ink = dark ? '#f3ede2' : 'var(--ink)'; // `idx` kept in the signature for API compatibility but no longer rendered. return (
{kicker}

{en} {ar}

); } /* ---------- Stat helper ---------- */ function Stat({ num, suffix, label, ar, dark = false }) { const ivory = dark ? 'rgba(243,237,226,0.6)' : 'var(--muted)'; return (
{num} {suffix ? {suffix} : null}
{label} {ar}
); } /* ---------- Heritage ---------- */ function Heritage() { const [active, setActive] = useStateS(3); const ref = useReveal(); const e = HERITAGE_EVENTS[active]; return (

RGCC was incorporated in 2017, but the craft, the supply chain, and the client relationships trace back to 2001 — when the parent firm, Hasan Habib General Trading, first opened in Kuwait City.

We carry a twenty-five-year memory into every new site: which stone mason finishes a travertine return cleanly, which gypsum cures to the right colour, which client prefers silent delivery at 4 a.m. None of that is written in a manual — it is inherited.

First trading year
2001
RGCC incorporated
2017
One thread
25+
{`· Milestone 0${active + 1}`}
{e.year}

{e.title}

{e.body}

{HERITAGE_EVENTS.map((ev, i) => ( ))}
); } /* ---------- Social icons (inline SVG, editorial) ---------- */ function SocialIcons({ variant = 'dark' }) { // `variant` just controls accessibility — colour comes from `currentColor` on the parent. return (
); } /* ---------- MashrabiyaCorner ---------- */ function MashrabiyaCorner() { return ( ); } /* ---------- Publish ---------- */ Object.assign(window, { useReveal, RGCursor, Scramble, PrismLayer, Heritage, MashrabiyaCorner, SectionHead, Stat, HERITAGE_EVENTS, SocialIcons });