import { useState, useEffect } from 'react'; import { LogIn, UserPlus, Play, Sparkles, Menu, X } from 'lucide-react'; import BoomerangVideoBg from './components/BoomerangVideoBg'; import { NavLink } from './types'; const BG_VIDEO = 'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260511_131941_d136af49-e243-493a-be14-6ff3f24e09e6.mp4'; export default function App() { const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { if (menuOpen) { document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = ''; } return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const navLinks: NavLink[] = [ { href: '#mission', label: 'Purpose' }, { href: '#how', label: 'The Process' }, { href: '#pricing', label: 'Tariffs' }, ]; return (

{/* Background Layer */} {/* Navigation */}

LinkFlow^TM

{/* Desktop Pill Nav */}

{navLinks.map((link, i) => ( {link.label} ))}

{/* Desktop Right Actions */}

Sign Me Up! Enter {/* Mobile Menu Toggle */}

{/* Mobile Menu Overlay */}

setMenuOpen(false)} >

{/* Mobile Menu Drawer */}

{navLinks.map((link, i) => ( setMenuOpen(false)} className={`text-3xl font-bold text-[#1f2a1d] py-5 border-b border-[#1f2a1d]/5 transition-all duration-500 ${ menuOpen ? 'translate-x-0 opacity-100' : 'translate-x-8 opacity-0' }`} style={{ transitionDelay: menuOpen ? `${150 + i * 80}ms` : '0ms' }} > {link.label} ))}

Sign Me Up! Enter

{/* Hero Content */}

Close the rift{' '} linking
signals and action

Shape scattered signals into meaningful outcomes via AI-driven workflows.

{/* Bottom-left CTA Block */}

FluxEngine^TM

LinkFlow smoothly unites your company systems, streamlining data paths between services without having to write custom scripts.

{/* Bottom-right Video Link */}

How we build? 1:35 MIN

); }

Close the rift{' '} linking signals and action

Close the rift{' '} linking
signals and action