adr-sml/src/pages/contact/could-not-send.astro

---
/**
 * `/contact/could-not-send/` — the failure half of the intake form's
 * POST-redirect-GET. Build step 8.
 *
 * WHY THIS PAGE EXISTS AT ALL. The site ships zero JavaScript, so a static page
 * cannot read `?error=` and render a message. The alternatives were: return an
 * error body from the API (the visitor lands on the API hostname with none of
 * the site around it), or say nothing (the visitor cannot tell whether the
 * inquiry arrived, on a form about a live dispute). A named page is the only one
 * of the three that leaves the reader knowing what happened.
 *
 * ⚠️ **IT DOES NOT LIST WHICH FIELD FAILED, AND THAT IS DELIBERATE ON TWO
 * COUNTS.** The handler deliberately does not return the error list — an
 * enumeration of the validation rules is a gift to whoever is probing them — and
 * the browser's own `required` / `type="email"` / `maxlength` handling has
 * already caught every case a person is likely to hit, inline and announced. A
 * server-side rejection means the submission was not made by that markup.
 *
 * ⚠️ **NO APOLOGY AND NO GUESS AT THE CAUSE.** "Something went wrong on our end"
 * is a claim about which end, and this page cannot know. It says what is true —
 * the inquiry was not recorded — and gives a route that does not depend on the
 * form working.
 *
 * `noindex`, and excluded from the sitemap in `astro.config.mjs`.
 */
import BaseLayout from '../../layouts/BaseLayout.astro';
import Button from '../../components/Button.astro';
import Eyebrow from '../../components/Eyebrow.astro';
import { getImage } from 'astro:assets';
import ogDefault from '../../assets/og-portrait.jpg';
import { pageGraph } from '../../data/schema';
import { CONTACT } from '../../data/site';

const ldImage = await getImage({
  src: ogDefault,
  format: 'jpeg',
  width: 1200,
  height: 630,
});
const graph = pageGraph(new URL(ldImage.src, Astro.site).href);
---

<BaseLayout
  title="Inquiry Not Sent · Contact · Pouya Lajevardi · Toronto"
  description="The inquiry was not recorded, so nothing has been received. Email the same details directly and they will be answered within two business days."
  jsonLd={graph}
  noindex
>
  <section class="section hero">
    <div class="wrap">
      <Eyebrow dot>Not sent</Eyebrow>
      <h1 class="display hero-h">That inquiry was not recorded.</h1>
      <div class="prose">
        <p class="statement">
          Nothing has been received, so there is nothing waiting for a reply.
        </p>
        <p>
          The quickest route is email. Send the same details — your name, your
          role, the other parties, and a few sentences about the dispute — to <a
            href={`mailto:${CONTACT.email}`}>{CONTACT.email}</a
          >, and leave privileged detail out of it. {CONTACT.responseTime}
        </p>
        <p>
          Or go back to the form and send it again. If it fails a second time,
          email rather than trying a third.
        </p>
      </div>
      <div class="cta">
        <Button href="/contact/">Back to the form</Button>
        <Button href={`mailto:${CONTACT.email}`} variant="ghost">
          Email instead &rarr;
        </Button>
      </div>
    </div>
  </section>
</BaseLayout>

<style>
  .hero {
    padding-block: var(--space-9) var(--space-11);
  }
  .hero-h {
    margin-block: var(--space-4) var(--space-5);
    font-size: var(--text-5xl);
  }
  .statement {
    font-size: var(--text-lg);
    line-height: var(--leading-body);
    color: var(--text);
  }
  .cta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-4);
    margin-block-start: var(--space-8);
  }
</style>