|
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="560" viewBox="0 0 900 560" font-family="Geist, system-ui, sans-serif">
|
|
<rect width="900" height="560" fill="#f8fafc"/>
|
|
<text x="32" y="40" font-size="20" font-weight="700" fill="#0f172a">#64 — Carte entreprise enrichie (inline, développeur)</text>
|
|
|
|
<!-- COLLAPSED -->
|
|
<text x="32" y="80" font-size="13" font-weight="600" fill="#64748b">État REPLIÉ (ligne dans MatchedOfferCard, sous le titre/société)</text>
|
|
<rect x="32" y="94" width="400" height="64" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<rect x="48" y="110" width="20" height="20" rx="4" fill="none" stroke="#94a3b8" stroke-width="1.5"/>
|
|
<text x="76" y="118" font-size="13" font-weight="600" fill="#0f172a">Acme</text>
|
|
<rect x="120" y="106" width="42" height="18" rx="5" fill="#e0f2fe"/>
|
|
<text x="141" y="119" font-size="10" font-weight="600" fill="#075985" text-anchor="middle">ESN</text>
|
|
<text x="48" y="142" font-size="11" fill="#64748b">50–99 salaries · Paris · Hybride</text>
|
|
<text x="408" y="132" font-size="14" fill="#94a3b8" text-anchor="middle">⌄</text>
|
|
|
|
<!-- EXPANDED -->
|
|
<text x="32" y="200" font-size="13" font-weight="600" fill="#64748b">État DÉPLIÉ (clic sur le chevron)</text>
|
|
<rect x="32" y="214" width="400" height="240" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<rect x="48" y="230" width="20" height="20" rx="4" fill="none" stroke="#94a3b8" stroke-width="1.5"/>
|
|
<text x="76" y="238" font-size="13" font-weight="600" fill="#477cb8" text-decoration="underline">Acme</text>
|
|
<rect x="120" y="226" width="42" height="18" rx="5" fill="#e0f2fe"/>
|
|
<text x="141" y="239" font-size="10" font-weight="600" fill="#075985" text-anchor="middle">ESN</text>
|
|
<text x="408" y="240" font-size="14" fill="#94a3b8" text-anchor="middle">⌃</text>
|
|
<line x1="48" y1="254" x2="416" y2="254" stroke="#f1f5f9"/>
|
|
|
|
<text x="48" y="278" font-size="10" font-weight="600" fill="#94a3b8">TAILLE</text>
|
|
<text x="48" y="296" font-size="12" fill="#475569">50–99 salaries</text>
|
|
<text x="230" y="278" font-size="10" font-weight="600" fill="#94a3b8">SECTEUR</text>
|
|
<text x="230" y="296" font-size="12" fill="#475569">Conseil / IT</text>
|
|
|
|
<text x="48" y="328" font-size="10" font-weight="600" fill="#94a3b8">LOCALISATION</text>
|
|
<text x="48" y="346" font-size="12" fill="#475569">Paris, France</text>
|
|
<text x="230" y="328" font-size="10" font-weight="600" fill="#94a3b8">POLITIQUE REMOTE</text>
|
|
<text x="230" y="346" font-size="12" fill="#475569">Hybride</text>
|
|
|
|
<line x1="48" y1="372" x2="416" y2="372" stroke="#f1f5f9"/>
|
|
<rect x="48" y="388" width="200" height="34" rx="8" fill="#f2f9eb" stroke="#aedd88"/>
|
|
<text x="64" y="410" font-size="12" font-weight="600" fill="#487722">Voir la fiche entreprise →</text>
|
|
|
|
<!-- MISSING DATA -->
|
|
<text x="470" y="200" font-size="13" font-weight="600" fill="#64748b">DONNÉE PARTIELLE (degrade — pas de champ vide/inventé)</text>
|
|
<rect x="470" y="214" width="398" height="120" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<rect x="486" y="230" width="20" height="20" rx="4" fill="none" stroke="#94a3b8" stroke-width="1.5"/>
|
|
<text x="514" y="238" font-size="13" font-weight="600" fill="#477cb8" text-decoration="underline">Globex</text>
|
|
<text x="846" y="240" font-size="14" fill="#94a3b8" text-anchor="middle">⌃</text>
|
|
<line x1="486" y1="254" x2="852" y2="254" stroke="#f1f5f9"/>
|
|
<text x="486" y="278" font-size="10" font-weight="600" fill="#94a3b8">LOCALISATION</text>
|
|
<text x="486" y="296" font-size="12" fill="#475569">Lyon, France</text>
|
|
<text x="486" y="320" font-size="11" font-style="italic" fill="#94a3b8">Taille, secteur, remote : non affichés (donnée indisponible)</text>
|
|
|
|
<!-- NO DATA -->
|
|
<text x="470" y="372" font-size="13" font-weight="600" fill="#64748b">AUCUNE DONNÉE (la carte ne se rend pas)</text>
|
|
<rect x="470" y="386" width="398" height="48" rx="12" fill="#f8fafc" stroke="#e2e8f0" stroke-dasharray="4 4"/>
|
|
<text x="669" y="414" font-size="11" font-style="italic" fill="#94a3b8" text-anchor="middle">return null — aucun bloc vide, aucun placeholder</text>
|
|
|
|
<text x="32" y="500" font-size="11" fill="#94a3b8">Tokens réutilisés : Card (bg-white/border-slate-200/rounded-xl), CompanyTypeBadge (atom existant), lien secondary (Pacific Blue),</text>
|
|
<text x="32" y="518" font-size="11" fill="#94a3b8">CTA primary-light (Willow Green). Aucune couleur nouvelle. Route existante /companies/<slug> via companySlug().</text>
|
|
</svg>
|
