spb/resto-ka

1// ==============================================================================2// Author: Simon-Pierre Boucher <contact@spboucher.ai>3// File:   components/Logo.tsx4// Desc:   Icône officielle Resto·Ka — l'assiette servie, dans le langage5//         « éditorial sharp » du Groupe KA (grille 100 × 100) :6//         A. assiette : cercle ENCRE #141814 en contour seul (7,5 u) — la7//            bordure encre signature du groupe ;8//         B. couverts : fourchette (gauche) et couteau (droite) encre, traits9//            francs à bouts ronds ;10//         C. cœur d'assiette : disque central LIME électrique #d9f26b — le11//            plat servi, l'accent du groupe.12//         Version dark (fond encre) : contours papier, cœur lime inchangé.13//         Baseline : « Chaque resto, chaque plat, chaque prix. »14// ==============================================================================1516/** Icône seule (fond transparent — dark = contours papier pour fond encre). */17export function LogoIcon({ size = 30, dark = false }: { size?: number; dark?: boolean }) {18  const ink = dark ? "#f5f3ee" : "#141814";19  return (20    <svg21      className="logo-ico"22      width={size}23      height={size}24      viewBox="0 0 100 100"25      fill="none"26      aria-hidden="true"27    >28      {/* B — fourchette (3 dents) à gauche */}29      <path30        d="M13 26 v14 M7.5 26 v9 M18.5 26 v9 M13 40 v34"31        stroke={ink}32        strokeWidth="5"33        strokeLinecap="round"34      />35      {/* B — couteau à droite (lame courbe) */}36      <path37        d="M87 26 q5 12 0 24 v24"38        stroke={ink}39        strokeWidth="5"40        strokeLinecap="round"41        strokeLinejoin="round"42      />43      {/* C — cœur d'assiette : le plat servi, lime électrique */}44      <circle cx="50" cy="50" r="14" fill="#d9f26b" stroke={ink} strokeWidth="4" />45      {/* A — assiette : contour encre seul, bordure franche */}46      <circle cx="50" cy="50" r="31" stroke={ink} strokeWidth="7" />47    </svg>48  );49}5051/** Logo horizontal complet : icône + wordmark « Resto-Ka » (Ka en pastille lime). */52export default function Logo({ size = 30 }: { size?: number }) {53  return (54    <span style={{ display: "inline-flex", alignItems: "center", gap: size * 0.3 }}>55      <LogoIcon size={size} />56      <span style={{ color: "#141814", fontWeight: 700, letterSpacing: "-0.03em" }}>57        Resto-58        <span style={{59          background: "#d9f26b", color: "#141814", padding: "1px 6px 3px",60          borderRadius: 5, marginLeft: 3, display: "inline-block",61          transform: "rotate(-2deg)",62        }}>63          Ka64        </span>65      </span>66    </span>67  );68}69