spb/llmindex Public

1/**2 * llmindex.io — platform logo (inline SVG mark + wordmark)3 * Author:  Simon-Pierre Boucher4 * Contact: contact@spboucher.ai5 * License: Proprietary — © Simon-Pierre Boucher, all rights reserved6 */7import type { ReactElement } from 'react';89export function LogoMark({ size = 28 }: { size?: number }): ReactElement {10  return (11    <svg width={size} height={size} viewBox="0 0 64 64" aria-hidden="true" className="shrink-0">12      <defs>13        <linearGradient id="lg-mark" x1="0" y1="1" x2="1" y2="0">14          <stop offset="0" stopColor="#10b981" />15          <stop offset="1" stopColor="#22d3ee" />16        </linearGradient>17      </defs>18      <rect width="64" height="64" rx="14" fill="#09090b" stroke="#27272a" strokeWidth="2" />19      <rect x="11" y="37" width="9" height="16" rx="2.5" fill="#3f3f46" />20      <rect x="24" y="29" width="9" height="24" rx="2.5" fill="#71717a" />21      <rect x="37" y="19" width="9" height="34" rx="2.5" fill="url(#lg-mark)" />22      <path d="M13 29 L47 12" stroke="url(#lg-mark)" strokeWidth="3.5" strokeLinecap="round" />23      <circle cx="49" cy="11" r="4.5" fill="#22d3ee" />24    </svg>25  );26}2728export function Logo(): ReactElement {29  return (30    <span className="flex items-center gap-2.5">31      <LogoMark />32      <span className="text-lg font-bold tracking-tight text-zinc-900">33        LLM<span className="bg-gradient-to-r from-emerald-600 to-cyan-500 bg-clip-text text-transparent">Index</span>34      </span>35    </span>36  );37}38