/* sections-top.jsx — Nav + Hero */
const { useState: useStateT, useEffect: useEffectT, useRef: useRefT } = React;
/* GTM/GA4 CTA tracking — pushes a cta_click event to the dataLayer.
* GTM (GTM-K6LVSCS9) picks it up and forwards to GA4. Fires before
* navigation since dataLayer.push is synchronous. */
function track(cta, location) {
try {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ event: "cta_click", cta_name: cta, cta_location: location });
} catch (e) { /* never block navigation on tracking */ }
}
const LOGO_URL = "https://framerusercontent.com/images/KHsTqzcNJn981dsR0vwIJ6vDD0.png";
function Logo({ size = 20 }) {
return (
);
}
function Nav() {
const [open, setOpen] = useStateT(false);
// Which top-level dropdown is open on desktop (Build menu). Tracking
// by label keeps the API consistent if more dropdowns are added later.
const [openMenu, setOpenMenu] = useStateT(null);
// Which submenu is expanded inline inside the mobile drawer.
const [drawerExpanded, setDrawerExpanded] = useStateT(null);
const closeBurger = (e) => { if (e.target.tagName === "A") setOpen(false); };
// The /app/* surface (shown after Launch App) renders this same Nav.
// On those routes we surface the Rewards entry and swap the Launch App
// CTA for "Apply for SDK". Computed per-render — navigation is a full
// page reload, so Nav remounts and this re-evaluates on every route.
const isApp = typeof window !== "undefined" && window.location.pathname.startsWith("/app");
return (
);
}
function Hero() {
const { canvasRef } = usePoolCanvas("hero");
const [vid, setVid] = useStateT(false);
return (
{/* subtle ambient bg video — shielded-page treatment (luminosity blend + low opacity keeps it abstract, not distracting) */}
{/* ambient funnel */}
{/* strk20-style background gradient + video darkening */}