// Service icons used on the landing page cards.
window.LandingIcon = function LandingIcon({ kind, size = 18, color = "currentColor", strokeWidth = 1.8 }) {
  const common = {
    width: size,
    height: size,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: color,
    strokeWidth,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    style: { flex: "0 0 auto", display: "inline-block" },
  };
  switch (kind) {
    case "anchor":
      return (
        <svg {...common}>
          <circle cx="12" cy="5" r="2" />
          <path d="M12 7v14" />
          <path d="M5 15a7 7 0 0 0 14 0" />
          <path d="M8 11h8" />
        </svg>
      );
    case "wrench":
      return (
        <svg {...common}>
          <path d="M15 3a5 5 0 0 0-5 8L3 18l3 3 7-7a5 5 0 0 0 8-5l-3 3-3-3 3-3a5 5 0 0 0-3-3z" />
        </svg>
      );
    case "leaf":
      return (
        <svg {...common}>
          <path d="M5 21c0-9 6-15 16-16-1 10-7 16-16 16z" />
          <path d="M5 21l9-9" />
        </svg>
      );
    case "waves":
      return (
        <svg {...common}>
          <path d="M2 8c2-2 4-2 6 0s4 2 6 0 4-2 6 0" />
          <path d="M2 14c2-2 4-2 6 0s4 2 6 0 4-2 6 0" />
          <path d="M2 20c2-2 4-2 6 0s4 2 6 0 4-2 6 0" />
        </svg>
      );
    case "box":
      return (
        <svg {...common}>
          <path d="M3 7l9-4 9 4v10l-9 4-9-4V7z" />
          <path d="M3 7l9 4 9-4M12 11v10" />
        </svg>
      );
    case "cog":
      return (
        <svg {...common}>
          <circle cx="12" cy="12" r="3" />
          <path d="M12 2.5v2.8M12 18.7v2.8M4.7 4.7l2 2M17.3 17.3l2 2M2.5 12h2.8M18.7 12h2.8M4.7 19.3l2-2M17.3 6.7l2-2" />
        </svg>
      );
    case "check":
      return (
        <svg {...common}>
          <path d="M5 12l5 5L20 7" />
        </svg>
      );
    case "arrow":
      return (
        <svg {...common}>
          <path d="M5 12h14" />
          <path d="M13 6l6 6-6 6" />
        </svg>
      );
    case "mail":
      return (
        <svg {...common}>
          <rect x="3" y="5" width="18" height="14" rx="1" />
          <path d="M3 6l9 7 9-7" />
        </svg>
      );
    case "phone":
      return (
        <svg {...common}>
          <path d="M5 4h4l2 5-2.5 1.5a12 12 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A15 15 0 0 1 3 6a2 2 0 0 1 2-2z" />
        </svg>
      );
    case "pin":
      return (
        <svg {...common}>
          <path d="M12 21s-7-7.5-7-12a7 7 0 0 1 14 0c0 4.5-7 12-7 12z" />
          <circle cx="12" cy="9" r="2.5" />
        </svg>
      );
    default:
      return null;
  }
};
