Enhance stats section with heading and styling for improved visibility and layout

Author: savini98

index.html

@@ -125,18 +125,21 @@ <h2>Tutorial Themes</h2>
             </div>
           </div>
 
-          <div class="stats-row">
-            <div class="stat-item">
-              <div class="stat-val">100K+</div>
-              <div class="stat-lbl">Monthly PyPI Downloads</div>
-            </div>
-            <div class="stat-item">
-              <div class="stat-val">10&times;</div>
-              <div class="stat-lbl">Code Reduction</div>
-            </div>
-            <div class="stat-item">
-              <div class="stat-val">0</div>
-              <div class="stat-lbl">Prompts Required</div>
+          <div class="stats-section">
+            <h3 class="stats-heading">Jaseci Ecosystem in Action</h3>
+            <div class="stats-row">
+              <div class="stat-item">
+                <div class="stat-val">100K+</div>
+                <div class="stat-lbl">Monthly PyPI Downloads</div>
+              </div>
+              <div class="stat-item">
+                <div class="stat-val">10&times;</div>
+                <div class="stat-lbl">Code Reduction</div>
+              </div>
+              <div class="stat-item">
+                <div class="stat-val">0</div>
+                <div class="stat-lbl">Prompts Required</div>
+              </div>
             </div>
           </div>
         </section>

styles.css

@@ -303,12 +303,27 @@ section:last-child { border-bottom: none; }
 .text-block li { margin-bottom: 8px; font-size: 1.05rem; }
 
 /* Stats Row */
+.stats-section {
+  margin-top: 40px;
+}
+
+.stats-heading {
+  font-size: 0.85rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--text-muted);
+  margin-bottom: 16px;
+  text-align: center;
+}
+
 .stats-row {
   display: flex;
   gap: 40px;
   flex-wrap: wrap;
+  justify-content: center;
   padding: 24px 0;
-  margin: 32px 0;
+  margin: 0;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
 }