// components.jsx — Reusable building blocks for Advogado AI landing page
// All components exported to window at the bottom.
const { useState, useEffect, useRef } = React;
// ─────────────────────────────────────────────────────────────────────────
// Icon set — minimal stroked icons (no robots, no gavels)
// ─────────────────────────────────────────────────────────────────────────
const Icon = ({ name, size = 18, stroke = 1.6, style }) => {
const s = { width: size, height: size, ...style };
const common = { fill: "none", stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round" };
switch (name) {
case "play":
return ;
case "arrow-right":
return ;
case "arrow-up-right":
return ;
case "spark":
return ;
case "scale":
return ;
case "book":
return ;
case "doc":
return ;
case "workflow":
return ;
case "shield":
return ;
case "users":
return ;
case "bolt":
return ;
case "compass":
return ;
case "newspaper":
return ;
case "mail":
return ;
case "youtube":
return ;
case "instagram":
return ;
case "linkedin":
return ;
case "check":
return ;
case "menu":
return ;
case "x":
return ;
case "download":
return ;
case "search":
return ;
case "megaphone":
return ;
case "clock":
return ;
case "globe":
return ;
case "grid":
return ;
case "chat":
return ;
case "wrench":
return ;
case "lock":
return ;
case "briefcase":
return ;
case "star":
return ;
case "map-pin":
return ;
case "phone":
return ;
case "target":
return ;
case "layers":
return ;
case "cpu":
return ;
case "pen":
return ;
default: return null;
}
};
// ─────────────────────────────────────────────────────────────────────────
// Logo — wordmark "Advogado AI" with a small mark
// ─────────────────────────────────────────────────────────────────────────
const Logo = ({ size = 22 }) => (