feat: Marketing site

2026-07-22 16:50:13 +01:00
parent 7a3b8cb700
commit 693d59a3e2
51 changed files with 10656 additions and 12 deletions
@@ -0,0 +1,62 @@
+import type { Metadata } from "next";
+import { ContactForm } from "@/components/ContactForm";
+
+export const metadata: Metadata = {
+  title: "Contact",
+  description: "Sales questions, self-hosted licensing, security disclosures and bug reports.",
+};
+
+const CHANNELS = [
+  {
+    title: "Support",
+    body: "Everything else, including anything urgent.",
+    link: "support@hostxtra.co.uk",
+    href: "mailto:support@hostxtra.co.uk",
+  },
+  {
+    title: "Security disclosure",
+    body: "Encrypted reports, acknowledged within 72 hours.",
+    link: "support@hostxtra.co.uk",
+    href: "mailto:support@hostxtra.co.uk?subject=Security%20disclosure",
+  },
+  {
+    title: "Bugs and feature requests",
+    body: "Public tracker, read by the people who write the code.",
+    link: "git.vantage.sh/vantage",
+    href: "https://git.vantage.sh/vantage",
+  },
+  {
+    title: "Status",
+    body: "Control plane uptime and incident history.",
+    link: "status.vantage.sh",
+    href: "https://status.vantage.sh",
+  },
+];
+
+export default function ContactPage() {
+  return (
+    <section className="rail band band--open">
+      <span className="tag">Contact</span>
+      <h1 style={{ fontSize: "var(--s-3)", margin: "0.8rem 0 1rem", maxWidth: "15ch" }}>
+        Tell us what your fleet looks like.
+      </h1>
+
+      <div className="split" style={{ marginTop: "2.4rem" }}>
+        <div className="card">
+          <ContactForm />
+        </div>
+
+        <div>
+          <p className="prose">Pick the right door and you will get a faster answer.</p>
+          {CHANNELS.map((channel) => (
+            <div className="chan" key={channel.title}>
+              <h3>{channel.title}</h3>
+              <p>{channel.body}</p>
+              <a href={channel.href}>{channel.link}</a>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}