); }; /* ============ CUSTOM CURSOR ============ */ const CursorFollower = () => { const ringRef = useRef(null); const dotRef = useRef(null); useEffect(() => { if (window.matchMedia('(hover: none)').matches) return; const ring = ringRef.current, dot = dotRef.current; let tx = 0, ty = 0, rx = 0, ry = 0, raf, idleTimer; const onMove = (e) => { tx = e.clientX; ty = e.clientY; if (dot) { dot.style.transform = `translate(${tx}px, ${ty}px) translate(-50%, -50%)`; } if (!ring.classList.contains('is-ready')) ring.classList.add('is-ready'); if (!dot.classList.contains('is-ready')) dot.classList.add('is-ready'); ring.classList.remove('is-idle'); dot.classList.remove('is-idle'); clearTimeout(idleTimer); idleTimer = setTimeout(() => { ring.classList.add('is-idle'); dot.classList.add('is-idle'); }, 2400); }; const tick = () => { rx += (tx - rx) * 0.18; ry += (ty - ry) * 0.18; if (ring) ring.style.transform = `translate(${rx}px, ${ry}px) translate(-50%, -50%)`; raf = requestAnimationFrame(tick); }; const onOver = (e) => { const el = e.target.closest && e.target.closest('a, button, [role="button"], .grug-project, .grug-cap-row, .grug-client'); if (el) ring.classList.add('is-hot'); }; const onOut = (e) => { const el = e.target.closest && e.target.closest('a, button, [role="button"], .grug-project, .grug-cap-row, .grug-client'); if (el) ring.classList.remove('is-hot'); }; const onDown = () => ring.classList.add('is-pressed'); const onUp = () => ring.classList.remove('is-pressed'); const onLeave = () => { ring.classList.remove('is-ready'); dot.classList.remove('is-ready'); }; window.addEventListener('mousemove', onMove, { passive: true }); window.addEventListener('mouseover', onOver, true); window.addEventListener('mouseout', onOut, true); window.addEventListener('mousedown', onDown); window.addEventListener('mouseup', onUp); document.addEventListener('mouseleave', onLeave); raf = requestAnimationFrame(tick); return () => { cancelAnimationFrame(raf); window.removeEventListener('mousemove', onMove); window.removeEventListener('mouseover', onOver, true); window.removeEventListener('mouseout', onOut, true); window.removeEventListener('mousedown', onDown); window.removeEventListener('mouseup', onUp); document.removeEventListener('mouseleave', onLeave); }; }, []); return ( <>

); }; /* ============ ANIMATED ICONS ============ */ const Ico = { pencil: ( ), design: ( ), render: ( ), cabin: ( ), strategy: ( ), }; /* ============ SECTION INDEX ============ */ const SectionIndex = ({ no, title, meta }) => ( ); /* ============ NAV — multipage with mobile drawer ============ */ const NAV_ITEMS = [ { label: 'Home', href: 'index.html', key: 'home' }, { label: 'Portfolio', href: 'portfolio.html', key: 'portfolio' }, { label: 'Capabilities', href: 'capabilities.html', key: 'capabilities' }, { label: 'About', href: 'about.html', key: 'about' }, { label: 'Contact', href: 'contact.html', key: 'contact' }, ]; const Nav = ({ active }) => { const scrolled = useScrolled(); const [open, setOpen] = useState(false); useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [open]); return (

Start a project ›

setOpen(false)}>

); }; /* ============ PAGE HERO — compact inner-page banner ============ */ const PageHero = ({ index, eyebrow, title, sub, imgKey, accent }) => { const ref = useReveal(); return (

{index}

{eyebrow}

{sub &&
{sub}
}

); }; /* ============ FOOTER ============ */ const SOCIALS = [ { k: 'Instagram', href: 'https://www.instagram.com/gruggroup/', svg: }, { k: 'YouTube', href: 'https://www.youtube.com/channel/UCWertDHMVt-howVsm3IJ6DA', svg: }, { k: 'Facebook', href: 'https://www.facebook.com/gruggroupllc', svg: }, { k: 'X · Twitter', href: 'https://twitter.com/LlcGrug', svg: }, { k: 'WhatsApp', href: 'https://wa.link/33zwnl', svg: }, ]; const Footer = () => (

An aerospace design studio and aviation solutions company operating since 2017. Headquartered in Fort Lauderdale, Florida. We help our clients turn ideas into concept-ready aircraft and the stories that surround them.

{SOCIALS.map(s => ( {s.svg} ))}

Pages
Home Portfolio & Prototyping Capabilities About Contact

Capabilities
Concept Design Industrial Design Visualization Cabin & Interior Aviation Consulting

Connect
info@gruggroup.com Fort Lauderdale, FL · USA Start a project

© 2017–2026 GRUG GROUP LLC FUTURE TECHNOLOGIES

); /* ---- export ---- */ window.GRUG = Object.assign(window.GRUG || {}, { R, useReveal, useScrolled, useCountUp, ScrollProgress, CursorFollower, Ico, SectionIndex, Nav, PageHero, Footer, SOCIALS, });