feat: add brochure system support, publisher, and footer sections

site/index.html

@@ -163,7 +163,33 @@
 
   </section>
 
-  <!-- system support, publisher, footer go here in Task 4 -->
+  <!-- ── System Support ────────────────────────────────── -->
+  <section class="system-support">
+    <div class="section-label">System Support</div>
+    <h2>Built for Shadowdark RPG. More systems coming.</h2>
+    <p>Currently: Shadowdark RPG &nbsp;·&nbsp; Next: based on demand</p>
+  </section>
+
+  <!-- ── Publisher ─────────────────────────────────────── -->
+  <section class="publisher">
+    <div class="section-label">For game publishers</div>
+    <h2>"We're not here to sell your rules."</h2>
+    <p>
+      Darkwatch is a session companion — a torch timer, a dice roller, an initiative
+      tracker. Your players still need the book. We just want to make the table more
+      fun. If you'd like to talk, we'd love to.
+    </p>
+    <a href="mailto:email@email.com" class="btn-secondary">Get in touch</a>
+  </section>
+
+  <!-- ── Footer ────────────────────────────────────────── -->
+  <footer class="footer">
+    <div class="footer-left">Darkwatch &nbsp;·&nbsp; Built for the table</div>
+    <div class="footer-right">
+      <a href="https://discord.gg/PLACEHOLDER">Discord</a>
+      <a href="https://github.com/PLACEHOLDER/darkwatch">GitHub</a>
+    </div>
+  </footer>
 
   <script src="main.js"></script>
 </body>