From d1de8a7767cdac0f360b330bdb07e04f1b46827a Mon Sep 17 00:00:00 2001
From: Shayan Rais <shanraisshan@gmail.com>
Date: Fri, 24 Apr 2026 18:50:28 +0500
Subject: [PATCH] Update index.html

---
 .../index.html                                | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html b/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
index 5e0decf..cb6ed3a 100644
--- a/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
+++ b/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
@@ -328,15 +328,21 @@
     <!-- SLIDE 5: Agenda                                                -->
     <!-- ============================================================ -->
     <div class="slide" data-slide="5">
-        <h1>Agenda</h1>
-        <div style="margin-top: 48px; max-width: 900px;">
-            <div style="display: flex; gap: 24px; margin-bottom: 32px; align-items: flex-start;">
-                <div style="font-size: 3rem; color: #3f51b5; font-weight: 700; line-height: 1; min-width: 60px;">1.</div>
-                <p style="font-size: 1.35rem; color: #333; margin: 0; padding-top: 10px; line-height: 1.5;">Fetch weather from a <strong>single source of truth</strong> &mdash; <strong>repeatedly and deterministically</strong>.</p>
-            </div>
-            <div style="display: flex; gap: 24px; align-items: flex-start;">
-                <div style="font-size: 3rem; color: #4caf50; font-weight: 700; line-height: 1; min-width: 60px;">2.</div>
-                <p style="font-size: 1.35rem; color: #333; margin: 0; padding-top: 10px; line-height: 1.5;">Learn different concepts of <strong>Claude Code</strong> along the way.</p>
+        <h1 style="color: #c62828;">Problem Statement</h1>
+
+        <!-- Sub-line -->
+        <p style="font-size: 1.6rem; font-weight: 600; color: #333; margin-top: 20px; margin-bottom: 24px;">Fetch weather of Karachi</p>
+
+        <!-- Bullet points -->
+        <ul style="list-style: disc; padding-left: 32px; margin: 0 0 40px 0; line-height: 2;">
+            <li style="font-size: 1.25rem; color: #444;">Single source of truth</li>
+            <li style="font-size: 1.25rem; color: #444;">Repetitively</li>
+        </ul>
+
+        <!-- Section 2: Learning Outcome -->
+        <div style="max-width: 860px;">
+            <div class="info-box" style="margin: 0;">
+                <p style="font-size: 1.05rem; color: #0d47a1; margin: 0; font-style: italic;">By solving this problem statement, we&rsquo;ll learn different concepts of <strong>agentic engineering</strong> along the way.</p>
             </div>
         </div>
     </div>