Add Awesome Tools section with Context-Engine

assets/awesome_tools_banner.svg

@@ -0,0 +1,26 @@
+<svg width="700" height="150" viewBox="0 0 700 150" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad_tools" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#FF8C00;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background Container -->
+  <rect width="700" height="150" fill="#050510" rx="15" ry="15"/>
+  
+  <!-- Neon Border -->
+  <rect x="2" y="2" width="696" height="146" fill="none" stroke="url(#grad_tools)" stroke-width="3" rx="12" ry="12"/>
+  
+  <!-- Icon/Graphic Element (Wrench/Cog) -->
+  <text x="80" y="95" font-family="Courier New, monospace" font-size="60" fill="url(#grad_tools)" opacity="0.2" font-weight="bold">⚙️</text>
+  
+  <!-- Main Title -->
+  <text x="350" y="55" font-family="Arial, Helvetica, sans-serif" font-size="32" fill="#ffffff" text-anchor="middle" font-weight="bold" letter-spacing="1">Awesome Tools</text>
+  
+  <!-- Description -->
+  <text x="350" y="90" font-family="Arial, Helvetica, sans-serif" font-size="16" fill="#cccccc" text-anchor="middle">Powerful utilities to supercharge your AI coding workflow.</text>
+  
+  <!-- Footer CTA -->
+  <text x="350" y="130" font-family="Arial, Helvetica, sans-serif" font-size="12" fill="url(#grad_tools)" text-anchor="middle" font-weight="bold" letter-spacing="1.5">BOOST PRODUCTIVITY</text>
+</svg>