import Link from "next/link";

/**
 * The quiet door, present in every room (ch.12).
 * No urgency, no pressure, an invitation to a conversation.
 */
export default function AppointmentInvite({
  heading = "Begin a conversation",
  line = "Whether you are searching for an extraordinary natural gemstone, commissioning a bespoke creation or seeking expert guidance, we look forward to hearing from you.",
}: {
  heading?: string;
  line?: string;
}) {
  return (
    <section className="section-tight vitrine" aria-label="Private appointments">
      <div className="wrap" style={{ textAlign: "center", maxWidth: 720, marginInline: "auto" }}>
        <p className="eyebrow rv" style={{ justifyContent: "center" }}>
          Private Appointments
        </p>
        <h2 className="h2 rv d1">{heading}</h2>
        <p className="lead rv d2" style={{ marginInline: "auto", marginTop: 22 }}>
          {line}
        </p>
        <div className="rv d3" style={{ marginTop: 34 }}>
          <Link href="/appointments" className="btn">
            Arrange a Private Appointment <span className="arr">→</span>
          </Link>
        </div>
      </div>
    </section>
  );
}