diff --git a/components/FloatingNavbar.tsx b/components/FloatingNavbar.tsx
index 2106608c..e37b10c0 100644
--- a/components/FloatingNavbar.tsx
+++ b/components/FloatingNavbar.tsx
@@ -36,6 +36,7 @@ function getActiveProduct(pathname: string | null): ProductId {
     if (!pathname) return 'concepta'
     if (pathname === '/') return 'concepta'
     if (pathname === '/reports' || pathname.startsWith('/reports/')) return 'concepta'
+    if (pathname === '/contact') return 'concepta'
     if (pathname === '/fluttercon2026' || pathname.startsWith('/fluttercon2026/')) return 'concepta'
     if (pathname.startsWith('/documentation/remix')) return 'remix'
     if (pathname === '/remix' || pathname.startsWith('/remix/')) return 'remix'
@@ -590,6 +591,13 @@ function MobileDrawer({
                             >
                                 Reports
                             </Link>
+                            <Link
+                                href="/contact"
+                                onClick={onClose}
+                                className="px-3 py-2 text-white/90 hover:bg-white/5 rounded"
+                            >
+                                Contact
+                            </Link>
                         </>
                     ) : (
                         <Link
@@ -657,6 +665,7 @@ export default function FloatingNavbar() {
     const [searchOpen, setSearchOpen] = useState(false)
     const isDocsActive = pathname?.startsWith('/documentation') ?? false
     const isReportsActive = pathname?.startsWith('/reports') ?? false
+    const isContactActive = pathname === '/contact'
     const activeProduct = getActiveProduct(pathname)
     const homeHref = getProductMeta(activeProduct)?.href ?? '/'
     const isHomeActive = pathname === homeHref
@@ -720,6 +729,17 @@ export default function FloatingNavbar() {
                         >
                             Reports
                         </Link>
+                        <Link
+                            href="/contact"
+                            className={clsx(
+                                'px-3 py-1.5 text-sm transition-colors',
+                                isContactActive
+                                    ? 'text-[color:var(--mix-accent)]'
+                                    : 'text-white/80 hover:text-white',
+                            )}
+                        >
+                            Contact
+                        </Link>
                         <span className="h-4 w-px bg-white/10" />
                     </>
                 )}
diff --git a/components/contact/ContactPage.tsx b/components/contact/ContactPage.tsx
new file mode 100644
index 00000000..6afcbcab
--- /dev/null
+++ b/components/contact/ContactPage.tsx
@@ -0,0 +1,408 @@
+"use client";
+
+import { useState } from "react";
+import { ArrowUpRight, CheckCircle2, MapPin, Phone } from "lucide-react";
+import { Button } from "../Button";
+import {
+  CONCEPTA_ADDRESS_DISPLAY,
+  CONCEPTA_LEGAL_NAME,
+  CONCEPTA_MAP_URL,
+  CONCEPTA_PHONE_DISPLAY,
+  CONCEPTA_PHONE_HREF,
+} from "../constants";
+import { HeroBackground } from "../HeroBackground";
+
+type Status = "idle" | "loading" | "success" | "error";
+
+const EMPTY_FORM = { name: "", email: "", subject: "", message: "", website: "" };
+
+export function ContactPage() {
+  const [form, setForm] = useState(EMPTY_FORM);
+  const [status, setStatus] = useState<Status>("idle");
+  const [message, setMessage] = useState("");
+
+  function update(field: keyof typeof EMPTY_FORM) {
+    return (
+      e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+    ) => setForm((prev) => ({ ...prev, [field]: e.target.value }));
+  }
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    if (status === "loading") return;
+
+    setStatus("loading");
+    setMessage("");
+
+    try {
+      const res = await fetch("/api/contact", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(form),
+      });
+      const data = await res.json();
+
+      if (res.ok && data.success) {
+        setStatus("success");
+        setMessage(data.message || "Thanks — we'll be in touch soon.");
+        setForm(EMPTY_FORM);
+      } else {
+        setStatus("error");
+        setMessage(data.message || "Something went wrong. Please try again.");
+      }
+    } catch {
+      setStatus("error");
+      setMessage("Something went wrong. Please try again.");
+    }
+  }
+
+  const disabled = status === "loading";
+
+  return (
+    <>
+      <HeroBackground />
+      <main className="contact-main relative z-10">
+        <header className="contact-header">
+          <span className="contact-kicker">Contact</span>
+          <h1>Let&apos;s talk about what you&apos;re shipping.</h1>
+          <p>
+            Tell us about your project and we&apos;ll get back to you shortly.
+          </p>
+        </header>
+
+        <div className="contact-grid">
+          <section className="contact-panel" aria-labelledby="contact-form-title">
+            <h2 id="contact-form-title" className="sr-only">
+              Send us a message
+            </h2>
+            {status === "success" ? (
+              <p className="contact-success" aria-live="polite">
+                <CheckCircle2 size={20} strokeWidth={2} />
+                {message}
+              </p>
+            ) : (
+              <form className="contact-form" onSubmit={handleSubmit}>
+                <div className="contact-row">
+                  <label className="contact-field">
+                    <span>Name</span>
+                    <input
+                      type="text"
+                      name="name"
+                      required
+                      maxLength={200}
+                      autoComplete="name"
+                      value={form.name}
+                      onChange={update("name")}
+                      disabled={disabled}
+                    />
+                  </label>
+                  <label className="contact-field">
+                    <span>Email</span>
+                    <input
+                      type="email"
+                      name="email"
+                      required
+                      autoComplete="email"
+                      placeholder="you@company.com"
+                      value={form.email}
+                      onChange={update("email")}
+                      disabled={disabled}
+                    />
+                  </label>
+                </div>
+                <label className="contact-field">
+                  <span>Subject</span>
+                  <input
+                    type="text"
+                    name="subject"
+                    required
+                    maxLength={200}
+                    value={form.subject}
+                    onChange={update("subject")}
+                    disabled={disabled}
+                  />
+                </label>
+                <label className="contact-field">
+                  <span>Message</span>
+                  <textarea
+                    name="message"
+                    required
+                    rows={7}
+                    maxLength={5000}
+                    value={form.message}
+                    onChange={update("message")}
+                    disabled={disabled}
+                  />
+                </label>
+                {/* Honeypot — hidden from people and assistive tech */}
+                <input
+                  type="text"
+                  name="website"
+                  tabIndex={-1}
+                  autoComplete="off"
+                  aria-hidden="true"
+                  className="contact-hp"
+                  value={form.website}
+                  onChange={update("website")}
+                />
+                <div className="contact-actions">
+                  <Button
+                    type="submit"
+                    arrow="right"
+                    disabled={disabled}
+                    className="contact-btn w-full sm:w-auto"
+                  >
+                    <>{disabled ? "Sending…" : "Send message"}</>
+                  </Button>
+                  {status === "error" && (
+                    <p className="contact-error" role="alert">
+                      {message}
+                    </p>
+                  )}
+                </div>
+              </form>
+            )}
+          </section>
+
+          <address className="contact-details" aria-label="Concepta contact information">
+            <strong>{CONCEPTA_LEGAL_NAME}</strong>
+            <a className="contact-detail" href={CONCEPTA_PHONE_HREF}>
+              <Phone aria-hidden="true" className="h-4 w-4" />
+              {CONCEPTA_PHONE_DISPLAY}
+            </a>
+            <a
+              className="contact-detail"
+              href={CONCEPTA_MAP_URL}
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label={`Open ${CONCEPTA_ADDRESS_DISPLAY} in Google Maps`}
+            >
+              <MapPin aria-hidden="true" className="h-4 w-4" />
+              <span>{CONCEPTA_ADDRESS_DISPLAY}</span>
+              <ArrowUpRight aria-hidden="true" className="h-3.5 w-3.5" />
+            </a>
+          </address>
+        </div>
+      </main>
+
+      <style jsx global>{`
+        html[data-product="concepta"] .concepta-hero-background {
+          left: 0;
+          width: 100%;
+          transform: none;
+        }
+
+        .contact-main {
+          width: min(100% - 32px, 1040px);
+          margin-inline: auto;
+          padding: 88px 0 112px;
+        }
+
+        .contact-header {
+          max-width: 640px;
+          margin-bottom: 48px;
+        }
+
+        .contact-kicker {
+          display: inline-block;
+          font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
+          font-size: 12px;
+          text-transform: uppercase;
+          letter-spacing: 0.1em;
+          color: #00ebbc;
+        }
+
+        .contact-header h1 {
+          margin-top: 16px;
+          font-size: clamp(2rem, 5vw, 3rem);
+          font-weight: 600;
+          line-height: 1.1;
+          letter-spacing: -0.03em;
+          color: #fff;
+        }
+
+        .contact-header p {
+          margin-top: 16px;
+          font-size: 1.125rem;
+          line-height: 1.6;
+          color: var(--mix-text-muted);
+        }
+
+        .contact-grid {
+          display: grid;
+          grid-template-columns: minmax(0, 1fr) 300px;
+          gap: 24px;
+          align-items: start;
+        }
+
+        .contact-panel,
+        .contact-details {
+          border: 1px solid var(--mix-border-card);
+          border-radius: 16px;
+          background: color-mix(in srgb, var(--mix-surface) 80%, transparent);
+          backdrop-filter: blur(12px);
+        }
+
+        .contact-panel {
+          padding: 28px;
+        }
+
+        .contact-form {
+          display: flex;
+          flex-direction: column;
+          gap: 18px;
+        }
+
+        .contact-row {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          gap: 18px;
+        }
+
+        .contact-field {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+        }
+
+        .contact-field span {
+          font-size: 14px;
+          font-weight: 500;
+          color: rgba(255, 255, 255, 0.85);
+        }
+
+        .contact-field input,
+        .contact-field textarea {
+          width: 100%;
+          padding: 10px 14px;
+          font-size: 15px;
+          color: #fff;
+          background: var(--mix-surface-bright);
+          border: 1px solid var(--mix-border-card);
+          border-radius: 10px;
+          outline: none;
+          transition: border-color 0.15s ease, box-shadow 0.15s ease;
+        }
+
+        .contact-field textarea {
+          resize: vertical;
+          min-height: 160px;
+        }
+
+        .contact-field input::placeholder {
+          color: rgba(255, 255, 255, 0.35);
+        }
+
+        .contact-field input:focus,
+        .contact-field textarea:focus {
+          border-color: var(--mix-accent);
+          box-shadow: 0 0 0 3px var(--mix-accent-low);
+        }
+
+        .contact-field input:disabled,
+        .contact-field textarea:disabled {
+          opacity: 0.6;
+        }
+
+        .contact-hp {
+          position: absolute;
+          left: -10000px;
+          width: 1px;
+          height: 1px;
+          opacity: 0;
+        }
+
+        .contact-actions {
+          display: flex;
+          flex-wrap: wrap;
+          align-items: center;
+          gap: 16px;
+          margin-top: 4px;
+        }
+
+        .contact-btn {
+          background: #3a5bff !important;
+          box-shadow: 0 4px 20px rgba(58, 91, 255, 0.3) !important;
+        }
+
+        .contact-btn:hover:not(:disabled) {
+          background: #4963ff !important;
+          box-shadow: 0 6px 25px rgba(58, 91, 255, 0.4) !important;
+        }
+
+        .contact-btn:disabled {
+          opacity: 0.7;
+          cursor: wait;
+        }
+
+        .contact-error {
+          font-size: 14px;
+          color: #f87171;
+        }
+
+        .contact-success {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          font-size: 1rem;
+          color: #00ebbc;
+        }
+
+        .contact-details {
+          display: flex;
+          flex-direction: column;
+          gap: 14px;
+          padding: 24px;
+          font-style: normal;
+        }
+
+        .contact-details strong {
+          font-size: 15px;
+          font-weight: 600;
+          color: #fff;
+        }
+
+        .contact-detail {
+          display: inline-flex;
+          align-items: flex-start;
+          gap: 10px;
+          font-size: 14px;
+          line-height: 1.5;
+          color: var(--mix-text-muted);
+          text-decoration: none;
+          transition: color 0.15s ease;
+        }
+
+        .contact-detail svg {
+          flex-shrink: 0;
+          margin-top: 3px;
+        }
+
+        .contact-detail:hover {
+          color: #fff;
+        }
+
+        .contact-detail:focus-visible {
+          outline: 2px solid var(--mix-accent);
+          outline-offset: 3px;
+          border-radius: 4px;
+        }
+
+        @media (max-width: 767px) {
+          .contact-main {
+            padding-top: 48px;
+          }
+
+          .contact-grid,
+          .contact-row {
+            grid-template-columns: 1fr;
+          }
+
+          .contact-panel {
+            padding: 20px;
+          }
+        }
+      `}</style>
+    </>
+  );
+}
diff --git a/site-tests/contact-integration.test.mjs b/site-tests/contact-integration.test.mjs
new file mode 100644
index 00000000..fab0d966
--- /dev/null
+++ b/site-tests/contact-integration.test.mjs
@@ -0,0 +1,29 @@
+import assert from 'node:assert/strict'
+import { existsSync, readFileSync } from 'node:fs'
+import { join, resolve } from 'node:path'
+import { test } from 'node:test'
+
+const root = resolve(import.meta.dirname, '..')
+
+test('wires the Contact page into the Concepta site shell', () => {
+  const navbar = readFileSync(join(root, 'components/FloatingNavbar.tsx'), 'utf8')
+  const layout = readFileSync(join(root, 'src/app/layout.jsx'), 'utf8')
+
+  assert.ok(existsSync(join(root, 'src/app/contact/page.tsx')))
+  assert.match(navbar, /href="\/contact"/)
+  assert.match(navbar, /pathname === '\/contact'\) return 'concepta'/)
+  assert.match(layout, /p==='\/contact'/)
+})
+
+test('posts the contact form to Resend and forwards it to the team', () => {
+  const page = readFileSync(join(root, 'components/contact/ContactPage.tsx'), 'utf8')
+  const route = readFileSync(join(root, 'src/app/api/contact/route.ts'), 'utf8')
+
+  assert.match(page, /fetch\("\/api\/contact"/)
+  assert.match(page, /CONCEPTA_PHONE_DISPLAY/)
+  assert.match(page, /CONCEPTA_ADDRESS_DISPLAY/)
+  assert.match(route, /getResend\(\)/)
+  assert.match(route, /guilherme\.rosa\.c@conceptatech\.com/)
+  assert.match(route, /thomas@conceptatech\.com/)
+  assert.match(route, /replyTo: input\.email/)
+})
diff --git a/src/app/api/contact/route.ts b/src/app/api/contact/route.ts
new file mode 100644
index 00000000..2375ef67
--- /dev/null
+++ b/src/app/api/contact/route.ts
@@ -0,0 +1,140 @@
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+import { getResend } from "../../../lib/resend";
+
+const CONTACT_RECIPIENTS = [
+  "guilherme.rosa.c@conceptatech.com",
+  "thomas@conceptatech.com",
+];
+
+const contactSchema = z.object({
+  name: z.string().trim().min(1, "Please enter your name").max(200),
+  email: z.email("Please enter a valid email address"),
+  subject: z.string().trim().min(1, "Please enter a subject").max(200),
+  message: z.string().trim().min(1, "Please enter a message").max(5000),
+  // Honeypot: hidden from people, filled in by naive bots.
+  website: z.string().optional(),
+});
+
+type ContactInput = z.infer<typeof contactSchema>;
+
+function escapeHtml(value: string) {
+  return value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+}
+
+function contactHtml({ name, email, subject, message }: ContactInput) {
+  return `
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  </head>
+  <body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
+    <h2 style="color: #05040A;">New message from concepta.dev/contact</h2>
+
+    <p><strong>Name:</strong> ${escapeHtml(name)}<br>
+    <strong>Email:</strong> <a href="mailto:${escapeHtml(email)}">${escapeHtml(email)}</a><br>
+    <strong>Subject:</strong> ${escapeHtml(subject)}</p>
+
+    <p style="white-space: pre-wrap; padding: 16px; background: #f6f6f8; border-radius: 8px;">${escapeHtml(message)}</p>
+
+    <p style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; font-size: 14px; color: #666;">
+      Reply to this email to answer ${escapeHtml(name)} directly.
+    </p>
+  </body>
+</html>
+`;
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const input = contactSchema.parse(body);
+
+    if (input.website) {
+      // Pretend success so bots don't retry.
+      return NextResponse.json(
+        { success: true, message: "Thanks — we'll be in touch soon." },
+        { status: 200 }
+      );
+    }
+
+    if (!process.env.RESEND_API_KEY) {
+      if (process.env.NODE_ENV !== "production") {
+        console.warn(
+          "[contact] RESEND_API_KEY missing — dev no-op for:",
+          input.email
+        );
+        return NextResponse.json(
+          { success: true, message: "Dev mode: message logged, not sent." },
+          { status: 200 }
+        );
+      }
+      return NextResponse.json(
+        { success: false, message: "Contact form temporarily unavailable." },
+        { status: 503 }
+      );
+    }
+
+    const resend = getResend();
+
+    const { error } = await resend.emails.send({
+      from:
+        process.env.RESEND_FROM_EMAIL ?? "Concepta <hello@conceptatech.com>",
+      to: CONTACT_RECIPIENTS,
+      replyTo: input.email,
+      subject: `[concepta.dev] ${input.subject}`,
+      html: contactHtml(input),
+    });
+
+    if (error) {
+      console.error("[contact] email failed:", error);
+      return NextResponse.json(
+        { success: false, message: "Something went wrong. Please try again." },
+        { status: 502 }
+      );
+    }
+
+    // Saving the sender as a contact is optional; it shouldn't fail the request.
+    const audienceId = process.env.RESEND_AUDIENCE_ID_CONTACT;
+    if (audienceId) {
+      try {
+        const [firstName, ...rest] = input.name.split(/\s+/);
+        await resend.contacts.create({
+          email: input.email,
+          firstName,
+          lastName: rest.join(" ") || undefined,
+          audienceId,
+        });
+      } catch (contactError) {
+        console.error("[contact] saving contact failed:", contactError);
+      }
+    }
+
+    return NextResponse.json(
+      { success: true, message: "Thanks — we'll be in touch soon." },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("[contact] error:", error);
+
+    if (error instanceof z.ZodError) {
+      const firstIssue = error.issues[0];
+      return NextResponse.json(
+        { success: false, message: firstIssue?.message || "Invalid input" },
+        { status: 400 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: false, message: "Something went wrong. Please try again." },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 00000000..4b7f7d94
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,27 @@
+import type { Metadata } from "next";
+import { ContactPage } from "../../../components/contact/ContactPage";
+
+const description =
+  "Get in touch with Concepta. Send us a message, call +1 (407) 720-4711, or visit us at 111 N Orange Ave, Suite 800, Orlando, FL.";
+
+export const metadata: Metadata = {
+  title: "Contact | Concepta",
+  description,
+  applicationName: "Concepta",
+  alternates: { canonical: "/contact" },
+  openGraph: {
+    title: "Contact Concepta",
+    description,
+    images: ["/og_concepta.png"],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Contact Concepta",
+    description,
+    images: ["/og_concepta.png"],
+  },
+};
+
+export default function Contact() {
+  return <ContactPage />;
+}
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index 05134874..f9626375 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -72,7 +72,7 @@ export default async function RootLayout({ children }) {
             <body>
                 <script
                     dangerouslySetInnerHTML={{
-                        __html: `(()=>{try{var p=location.pathname;var d='mix';if(p==='/'||p==='/reports'||p.startsWith('/reports/')||p==='/fluttercon2026'||p.startsWith('/fluttercon2026/'))d='concepta';else if(p.startsWith('/documentation/remix')||p==='/remix'||p.startsWith('/remix/'))d='remix';else if(p.startsWith('/documentation/ack')||p==='/ack'||p.startsWith('/ack/'))d='ack';else if(p==='/naked-ui'||p.startsWith('/naked-ui/'))d='naked-ui';else if(p==='/rockets'||p.startsWith('/rockets/'))d='rockets';else if(p==='/stargate'||p.startsWith('/stargate/'))d='stargate';else if(p==='/code-analysis'||p.startsWith('/code-analysis/'))d='code-analysis';else if(p==='/voyager'||p.startsWith('/voyager/'))d='voyager';document.documentElement.setAttribute('data-product',d)}catch(e){}})();`,
+                        __html: `(()=>{try{var p=location.pathname;var d='mix';if(p==='/'||p==='/reports'||p.startsWith('/reports/')||p==='/contact'||p==='/fluttercon2026'||p.startsWith('/fluttercon2026/'))d='concepta';else if(p.startsWith('/documentation/remix')||p==='/remix'||p.startsWith('/remix/'))d='remix';else if(p.startsWith('/documentation/ack')||p==='/ack'||p.startsWith('/ack/'))d='ack';else if(p==='/naked-ui'||p.startsWith('/naked-ui/'))d='naked-ui';else if(p==='/rockets'||p.startsWith('/rockets/'))d='rockets';else if(p==='/stargate'||p.startsWith('/stargate/'))d='stargate';else if(p==='/code-analysis'||p.startsWith('/code-analysis/'))d='code-analysis';else if(p==='/voyager'||p.startsWith('/voyager/'))d='voyager';document.documentElement.setAttribute('data-product',d)}catch(e){}})();`,
                     }}
                 />
                 <Layout