Add homepage copy and clean up BaseLayout formatting

src/layouts/BaseLayout.astro

@@ -23,24 +23,20 @@ const { title } = Astro.props;
         </ul>
       </nav>
     </header>
+
     <slot />
+
     <footer class="site-footer">
       <nav aria-label="Social profiles">
         <ul>
           <li>
-            <a href="https://www.linkedin.com/in/JadWauthier" target="_blank" rel="noopener noreferrer"
-              >LinkedIn<span class="visually-hidden"> (opens in a new tab)</span></a
-            >
+            <a href="https://www.linkedin.com/in/JadWauthier" target="_blank" rel="noopener noreferrer">LinkedIn<span class="visually-hidden"> (opens in a new tab)</span></a>
           </li>
           <li>
-            <a href="https://x.com/jtwauthier" target="_blank" rel="noopener noreferrer"
-              >X<span class="visually-hidden"> (opens in a new tab)</span></a
-            >
+            <a href="https://x.com/jtwauthier" target="_blank" rel="noopener noreferrer">X<span class="visually-hidden"> (opens in a new tab)</span></a>
           </li>
           <li>
-            <a href="https://github.com/blindtechmage" target="_blank" rel="noopener noreferrer"
-              >GitHub<span class="visually-hidden"> (opens in a new tab)</span></a
-            >
+            <a href="https://github.com/blindtechmage" target="_blank" rel="noopener noreferrer">GitHub<span class="visually-hidden"> (opens in a new tab)</span></a>
           </li>
         </ul>
       </nav>

src/pages/index.astro

@@ -7,10 +7,41 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 <BaseLayout title="Blind Tech Mage">
   <main id="main-content">
     <h1>Blind Tech Mage</h1>
-    <p>Systems engineer, architect, and entrepreneur.</p>
+
+    <blockquote>
+      <p>&ldquo;Any sufficiently advanced technology is indistinguishable from magic.&rdquo;</p>
+      <footer>- Arthur C. Clarke</footer>
+    </blockquote>
+
+    <p>
+        A few years ago, blind users struggled just to figure out where a
+        control lived on a page - top-left, buried in a sidebar, or three
+        tab-stops past a broken landmark. JAWS 2026&rsquo;s
+        <a href="https://www.youtube.com/watch?v=0Di913vXLOw" target="_blank" rel="noopener noreferrer">Page Explorer<span class="visually-hidden"> (opens in a new tab)</span></a>,
+        paired with AI, can now describe an entire page&rsquo;s layout in detail,
+        in seconds. That&rsquo;s not incremental improvement. That is the exact
+        kind of threshold Clarke was talking about - things that were once impossible are suddenly ordinary.
+    </p>
+
     <p>
-      This site is under active construction. More content is on the way —
-      in the meantime, feel free to <a href="/contact">get in touch</a>.
+      It works because good code makes it possible. Page Explorer can only
+      describe a page well if it was actually built with real
+      structure underneath it - not div soup. That is the same reason
+      a single misplaced comma can break an entire application, and the
+      same reason a single design choice, like where a control sits on a
+      page, can make or break a user&rsquo;s ability to use it. Building
+      technology is not just about presentation. It is about experience.
     </p>
+
+    <p>
+      People often ask me: &ldquo;How can you code if you can&rsquo;t see
+      the computer?&rdquo; Everyone has limitations. The difference is what
+      we do with our abilities. I don&rsquo;t use a monitor and a mouse
+      - I use a keyboard and a screen reader. That&rsquo;s not a
+      limitation on what I can build. It&rsquo;s just a different
+      interface.
+    </p>
+
+    <p><a href="/contact">Get in touch</a></p>
   </main>
 </BaseLayout>