Full initial 2.0 build

Signed-off-by: Alexander Lyall <alex@adcm.uk>

src/pages/about.astro

@@ -0,0 +1,37 @@
+---
+import BaseLayout from "../layouts/BaseLayout.astro";
+---
+
+<BaseLayout title="About | Computing:Box">
+  <article style="max-width: 900px; margin: 0 auto;">
+    <div class="card" style="margin-bottom: 40px;">
+      <h1 class="brandName" style="font-size: 32px; color: var(--text); margin-bottom: 16px;">The New Computing:Box Experience</h1>
+      <p style="color: var(--muted); font-size: 18px; line-height: 1.6;">
+        The platform has been rebuilt from the ground up to provide a deeper, more professional simulation environment. 
+        We've introduced several key simulators and interface upgrades to support the modern Computing classroom:
+      </p>
+      
+      <div class="divider"></div>
+
+      <ul style="list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> New User Interface (Responsive)</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Two's Complement Simulator</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Extended Binary Simulator (Custom bit sizes)</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Unified Binary Simulator (Unsigned & Two's Complement)</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Extended Hexadecimal Simulator</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Unified Hexadecimal Simulator (GCSE & A Level)</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Enhanced Gate Simulator (Truth Table Creator)</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Compound Gate Simulator</li>
+        <li style="color: var(--text);"><span style="color: var(--accent);">✔</span> Computer Components Simulator</li>
+      </ul>
+    </div>
+
+    <div class="card">
+      <h2 class="brandName" style="font-size: 24px; margin-bottom: 12px;">Educational Impact</h2>
+      <p style="color: var(--muted);">
+        Computing:Box is designed to help students learn computing concepts step by step, using clear visuals and simple interactions.
+        By changing values and seeing results straight away, students can build understanding at their own pace.
+      </p>
+    </div>
+  </article>
+</BaseLayout>