Merge pull request #3 from justinbarias/feature/improveProductStatement

Improve product statement

Author: justinbarias

src/layouts/BaseLayout.astro

@@ -354,6 +354,41 @@ const { title = "HoloDeck – Build, Test & Deploy AI Agents", description = ""
         max-height: 260px;
       }
 
+      .mini-grid {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 12px;
+        margin-top: 12px;
+      }
+
+      @media (max-width: 640px) {
+        .mini-grid {
+          grid-template-columns: minmax(0, 1fr);
+        }
+      }
+
+      .mini-card {
+        background: rgba(12, 20, 18, 0.8);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        padding: 12px;
+        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
+      }
+
+      .mini-card h3 {
+        margin: 0 0 6px;
+        font-size: 14px;
+        color: var(--fg);
+        letter-spacing: -0.01em;
+      }
+
+      .mini-card p {
+        margin: 0;
+        font-size: 13px;
+        color: var(--muted);
+        line-height: 1.5;
+      }
+
       /* Steps */
 
       .steps-grid {

src/pages/index.astro

@@ -84,13 +84,24 @@ holodeck deploy agent.yaml --port 8000
     </p>
     <div class="two-col">
       <div>
-        <ul style="padding-left: 18px; margin-top: 14px; font-size: 13px; color: var(--muted); line-height: 1.6;">
-          <li><strong>No-Code Agents</strong> — models, prompts, tools, memory, and vector stores defined in YAML.</li>
-          <li><strong>Hypothesis-Driven Testing</strong> — turn real user journeys into structured test cases.</li>
-          <li><strong>Integrated Evaluations</strong> — groundedness, relevance, F1, BLEU, ROUGE, and more.</li>
-          <li><strong>One-Command Deployment</strong> — <code>holodeck deploy</code> turns configs into APIs.</li>
-          <li><strong>Self-Hosted &amp; Open Source</strong> — no vendor lock-in, ship on your own infra.</li>
-        </ul>
+        <div class="mini-grid">
+          <div class="mini-card">
+            <h3>No-Code Agents</h3>
+            <p>Models, prompts, tools, memory, and vector stores defined in YAML.</p>
+          </div>
+          <div class="mini-card">
+            <h3>Hypothesis Testing</h3>
+            <p>Turn real user journeys into structured test cases and evals.</p>
+          </div>
+          <div class="mini-card">
+            <h3>Integrated Metrics</h3>
+            <p>Groundedness, relevance, F1, BLEU, ROUGE, and more in one CLI.</p>
+          </div>
+          <div class="mini-card">
+            <h3>Deploy Anywhere</h3>
+            <p><code>holodeck deploy</code> converts configs to FastAPI services.</p>
+          </div>
+        </div>
       </div>
       <div class="code-card">
 name: "customer-support-agent"