diff --git a/web/app/page.tsx b/web/app/page.tsx
index 7818537..92c660d 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -15,6 +15,19 @@ import {
 
 const COLORS = ['#2563eb', '#16a34a', '#f59e0b', '#dc2626']
 
+const ATTACK_TACTICS = [
+  'initial-access',
+  'execution',
+  'persistence',
+  'privilege-escalation',
+  'defense-evasion',
+  'credential-access',
+  'discovery',
+  'lateral-movement',
+  'collection',
+  'exfiltration'
+]
+
 export default function HomePage() {
   const [dashboard, setDashboard] = useState(null)
 
@@ -40,6 +53,15 @@ export default function HomePage() {
     ? Object.entries(dashboard.maturity).map(([name, value]) => ({ name, value }))
     : []
 
+  const tacticData = dashboard?.status || {}
+
+  function tacticColor(value) {
+    if (value >= 10) return '#dc2626'
+    if (value >= 5) return '#f59e0b'
+    if (value >= 1) return '#16a34a'
+    return '#334155'
+  }
+
   return (
     <main
       style={{
@@ -125,6 +147,45 @@ export default function HomePage() {
           </ResponsiveContainer>
         </div>
       </div>
+
+      <div
+        style={{
+          marginTop: '3rem',
+          background: '#1e293b',
+          padding: '1.5rem',
+          borderRadius: '12px'
+        }}
+      >
+        <h2>ATT&CK Coverage Heatmap</h2>
+
+        <div
+          style={{
+            display: 'grid',
+            gridTemplateColumns: 'repeat(5, 1fr)',
+            gap: '1rem',
+            marginTop: '1.5rem'
+          }}
+        >
+          {ATTACK_TACTICS.map((tactic) => {
+            const value = tacticData[tactic] || 0
+
+            return (
+              <div
+                key={tactic}
+                style={{
+                  background: tacticColor(value),
+                  padding: '1rem',
+                  borderRadius: '10px',
+                  minHeight: '90px'
+                }}
+              >
+                <h3 style={{ fontSize: '0.95rem' }}>{tactic}</h3>
+                <p style={{ fontSize: '2rem', marginTop: '0.5rem' }}>{value}</p>
+              </div>
+            )
+          })}
+        </div>
+      </div>
     </main>
   )
 }