"use client" import { ArrowRight, X } from "lucide-react" import Link from "next/link" import { usePathname } from "next/navigation" import { useEffect, useState } from "react" /** * Edit CONTENT to change the sticky scroll CTA copy and thresholds. * Simplified vs the docs package demo (no analytics experiment wiring). */ const CONTENT = { stamp: "Free intro", headline: "Ready to ship?", body: "Book a 15-min intro - no pitch deck.", cta: "Book a call", href: "/contact#book", hideOn: ["/contact"], showAtPct: 28, hideAtPct: 94, dismissKey: "atroui_cta_dismissed", } export type ContextualCtaProps = { /** Docs / demos: skip scroll gating and render inline. */ preview?: boolean } export function ContextualCta({ preview = false }: ContextualCtaProps) { const pathname = usePathname() const [visible, setVisible] = useState(preview) const [dismissed, setDismissed] = useState(false) const [ready, setReady] = useState(preview) useEffect(() => { if (preview) return try { if (sessionStorage.getItem(CONTENT.dismissKey) === "1") { setDismissed(true) } } catch { /* ignore */ } setReady(true) }, [preview]) useEffect(() => { if (preview || !ready || dismissed) return const onScroll = () => { const denom = document.documentElement.scrollHeight - window.innerHeight if (denom <= 0) { setVisible(false) return } const pct = (window.scrollY / denom) * 100 setVisible(pct >= CONTENT.showAtPct && pct < CONTENT.hideAtPct) } onScroll() window.addEventListener("scroll", onScroll, { passive: true }) return () => window.removeEventListener("scroll", onScroll) }, [dismissed, ready, pathname, preview]) const onHiddenPath = !preview && CONTENT.hideOn.some( (p) => pathname === p || pathname.startsWith(`${p}/`), ) if (!ready || dismissed || !visible || onHiddenPath) return null const dismiss = () => { setDismissed(true) if (preview) return try { sessionStorage.setItem(CONTENT.dismissKey, "1") } catch { /* ignore */ } } return (