export function PeakArt() {
  return (
    <div className="peak-art" aria-hidden="true">
      <svg viewBox="0 0 720 640">
        <defs>
          <linearGradient id="peakFill" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stopColor="#1F58A6" stopOpacity="0.92" /><stop offset="1" stopColor="#0D1E41" stopOpacity="0.15" /></linearGradient>
          <filter id="glow"><feGaussianBlur stdDeviation="16" /></filter>
        </defs>
        <circle cx="492" cy="224" r="98" fill="#1F58A6" opacity="0.15" filter="url(#glow)" />
        <path d="M24 574L214 328L302 430L456 132L696 574Z" fill="url(#peakFill)" opacity="0.48" />
        <path d="M24 574L214 328L302 430L456 132L696 574" fill="none" stroke="#78A7E8" strokeWidth="2" />
        <path d="M87 574L246 375L304 449" fill="none" stroke="#C8DAF4" strokeWidth="1.5" opacity="0.8" />
        <path d="M216 574L456 132L621 574" fill="none" stroke="#F5F8FC" strokeWidth="2" />
        <path d="M317 574L456 314L557 574" fill="none" stroke="#78A7E8" strokeWidth="1.5" opacity="0.76" />
        <g fill="none" stroke="#78A7E8" opacity="0.32"><path d="M-20 508C105 435 177 505 280 424S475 278 760 325" /><path d="M-20 533C106 461 193 535 296 451S492 309 760 349" /><path d="M-20 558C119 493 210 560 314 480S506 339 760 377" /><path d="M-20 583C124 524 225 590 331 510S522 372 760 406" /></g>
        <circle cx="456" cy="132" r="7" fill="#F5F8FC" /><circle cx="456" cy="132" r="18" fill="none" stroke="#78A7E8" opacity="0.7" />
        <path d="M456 62V92M426 132H396M486 132H516" stroke="#78A7E8" opacity="0.8" />
        <text x="482" y="106" fill="#C8DAF4" fontSize="13" letterSpacing="2">PEAK</text>
        <text x="430" y="602" fill="#78A7E8" fontSize="11" letterSpacing="2">VISÃO • DIREÇÃO • EXECUÇÃO</text>
      </svg>
    </div>
  );
}