/* global React, ReactDOM, Nav, Hero, Services, ProblemFinder, Process, Testimonials, FAQ, Footer, FloatingWhatsApp, fireConfetti */ function App() { React.useEffect(() => { let buf = ""; const onKey = (e) => { if (e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA") return; buf = (buf + e.key.toLowerCase()).slice(-4); if (buf === "paul") { fireConfetti(); buf = ""; } }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, []); React.useEffect(() => { const code = ["ArrowUp", "ArrowUp", "ArrowDown", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowLeft", "ArrowRight", "b", "a"]; let idx = 0; const onKey = (e) => { const k = e.key.length === 1 ? e.key.toLowerCase() : e.key; if (k === code[idx]) { idx++; if (idx === code.length) { document.body.classList.add("rainbow"); fireConfetti(); setTimeout(() => fireConfetti(), 400); setTimeout(() => fireConfetti(), 800); idx = 0; } } else { idx = 0; } }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, []); return ( <>