docs: homepage hero video full-width row + Chrome autoplay tweaks (#716)
Co-authored-by: Clawdbot <clawdbot@Clawdbots-Mac-mini.local>
taylorcopilot committed
Feb 14, 2026 at 22:28 UTC
0c86a71206cd4897f39a959b5dc265b6f0e93006
1 file changed
+18
-26
docs/index.mdx
+18
-26
@@ -5,9 +5,6 @@ description: Operate an open-source SOC/SIEM stack from a single pane of glass.
5
6
# SOCFortress CoPilot Documentation
7
8
-<Columns cols={2}>
9
- <div>
10
-
8
CoPilot is a **single pane of glass** for operating an open‑source SOC/SIEM stack (Wazuh, Graylog, Velociraptor, Grafana, Shuffle, and more).
9
10
**Choose your path:**
@@ -24,30 +21,25 @@ CoPilot is a **single pane of glass** for operating an open‑source SOC/SIEM st
21
Architecture, data flows, schema, and safe change playbooks.
22
</Card>
23
27
- </div>
28
-
29
- <div
30
- style={{
31
- width: '100%',
32
- borderRadius: 16,
33
- overflow: 'hidden',
34
- border: '1px solid rgba(255,255,255,0.08)',
35
- background: 'rgba(255,255,255,0.02)',
36
- }}
24
+<Frame>
25
+ <video
26
+ autoPlay
27
+ loop
28
+ muted
29
+ playsInline
30
+ preload="auto"
31
+ controls={false}
32
+ disablePictureInPicture
33
+ style={{ width: '100%', height: 'auto', display: 'block', borderRadius: 16 }}
34
>
38
- <video
39
- autoPlay
40
- loop
41
- muted
42
- playsInline
43
- preload="auto"
44
- style={{ width: '100%', height: 'auto', display: 'block' }}
45
- >
46
- <source src="/assets/hero/copilot-hub.webm" type="video/webm" />
47
- <source src="/assets/hero/copilot-hub.mp4" type="video/mp4" />
48
- </video>
49
- </div>
50
-</Columns>
35
+ <source src="/assets/hero/copilot-hub.webm" type="video/webm" />
36
+ <source src="/assets/hero/copilot-hub.mp4" type="video/mp4" />
37
+ </video>
38
+</Frame>
39
+
40
+<div style={{ fontSize: 13, opacity: 0.8, marginTop: 8 }}>
41
+ If the animation doesn’t autoplay in your browser, click once to start playback.
42
+</div>
43
44
## Popular tasks
45