Initial import of Brookhaven site

templates/about.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+{% block title %}About — {{ brand }}{% endblock %}
+{% block content %}
+<section class="max-w-7xl mx-auto px-6 py-16">
+  <h1 class="text-3xl font-bold">About BrookHaven</h1>
+  <p class="mt-4 text-white/80 max-w-3xl">
+    We’re a small, senior team that prototypes fast and ships safely. We love systems thinking,
+    clean UX, and deployments that don’t wake you up at 3am.
+  </p>
+  <div class="mt-8 grid md:grid-cols-2 gap-6">
+    <div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
+      <h3 class="font-semibold">What we value</h3>
+      <ul class="mt-3 space-y-2 text-white/75 text-sm">
+        <li>• Production realism over slideware</li>
+        <li>• Data-in/data-out from day one</li>
+        <li>• Accessibility & performance as defaults</li>
+      </ul>
+    </div>
+    <div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
+      <h3 class="font-semibold">How we work</h3>
+      <ul class="mt-3 space-y-2 text-white/75 text-sm">
+        <li>• Short sprints to real demos</li>
+        <li>• Clear handoffs to internal teams</li>
+        <li>• Infra that fits your stack</li>
+      </ul>
+    </div>
+  </div>
+</section>
+{% endblock %}
+