With banner signature

import * as React from "react";
import { domain, Initials, resolve, sans, T, type SignatureProps } from "./_person";

export type BannerProps = SignatureProps & { bannerText?: string; bannerCta?: string; bannerUrl?: string };

export default function SignatureBanner({
  bannerText = "New: answers with citations — see every quote behind the insight.",
  bannerCta = "See what's new",
  bannerUrl = "https://fieldnote.app/changelog",
  ...props
}: BannerProps) {
  const { person: p, brand: b } = resolve(props);
  return (
    <T style={{ fontFamily: sans, maxWidth: 440 }} width="100%">
      <tr>
        <td>
          <T>
            <tr>
              <td style={{ width: 48, paddingRight: 12, verticalAlign: "middle" }}>
                <Initials name={p.name} size={44} bg={b.accent} radius={22} />
              </td>
              <td style={{ verticalAlign: "middle" }}>