// Simple inline icons — stroke-based to match the warm minimal aesthetic
const Icon = {
  arrow: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...p}><path d="M5 12h14M13 6l6 6-6 6"/></svg>
  ),
  chev: (p) => (
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...p}><path d="M6 9l6 6 6-6"/></svg>
  ),
  chevL: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...p}><path d="M15 18l-6-6 6-6"/></svg>
  ),
  chevR: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" {...p}><path d="M9 6l6 6-6 6"/></svg>
  ),
  check: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}><path d="M5 12l5 5 9-11"/></svg>
  ),
  star: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" {...p}><path d="M12 2l2.6 6.7L22 9.3l-5.4 4.8L18 22l-6-3.7L6 22l1.4-7.9L2 9.3l7.4-.6z"/></svg>
  ),
  star4: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" {...p}><path d="M12 2c.4 4.8 5.2 9.6 10 10-4.8.4-9.6 5.2-10 10-.4-4.8-5.2-9.6-10-10 4.8-.4 9.6-5.2 10-10z"/></svg>
  ),
  bolt: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" {...p}><path d="M13 3L4 14h6l-1 7 9-11h-6l1-7z"/></svg>
  ),
  search: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" {...p}><circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></svg>
  ),
  pin: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" {...p}><path d="M12 22s-7-7.5-7-13a7 7 0 0114 0c0 5.5-7 13-7 13z"/><circle cx="12" cy="9" r="2.5"/></svg>
  ),
  cal: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4"/></svg>
  ),
  phone: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" {...p}><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M11 18h2"/></svg>
  ),
  spark: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" {...p}><path d="M12 2l1.6 6.4L20 10l-6.4 1.6L12 18l-1.6-6.4L4 10l6.4-1.6z"/></svg>
  ),
  x: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" {...p}><path d="M18 5L6 17M6 5l12 12" stroke="currentColor" strokeWidth="1.5"/></svg>
  ),
  ig: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" {...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="1" fill="currentColor"/></svg>
  ),
  in: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" {...p}><path d="M4.98 3.5a2.5 2.5 0 11.04 5 2.5 2.5 0 01-.04-5zM3 9h4v12H3zM10 9h3.6v1.7h.05a3.95 3.95 0 013.55-1.95C20.36 8.75 21 11 21 14v7h-4v-6.3c0-1.5-.03-3.4-2.07-3.4-2.07 0-2.4 1.6-2.4 3.3V21h-4z"/></svg>
  ),
  mail: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" {...p}><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 7 9-7"/></svg>
  ),
  chat: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" strokeLinecap="round" {...p}><path d="M21 12a8 8 0 01-8 8H7l-4 3v-9a8 8 0 0118-2z"/></svg>
  ),
};

// Brand-like marks for the "trusted by" grid — simple geometric monograms
const Mark = {
  dental: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round"><path d="M10 6c-2 0-4 2-4 4 0 5 2 16 4 16 1 0 1.5-3 2-6 .3-1.6 1-2 2-2s1.7.4 2 2c.5 3 1 6 2 6 2 0 4-11 4-16 0-2-2-4-4-4-1.5 0-2.5.8-4 .8S11.5 6 10 6z"/></svg>
  ),
  salon: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6"><circle cx="9" cy="22" r="4"/><circle cx="23" cy="22" r="4"/><path d="M9 22L23 6M23 22L9 6"/></svg>
  ),
  pt: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round" strokeLinecap="round"><circle cx="16" cy="7" r="3"/><path d="M11 13l5-2 5 2-3 6 3 7M16 19l-4 7"/></svg>
  ),
  smoke: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"><path d="M6 22h20v4H6zM26 22v-3a3 3 0 00-3-3"/><path d="M19 12c0-2 2-2 2-4s-2-2-2-4M23 14c0-2 2-2 2-4"/></svg>
  ),
  ped: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6"><circle cx="16" cy="13" r="6"/><circle cx="12" cy="11" r="1.2" fill="currentColor"/><circle cx="20" cy="11" r="1.2" fill="currentColor"/><path d="M13 16c1 1.5 5 1.5 6 0M9 25c0-3 3-4 7-4s7 1 7 4"/></svg>
  ),
  vet: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round"><circle cx="16" cy="19" r="6"/><circle cx="9" cy="11" r="2.5"/><circle cx="14" cy="8" r="2.5"/><circle cx="18" cy="8" r="2.5"/><circle cx="23" cy="11" r="2.5"/></svg>
  ),
  barber: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6"><circle cx="9" cy="9" r="3"/><circle cx="9" cy="23" r="3"/><path d="M11 11l16 12M11 21L27 9"/></svg>
  ),
  yoga: () => (
    <svg width="26" height="26" viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"><circle cx="16" cy="6" r="2.5"/><path d="M16 9v8M8 26l8-9 8 9M11 17h10"/></svg>
  ),
};

Object.assign(window, { Icon, Mark });
