// Inline SVG icons (lucide-style stroke icons, drawn fresh to avoid heavy deps)
const Icon = ({ children, size = 20, stroke = 1.6, className = "" }) => (
);
const ArrowRight = (p) => ;
const ArrowUpRight = (p) => ;
const ChevronDown = (p) => ;
const Search = (p) => ;
const Lock = (p) => ;
const Database = (p) => ;
const Sparkles = (p) => ;
const Send = (p) => ;
const Check = (p) => ;
const Plus = (p) => ;
const MapPin = (p) => ;
const Building = (p) => ;
const Truck = (p) => ;
const Stethoscope = (p) => ;
const Wrench = (p) => ;
const Coffee = (p) => ;
const CreditCard = (p) => ;
const Shield = (p) => ;
const Webhook = (p) => ;
const Calendar = (p) => ;
const Filter = (p) => ;
const Menu = (p) => ;
const X = (p) => ;
const Dot = ({ className = "" }) => ;
const Cpu = (p) => ;
const Briefcase = (p) => ;
const Banknote = (p) => ;
const HardHat = (p) => ;
window.Icons = {
ArrowRight, ArrowUpRight, ChevronDown, Search, Lock, Database, Sparkles, Send,
Check, Plus, MapPin, Building, Truck, Stethoscope, Wrench, Coffee, CreditCard,
Shield, Webhook, Calendar, Filter, Menu, X, Dot, Cpu, Briefcase, Banknote, HardHat,
};
// ─── Reveal-on-scroll wrapper ──────────────────────────────────────────────
function Reveal({ children, delay = 0, as: Tag = "div", className = "", ...rest }) {
const ref = React.useRef(null);
const [shown, setShown] = React.useState(false);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
if (typeof IntersectionObserver === "undefined") { setShown(true); return; }
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) { setShown(true); io.unobserve(e.target); }
});
}, { rootMargin: "0px 0px -8% 0px", threshold: 0.08 });
io.observe(el);
return () => io.disconnect();
}, []);
return (
{children}
);
}
window.Reveal = Reveal;
// ─── Custom vertical-themed icons for "Who it's for" ───────────────────────
// Designed to feel hand-crafted, not lucide-stock. Each is a small composition
// — an outlined glyph with one accent dot/shape to give it personality.
function IconRestaurant({ size = 28, accent = "#F97316" }) {
return (
);
}
function IconHomeServices({ size = 28, accent = "#F97316" }) {
return (
);
}
function IconInsurance({ size = 28, accent = "#F97316" }) {
return (
);
}
function IconFintech({ size = 28, accent = "#F97316" }) {
return (
);
}
window.VerticalIcons = { IconRestaurant, IconHomeServices, IconInsurance, IconFintech };