Update website

index.html

@@ -61,5 +61,81 @@
       <a href="contact.html">Contact</a>
     </nav>
   </header>
+
+  <main>
+    <section class="hero-section">
+      <div class="hero-content">
+        <h1>EngineeringBuild</h1>
+        <p class="hero-lead">Practical telecom, networking, Linux, and self-hosted systems.</p>
+        <p class="hero-copy">A technical platform being built around real field experience, hands-on learning, and useful documentation.</p>
+        <div class="hero-actions">
+          <a class="button button-primary" href="guides/telecommunications.html">Read Guides</a>
+          <a class="button button-secondary" href="services/Network.html">View Services</a>
+        </div>
+      </div>
+    </section>
+
+    <section class="home-section">
+      <div class="home-content">
+        <h2>What this site covers</h2>
+        <ul class="coverage-list">
+          <li><a href="guides/telecommunications.html">Telecom field work</a></li>
+          <li><a href="guides/networking.html">Networking fundamentals</a></li>
+          <li><a href="guides/linux.html">Linux and self-hosting</a></li>
+          <li><a href="tools.html">Tools, checklists, and troubleshooting notes</a></li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="home-section">
+      <div class="home-content">
+        <h2>Current focus</h2>
+        <p class="home-copy">EngineeringBuild is currently focused on practical guides, field notes, and small technical services while developing into a broader technical support and consulting platform.</p>
+      </div>
+    </section>
+
+    <section class="home-section">
+      <div class="home-content">
+        <h2>Featured areas</h2>
+        <div class="featured-grid">
+          <a class="featured-card" href="guides/telecommunications.html">
+            <h3>Telecom</h3>
+            <p>Installation, commissioning, alarms, fibre/RF checks, documentation.</p>
+          </a>
+          <a class="featured-card" href="guides/networking.html">
+            <h3>Networking</h3>
+            <p>CCNA notes, VLANs, routing, switching, troubleshooting.</p>
+          </a>
+          <a class="featured-card" href="guides/linux.html">
+            <h3>Self-hosting</h3>
+            <p>Docker, Proxmox, Gitea, Nextcloud, Vaultwarden, monitoring.</p>
+          </a>
+        </div>
+      </div>
+    </section>
+
+    <section class="cta-section">
+      <div class="home-content">
+        <h2>Need practical technical help or want to follow the build?</h2>
+        <a class="button button-primary" href="mailto:info@engineeringbuild.com">info@engineeringbuild.com</a>
+      </div>
+    </section>
+  </main>
+
+  <footer class="site-footer">
+    <div class="footer-content">
+      <div class="footer-brand">
+        <a class="brand" href="index.html">EngineeringBuild</a>
+        <p>Practical telecom, networking, Linux, and self-hosted systems.</p>
+      </div>
+      <nav class="footer-links" aria-label="Footer">
+        <a href="guides/telecommunications.html">Guides</a>
+        <a href="services/Network.html">Services</a>
+        <a href="tools.html">Tools</a>
+        <a href="contact.html">Contact</a>
+      </nav>
+      <a class="footer-email" href="mailto:info@engineeringbuild.com">info@engineeringbuild.com</a>
+    </div>
+  </footer>
 </body>
 </html>