// ----------------------------------------------------------------------------- // Lou-Ka — Agrégateur de logements à louer (province de Québec) // Auteur : Simon-Pierre Boucher — contact@spboucher.ai // components/Logo.tsx : icône officielle Lou-Ka — la porte entrouverte qui // laisse entrer la lumière. Spécifications géométriques (grille 100 × 100) : // A. cadre : rect vertical 60 × 90 centré, rx 19 (squircle), contour seul // 7,5 u, dégradé orange #FF7A1A → #F56000, extrémités arrondies ; // B. porte : parallélogramme charnières à GAUCHE, ouverte ≈ 30° vers le // spectateur, coins droits rapprochés verticalement (fuite ≈ 9°), marine // #101A3D → #0B1330, coins adoucis ; coin de lumière (espace négatif) // entre la porte et le cadre droit, s'élargissant vers le bas ; // C. tapis de lumière : trapèze au seuil (≈ 30 u) s'évasant vers l'avant // (≈ 49 u), bord avant arrondi touchant le trait bas du cadre, // dégradé #FF8533 → #FF6A00. // Ordre des calques : porte → tapis → cadre → reflet. Finition « liquid // glass » : reflet blanc 28 % sur la courbe haute + ombre portée douce // marine 14 %. Version flat (sans dégradés) : favicon + icône PWA. // Baseline : « La porte d'entrée vers votre prochain chez-vous. » // ----------------------------------------------------------------------------- /** Icône seule (fond transparent — pour fonds clairs ; dark = porte blanche). */ export function LogoIcon({ size = 30, dark = false }: { size?: number; dark?: boolean }) { // dark = version pour fond bleu marine : la porte devient blanche const doorTop = dark ? "#ffffff" : "#101a3d"; const doorBot = dark ? "#e8edf8" : "#0b1330"; const uid = dark ? "lk-dark" : "lk-light-bg"; return ( ); } /** Logo horizontal complet : icône + wordmark « Lou-Ka » * (Lou- marine, Ka orange ; espace icône↔texte ≈ 40 % de la largeur d'icône). */ export default function Logo({ size = 30 }: { size?: number }) { return ( Lou-Ka ); }