// Boise Boudoir — Section 7 (Trust Block w/ CTA)

function BbTrust() {
  return (
    <section data-screen-label="07 BB Trust" style={{
      position: "relative", background: BB_INK, overflow: "hidden",
      padding: "180px 48px", minHeight: 720,
    }}>
      <img src="/images/vb-trust.jpg"
        alt="Boise boudoir photographer with twenty years of experience — moody editorial portrait at J Renee Studios"
        style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", objectPosition: "center 30%", opacity: 0.42 }}/>
      <div style={{ position: "absolute", inset: 0, background: "linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.78) 100%)" }}/>
      <div style={{ position: "relative", maxWidth: 980, margin: "0 auto", textAlign: "center" }}>
        <div style={{ display: "inline-flex", alignItems: "center", gap: 16, marginBottom: 36 }}>
          <BbGoldRule width={44} />
          <BbEyebrow color={BB_GOLD}>Twenty Years Behind the Lens</BbEyebrow>
          <BbGoldRule width={44} />
        </div>
        <h2 style={{
          fontFamily: "Gloock, serif", fontWeight: 400, color: BB_WHITE,
          fontSize: "clamp(40px, 5.4vw, 72px)", lineHeight: 1.08,
          letterSpacing: "-0.005em", margin: "0 0 44px 0", textWrap: "balance",
        }}>
          You don't need to be photogenic. <em style={{ fontStyle: "italic", color: "#efe5cf" }}>You need the right photographer.</em>
        </h2>
        <div style={{
          fontFamily: "Poppins, sans-serif", fontWeight: 300, fontSize: 16,
          lineHeight: 1.85, color: "rgba(255,255,255,0.86)", maxWidth: 740, margin: "0 auto 56px",
        }}>
          <p style={{ margin: "0 0 22px 0" }}>
            I've been a working photographer for over twenty years. I've photographed thousands of women — many of them in this exact studio, on this exact floor.
          </p>
          <p style={{ margin: "0 0 22px 0" }}>
            I've never once photographed a woman who didn't love her images. Not because of Photoshop. Because of posing, lighting, and two decades of knowing exactly how to show a woman herself.
          </p>
          <p style={{ margin: 0, fontFamily: "Gloock, serif", fontStyle: "italic", fontSize: 22, color: BB_WHITE }}>
            You don't have to change a single thing.
          </p>
        </div>
        <BbBtn variant="gold" href="#inquire">Tell me your story → Inquire</BbBtn>
      </div>
    </section>
  );
}

Object.assign(window, { BbTrust });
