/* Brand logo (gradient) — use as <Logo className="h-6 w-auto"/> */
const Logo = ({ className="h-6 w-auto", alt="CogniVend" }) => (
  <img src="assets/cognivend-logo.svg" alt={alt} className={className} draggable="false" />
);

/* Minimal lucide-style icon set, inline SVG. Stroke 1.5. */
const I = ({ d, size=20, className="", stroke=1.5, children, viewBox="0 0 24 24" }) => (
  <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox={viewBox}
       fill="none" stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round"
       className={className} aria-hidden="true">
    {d ? <path d={d}/> : children}
  </svg>
);

const Icon = {
  ArrowRight: (p)=> <I {...p}>{<><path d="M5 12h14"/><path d="m13 5 7 7-7 7"/></>}</I>,
  ArrowUpRight: (p)=> <I {...p}>{<><path d="M7 17 17 7"/><path d="M8 7h9v9"/></>}</I>,
  ChevronDown: (p)=> <I {...p} d="m6 9 6 6 6-6"/>,
  ChevronRight:(p)=> <I {...p} d="m9 6 6 6-6 6"/>,
  Check: (p)=> <I {...p} d="M20 6 9 17l-5-5"/>,
  Sparkles: (p)=> <I {...p}>{<><path d="M12 3v4"/><path d="M12 17v4"/><path d="M3 12h4"/><path d="M17 12h4"/><path d="m5.6 5.6 2.8 2.8"/><path d="m15.6 15.6 2.8 2.8"/><path d="m18.4 5.6-2.8 2.8"/><path d="m8.4 15.6-2.8 2.8"/></>}</I>,
  Search: (p)=> <I {...p}>{<><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></>}</I>,
  Compass: (p)=> <I {...p}>{<><circle cx="12" cy="12" r="9"/><path d="m15.5 8.5-2.5 5-5 2.5 2.5-5z"/></>}</I>,
  Route: (p)=> <I {...p}>{<><circle cx="6" cy="19" r="2.2"/><circle cx="18" cy="5" r="2.2"/><path d="M8 19h6a4 4 0 0 0 0-8H10a4 4 0 0 1 0-8h6"/></>}</I>,
  MessageCircle:(p)=> <I {...p} d="M7.9 20A9 9 0 1 0 4 16.1L3 21z"/>,
  Scale: (p)=> <I {...p}>{<><path d="M12 3v18"/><path d="M5 21h14"/><path d="m5 7 14-2"/><path d="m3 12 4-7 4 7a4 4 0 0 1-8 0Z"/><path d="m13 14 4-7 4 7a4 4 0 0 1-8 0Z"/></>}</I>,
  Book: (p)=> <I {...p}>{<><path d="M4 4.5A2.5 2.5 0 0 1 6.5 2H20v18H6.5A2.5 2.5 0 0 0 4 22.5z"/><path d="M4 4.5V20"/></>}</I>,
  Users: (p)=> <I {...p}>{<><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></>}</I>,
  Languages:(p)=> <I {...p}>{<><path d="M5 8h12"/><path d="M11 4v4"/><path d="M9 14c1.5 4 3.5 6 6 7"/><path d="M17 14c-1.5 4-3.5 6-6 7"/><path d="m17 12 5 10"/><path d="m22 22-3-6"/></>}</I>,
  Leaf: (p)=> <I {...p}>{<><path d="M11 20A7 7 0 0 1 9.8 6.2C13 3 17 4 22 2c-1 5-2 9-4.2 12.2A7 7 0 0 1 11 20Z"/><path d="M2 22c4-4 7-7 13-13"/></>}</I>,
  Globe:(p)=> <I {...p}>{<><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3a14 14 0 0 1 0 18"/><path d="M12 3a14 14 0 0 0 0 18"/></>}</I>,
  TrendUp:(p)=> <I {...p}>{<><path d="m3 17 6-6 4 4 8-8"/><path d="M14 7h7v7"/></>}</I>,
  Eye:(p)=> <I {...p}>{<><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/></>}</I>,
  Tag:(p)=> <I {...p}>{<><path d="M20 12 12 20 3 11V3h8z"/><circle cx="7.5" cy="7.5" r="1.2"/></>}</I>,
  HomeBuilding:(p)=> <I {...p}>{<><path d="M3 21h18"/><path d="M5 21V8l7-4 7 4v13"/><path d="M10 21v-6h4v6"/></>}</I>,
  ShoppingBag:(p)=> <I {...p}>{<><path d="M5 7h14l-1 13H6z"/><path d="M9 7a3 3 0 1 1 6 0"/></>}</I>,
  Plane:(p)=> <I {...p}>{<><rect x="3" y="7" width="18" height="13" rx="2"/><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M3 13h18"/></>}</I>,
  Menu:(p)=> <I {...p}>{<><path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></>}</I>,
  X:(p)=> <I {...p}>{<><path d="M6 6l12 12"/><path d="M18 6 6 18"/></>}</I>,
  Mail:(p)=> <I {...p}>{<><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 7 9-7"/></>}</I>,
  Phone:(p)=> <I {...p} d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L7.9 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2Z"/>,
  MapPin:(p)=> <I {...p}>{<><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></>}</I>,
  Play:(p)=> <I {...p} d="m6 4 14 8-14 8z"/>,
  Send:(p)=> <I {...p}>{<><path d="M22 2 11 13"/><path d="M22 2 15 22l-4-9-9-4z"/></>}</I>,
  Bot:(p)=> <I {...p}>{<><rect x="4" y="7" width="16" height="12" rx="3"/><path d="M9 13h.01"/><path d="M15 13h.01"/><path d="M12 3v4"/><path d="M2 14v2"/><path d="M22 14v2"/></>}</I>,
  Shield:(p)=> <I {...p} d="M12 22s8-3 8-10V5l-8-3-8 3v7c0 7 8 10 8 10Z"/>,
  Sun:(p)=> <I {...p}>{<><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.9 4.9 1.4 1.4"/><path d="m17.7 17.7 1.4 1.4"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m4.9 19.1 1.4-1.4"/><path d="m17.7 6.3 1.4-1.4"/></>}</I>,
  Sliders:(p)=> <I {...p}>{<><path d="M4 21V14"/><path d="M4 10V3"/><path d="M12 21v-9"/><path d="M12 8V3"/><path d="M20 21v-5"/><path d="M20 12V3"/><path d="M1 14h6"/><path d="M9 8h6"/><path d="M17 16h6"/></>}</I>,
  X_brand:(p)=> <I {...p} viewBox="0 0 24 24">{<><path d="M4 4 20 20"/><path d="M20 4 4 20"/></>}</I>,
  LinkedIn:(p)=> <I {...p}>{<><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10v7"/><path d="M8 7v.01"/><path d="M12 17v-4a3 3 0 0 1 6 0v4"/><path d="M12 17v-7"/></>}</I>,
  Youtube:(p)=> <I {...p}>{<><rect x="2" y="6" width="20" height="12" rx="3"/><path d="m10 9 5 3-5 3z"/></>}</I>,
  Instagram:(p)=> <I {...p}>{<><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".6"/></>}</I>,
  Whatsapp:(p)=> <I {...p}>{<><path d="M20 12a8 8 0 1 1-3.4-6.5L20 4l-1.4 3.5A8 8 0 0 1 20 12Z"/><path d="M8.5 9c.4 2.4 2.1 4.1 4.5 4.5l1.2-1.2 2.3.8.4 2.4c-3 1.1-7.4-1.3-9.2-5l2.2-.3z"/></>}</I>,
};