/**
 * Author: Simon-Pierre Boucher
 * Contact: contact@spboucher.ai
 * Project: Hilmacorp.ai — Web Platform
 * File: components/Logo.tsx
 * Description: Hilmacorp.ai wordmark with geometric monogram (light theme)
 */

export default function Logo({ className = "" }: { className?: string }) {
  return (
    <span className={`inline-flex items-center gap-2.5 ${className}`}>
      <svg
        width="28"
        height="28"
        viewBox="0 0 28 28"
        fill="none"
        aria-hidden="true"
        className="shrink-0"
      >
        <rect x="1" y="1" width="26" height="26" rx="7" fill="#191f1c" />
        <path d="M9 8v12M19 8v12M9 14h10" stroke="#2fbd8b" strokeWidth="2.4" strokeLinecap="round" />
      </svg>
      <span className="font-display text-xl font-semibold tracking-tight text-ink">
        Hilmacorp<span className="text-accent">.ai</span>
      </span>
    </span>
  );
}