<svg width="640" height="1100" viewBox="0 0 640 1100" fill="none" xmlns="http://www.w3.org/2000/svg">

  <!-- Background -->
  <rect width="640" height="1100" fill="#F4F6FB"/>

  <!-- Browser -->
  <rect x="20" y="20" width="600" height="980" rx="24" fill="white" stroke="#E5E7EB"/>

  <!-- Top bar -->
  <rect x="20" y="20" width="600" height="52" rx="24" fill="#F3F4F6"/>

  <circle cx="48" cy="46" r="6" fill="#FF5F57"/>
  <circle cx="68" cy="46" r="6" fill="#FEBC2E"/>
  <circle cx="88" cy="46" r="6" fill="#28C840"/>

  <rect x="130" y="34" width="420" height="24" rx="12" fill="white" stroke="#E5E7EB"/>

  <text x="145" y="50"
        font-family="Arial"
        font-size="11"
        fill="#6B7280">
    LEgOmnia.com · Tribunal de Commerce d'Abidjan
  </text>

  <!-- LEFT PANEL -->
  <rect x="20" y="72" width="600" height="560" fill="white"/>

  <!-- Document header -->
  <rect x="40" y="92" width="560" height="92" rx="14" fill="#F9FAFB" stroke="#E5E7EB"/>

  <text x="58" y="122"
        font-family="Arial"
        font-size="14"
        font-weight="700"
        fill="#111827">
    Tribunal de Commerce d'Abidjan
  </text>

  <text x="58" y="144"
        font-family="Arial"
        font-size="14"
        font-weight="700"
        fill="#111827">
    Décision — 2024-11-20
  </text>

  <!-- Tags -->
  <rect x="58" y="156" width="120" height="20" rx="10" fill="#EEF2FF"/>
  <text x="72" y="170"
        font-size="10"
        font-family="Arial"
        fill="#6366F1">
    Décision de justice
  </text>

  <rect x="188" y="156" width="112" height="20" rx="10" fill="#F3F4F6"/>
  <text x="202" y="170"
        font-size="10"
        font-family="Arial"
        fill="#6B7280">
    20 novembre 2024
  </text>

  <!-- Toolbar -->
  <rect x="40" y="198" width="560" height="40" rx="10" fill="white" stroke="#E5E7EB"/>

  <rect x="56" y="209" width="18" height="18" rx="5" fill="#EEF2FF"/>
  <rect x="84" y="209" width="18" height="18" rx="5" fill="#EEF2FF"/>
  <rect x="112" y="209" width="18" height="18" rx="5" fill="#6366F1"/>

  <!-- Title -->
  <text x="40" y="280"
        font-size="17"
        font-weight="700"
        font-family="Arial"
        fill="#111827">
    Faits, Procédure et Prétentions
  </text>

  <!-- Paragraph -->
  <text x="40" y="315"
        font-size="12"
        font-family="Arial"
        fill="#4B5563">
    Suivant acte du 21 mai 2024, la SCI EMEROD
  </text>

  <text x="40" y="335"
        font-size="12"
        font-family="Arial"
        fill="#4B5563">
    a fait servir assignation à M. X.ABC
  </text>

  <text x="40" y="355"
        font-size="12"
        font-family="Arial"
        fill="#4B5563">
    et M. X.DEF devant la juridiction :
  </text>

  <!-- Bullet list -->
  <text x="58" y="400"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    — Déclarer son action recevable
  </text>

  <text x="58" y="422"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    et bien fondée ;
  </text>

  <text x="58" y="452"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    — Valider le congé du
  </text>

  <text x="58" y="474"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    19 octobre 2023 ;
  </text>

  <text x="58" y="504"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    — Prononcer la résiliation
  </text>

  <text x="58" y="526"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    des contrats de bail ;
  </text>

  <text x="58" y="556"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    — Ordonner l'expulsion
  </text>

  <text x="58" y="578"
        font-size="12"
        font-family="Arial"
        fill="#6B7280">
    sous astreinte ;
  </text>

  <!-- RIGHT PANEL NOW STACKED -->
  <rect x="20" y="632" width="600" height="300" fill="#FAFAFF"/>

  <!-- AI title -->
  <text x="44" y="674"
        font-size="15"
        font-weight="700"
        font-family="Arial"
        fill="#6366F1">
    Cadre légal du document
  </text>

  <text x="44" y="706"
        font-size="12"
        font-family="Arial"
        fill="#4B5563">
    Ce jugement s'inscrit dans le cadre
  </text>

  <text x="44" y="726"
        font-size="12"
        font-family="Arial"
        fill="#4B5563">
    juridique ivoirien et OHADA.
  </text>

  <!-- Quote -->
  <rect x="44" y="760" width="520" height="86" rx="12" fill="#EEF2FF"/>

  <text x="62" y="792"
        font-size="11"
        font-family="Arial"
        fill="#4B5563">
    « L'article 125 de l'AUDCG impose
  </text>

  <text x="62" y="812"
        font-size="11"
        font-family="Arial"
        fill="#4B5563">
    un congé préalable pour la résiliation
  </text>

  <text x="62" y="832"
        font-size="11"
        font-family="Arial"
        fill="#4B5563">
    d'un bail à durée indéterminée. »
  </text>

  <!-- Chat -->
  <rect x="44" y="874" width="460" height="40" rx="10" fill="white" stroke="#E5E7EB"/>

  <text x="62" y="898"
        font-size="12"
        font-family="Arial"
        fill="#9CA3AF">
    Votre message…
  </text>

  <!-- Send button -->
  <rect x="520" y="874" width="40" height="40" rx="10" fill="#6366F1"/>

  <path
    d="M532 894H548M542 888L548 894L542 900"
    stroke="white"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
  />

  <!-- Floating annotation -->
  <rect x="44" y="960" width="300" height="64" rx="16" fill="white" stroke="#E5E7EB"/>

  <text x="64" y="988"
        font-size="13"
        font-weight="700"
        font-family="Arial"
        fill="#111827">
    Cadre légal automatique
  </text>

  <text x="64" y="1010"
        font-size="11"
        font-family="Arial"
        fill="#6B7280">
    Sources OHADA extraites instantanément
  </text>

</svg>