spb/hilmacorp

1/**2 * Author: Simon-Pierre Boucher3 * Contact: contact@spboucher.ai4 * Project: Hilmacorp.ai — Web Platform5 * File: components/SectionHeading.tsx6 * Description: Reusable section heading — kicker line, serif display title, optional lead paragraph7 */89export default function SectionHeading({10  kicker,11  title,12  lead,13  as: Tag = "h2",14}: {15  kicker?: string;16  title: string;17  lead?: string;18  as?: "h1" | "h2";19}) {20  return (21    <div className="max-w-3xl">22      {kicker ? (23        <p className="mb-4 font-mono text-xs uppercase tracking-[0.28em] text-accent">24          {kicker}25        </p>26      ) : null}27      <Tag28        className={29          Tag === "h1"30            ? "font-display text-4xl font-semibold leading-[1.08] tracking-tight text-ink sm:text-6xl"31            : "font-display text-3xl font-semibold leading-tight tracking-tight text-ink sm:text-4xl"32        }33      >34        {title}35      </Tag>36      {lead ? (37        <p className="mt-6 text-lg leading-relaxed text-ink-soft">{lead}</p>38      ) : null}39    </div>40  );41}42