diff --git a/static/images/feature-analytics.svg b/static/images/feature-1.svg
similarity index 100%
rename from static/images/feature-analytics.svg
rename to static/images/feature-1.svg
diff --git a/static/images/feature-session.svg b/static/images/feature-2.svg
similarity index 100%
rename from static/images/feature-session.svg
rename to static/images/feature-2.svg
diff --git a/static/images/feature-3.svg b/static/images/feature-3.svg
new file mode 100644
index 0000000..a825ed7
--- /dev/null
+++ b/static/images/feature-3.svg
@@ -0,0 +1,34 @@
+<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
+  <rect width="600" height="400" fill="#f3f4f6"/>
+  <rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
+  
+  <!-- Header -->
+  <rect x="40" y="40" width="200" height="24" rx="4" fill="#e5e7eb"/>
+  <rect x="40" y="72" width="160" height="16" rx="4" fill="#f3f4f6"/>
+  
+  <!-- Code Editor Window -->
+  <rect x="40" y="120" width="520" height="220" rx="4" fill="#f3f4f6"/>
+  
+  <!-- Code Lines -->
+  <rect x="60" y="140" width="120" height="16" rx="2" fill="#9333ea" opacity="0.6"/>
+  <rect x="60" y="164" width="180" height="16" rx="2" fill="#60a5fa" opacity="0.6"/>
+  <rect x="80" y="188" width="160" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
+  <rect x="80" y="212" width="140" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
+  <rect x="60" y="236" width="200" height="16" rx="2" fill="#60a5fa" opacity="0.6"/>
+  <rect x="60" y="260" width="160" height="16" rx="2" fill="#9333ea" opacity="0.6"/>
+  <rect x="80" y="284" width="180" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
+  
+  <!-- Line Numbers -->
+  <text x="45" y="152" font-family="monospace" font-size="12" fill="#6b7280">1</text>
+  <text x="45" y="176" font-family="monospace" font-size="12" fill="#6b7280">2</text>
+  <text x="45" y="200" font-family="monospace" font-size="12" fill="#6b7280">3</text>
+  <text x="45" y="224" font-family="monospace" font-size="12" fill="#6b7280">4</text>
+  <text x="45" y="248" font-family="monospace" font-size="12" fill="#6b7280">5</text>
+  <text x="45" y="272" font-family="monospace" font-size="12" fill="#6b7280">6</text>
+  <text x="45" y="296" font-family="monospace" font-size="12" fill="#6b7280">7</text>
+  
+  <!-- Status Bar -->
+  <rect x="40" y="360" width="520" height="20" rx="4" fill="#f3f4f6"/>
+  <circle cx="60" cy="370" r="4" fill="#34d399"/>
+  <rect x="80" y="366" width="80" height="8" rx="4" fill="#9ca3af"/>
+</svg>