| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <radialGradient id="bgGlow" cx="50%" cy="30%" r="50%"> |
| 4 | <stop offset="0%" stop-color="#5B9BD5" stop-opacity="0.05"/> |
| 5 | <stop offset="100%" stop-color="#5B9BD5" stop-opacity="0"/> |
| 6 | </radialGradient> |
| 7 | </defs> |
| 8 | |
| 9 | <!-- Background --> |
| 10 | <rect width="1280" height="720" fill="#0F1117"/> |
| 11 | <rect width="1280" height="720" fill="url(#bgGlow)"/> |
| 12 | |
| 13 | <!-- Page header --> |
| 14 | <g id="header"> |
| 15 | <rect x="60" y="50" width="4" height="36" rx="2" fill="#D4845A"/> |
| 16 | <text x="78" y="80" font-family="'Helvetica Neue', Arial, sans-serif" font-size="32" font-weight="bold" fill="#E8E8EC">Building Block: The Augmented LLM</text> |
| 17 | <text x="78" y="108" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#9CA3AF">The foundational unit of all agentic systems</text> |
| 18 | </g> |
| 19 | |
| 20 | <!-- Diagram image — top full-width (ultra-wide, breathing layout) --> |
| 21 | <g id="diagram"> |
| 22 | <image href="../images/image.png" x="140" y="135" width="1000" height="417" preserveAspectRatio="xMidYMid meet"/> |
| 23 | </g> |
| 24 | |
| 25 | <!-- Key points below diagram — naked text, no cards (breathing) --> |
| 26 | <g id="key-points"> |
| 27 | <rect x="60" y="570" width="1160" height="1" fill="#2D3348" fill-opacity="0.3"/> |
| 28 | |
| 29 | <use data-icon="chunk/layers" x="80" y="592" width="24" height="24" fill="#D4845A"/> |
| 30 | <text x="116" y="611" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC">LLM enhanced with <tspan font-weight="bold" fill="#D4845A">retrieval</tspan>, <tspan font-weight="bold" fill="#D4845A">tools</tspan>, and <tspan font-weight="bold" fill="#D4845A">memory</tspan></text> |
| 31 | |
| 32 | <use data-icon="chunk/share-nodes" x="560" y="592" width="24" height="24" fill="#5B9BD5"/> |
| 33 | <text x="596" y="611" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC">Tailor capabilities to your <tspan font-weight="bold" fill="#5B9BD5">specific use case</tspan></text> |
| 34 | |
| 35 | <use data-icon="chunk/link" x="940" y="592" width="24" height="24" fill="#E8B87D"/> |
| 36 | <text x="976" y="611" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC"><tspan font-weight="bold" fill="#E8B87D">MCP</tspan> for integration</text> |
| 37 | </g> |
| 38 | |
| 39 | <!-- Footer --> |
| 40 | <g id="footer"> |
| 41 | <text x="1220" y="700" text-anchor="end" font-family="'Helvetica Neue', Arial, sans-serif" font-size="10" fill="#6B7280">04</text> |
| 42 | </g> |
| 43 | </svg> |
| 44 |