Implement 2x2 grid with Coming Soon placeholders for equal visual sizing

README.md

@@ -59,11 +59,15 @@
 </td>
 </tr>
 <tr>
-<td colspan="2" align="center">
+<td width="50%" align="center">
 <a href="https://s.trae.ai/a/01708c"><img src="assets/opus_qa_engineer.svg" alt="OPUS QA ENGINEER" width="100%"></a>
 <br><sub>Enhanced QA process based on Opus model</sub>
 <br><a href="https://s.trae.ai/a/01708c"><strong>⚡ Install Agent</strong></a>
 </td>
+<td width="50%" align="center">
+<img src="assets/coming_soon.svg" alt="Coming Soon" width="100%">
+<br><br><br>
+</td>
 </tr>
 </table>
 
@@ -112,11 +116,15 @@
 </td>
 </tr>
 <tr>
-<td colspan="2" align="center">
+<td width="50%" align="center">
 <a href="https://s.trae.ai/a/fe405e"><img src="assets/glm_code_conservator.svg" alt="GLM Code Conservator" width="100%"></a>
 <br><sub>Attempt allowing GLM 4.6 model operate on an existing code of other models without breaking it.<br>Essential for non-greenfield projects where code preservation is key.</sub>
 <br><a href="https://s.trae.ai/a/fe405e"><strong>⚡ Install Agent</strong></a>
 </td>
+<td width="50%" align="center">
+<img src="assets/coming_soon.svg" alt="Coming Soon" width="100%">
+<br><br><br>
+</td>
 </tr>
 </table>
 

assets/coming_soon.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 250">
+  <defs>
+    <linearGradient id="grad_soon" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#434343;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#000000;stop-opacity:1" />
+    </linearGradient>
+    <filter id="shadow">
+      <feDropShadow dx="0" dy="4" stdDeviation="4" flood-opacity="0.25"/>
+    </filter>
+  </defs>
+  <rect width="400" height="250" rx="20" fill="#1a1a1a" />
+  <rect x="10" y="10" width="380" height="230" rx="15" fill="none" stroke="url(#grad_soon)" stroke-width="4" stroke-dasharray="10,5" opacity="0.5"/>
+  
+  <g transform="translate(150, 60)" opacity="0.3">
+    <path d="M50 0 L93.3 25 V75 L50 100 L6.7 75 V25 Z" fill="url(#grad_soon)" filter="url(#shadow)" />
+    <text x="50" y="55" font-family="Arial, sans-serif" font-size="40" fill="white" text-anchor="middle" dominant-baseline="middle">?</text>
+  </g>
+  
+  <text x="50%" y="200" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="22" fill="#666666">COMING SOON</text>
+  <text x="50%" y="225" dominant-baseline="middle" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#444444">NEW AGENT IN DEVELOPMENT</text>
+</svg>