/* global React */
const { useState, useEffect, useRef } = React;

// ============ HERO ============
window.Hero = function Hero({ headlineKey, openForm }) {
  const HERO_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
    "heroEyebrow":    "old",
    "heroHeadline":   "old",
    "heroSub":        "old",
    "heroCapsule":    "new"
  }/*EDITMODE-END*/;
  const [t, setTweak] = useTweaks(HERO_TWEAK_DEFAULTS);

  const headlines = {
    downside: { kicker: "Asset‑backed returns from mortgage notes.", main: "Downside‑first." },
    track: { kicker: "$71.3M deployed.", main: "One discipline." },
    thesis: { kicker: "The credit opportunity", main: "Wall Street overlooks." },
    asset: { kicker: "Asset‑backed returns,", main: "institutionally managed." }
  };
  const h = headlines[headlineKey] || headlines.downside;

  const eyebrowText = t.heroEyebrow === "new"
    ? "DISTRESSED REAL ESTATE CREDIT"
    : "VRB CAPITAL · DISTRESSED REAL ESTATE DEBT STRATEGY";

  const lede = t.heroSub === "new"
    ? "VRB Capital acquires sub-performing and non-performing mortgage notes secured by residential, multifamily, and hospitality real estate nationwide. Every position is priced against As-Is Value, not Unpaid Principal Balance. VRB Capital has deployed $71.3M+ in note acquisitions, with GP capital in every transaction."
    : "VRB Capital acquires sub‑performing and non‑performing mortgage notes secured by U.S. real estate. The firm underwrites to verified collateral value — not the coupon — and manages each position to resolution in‑house.";

  const [armed, setArmed] = useState(false);
  const bgRef = useRef(null);
  useEffect(() => {const t = setTimeout(() => setArmed(true), 80);return () => clearTimeout(t);}, []);
  useEffect(() => {
    const onScroll = () => {
      if (bgRef.current) {
        bgRef.current.style.transform = `translateY(${window.scrollY * 0.28}px)`;
      }
    };
    window.addEventListener("scroll", onScroll, { passive: true });
    return () => window.removeEventListener("scroll", onScroll);
  }, []);
  const cls = (extra = "") => "hero-animate" + (armed ? " in" : "") + (extra ? " " + extra : "");
  const dl = (ms) => ({ transitionDelay: ms + "ms" });

  return (
    <section className="hero">
      <div ref={bgRef} className="hero-parallax-bg" aria-hidden="true" />
      <div className="hero-inner">
        <div>
          <div className={cls("eyebrow eyebrow-on-navy")} style={dl(0)}>{eyebrowText}</div>
          <h1 className={cls()} style={dl(120)}>
            {t.heroHeadline === "new"
              ? <><span>Buy below collateral value.</span><br /><span className="accent">Create returns from mortgage notes.</span></>
              : <>{h.kicker}<span className="accent">{h.main}</span></>}
          </h1>
          <p className={cls("hero-lede")} style={dl(280)}>{lede}</p>
          <div className={cls("hero-cta")} style={dl(440)}>
            <button className="btn btn-on-navy" onClick={openForm}>Request Investor Materials</button>
            <a href="track-record.html" className="btn btn-ghost-on-navy">View Track Record →</a>
          </div>
          <div className={cls("hero-meta")} style={dl(600)}>
            <div className="hero-meta-item">
              <div className="label">Managing Partner</div>
              <div className="value">
                <div style={{ whiteSpace: "nowrap" }}>Sachin Batra · 22+ yrs investing</div>
                <div>16+ yrs CRE</div>
              </div>
            </div>
            <div className="hero-meta-item">
              <div className="label">INVESTMENT STRUCTURE</div>
              <div className="value">Reg D · Rule 506(b)</div>
            </div>
            <div className="hero-meta-item">
              <div className="label">Minimum</div>
              <div className="value">Accredited only</div>
            </div>
          </div>
        </div>
        <div className={cls("hero-capsule")} style={dl(300)}>
          {t.heroCapsule === "new" ? (
            <>
              <div className="label">WHAT WE DO</div>
              <p>VRB Capital acquires discounted mortgage notes secured by residential, multifamily, and hotel real estate.</p>
              <p>Each position is underwritten to As-Is Value. VRB Capital passes on any note where the collateral does not cover the acquisition basis. Every resolution is executed internally: loan modification, payoff, foreclosure, or REO sale.</p>
            </>
          ) : (
            <>
              <div className="label">What VRB Capital does</div>
              <p><strong>VRB Capital is a U.S. private credit firm</strong> specializing in the acquisition and active management of sub‑performing and non‑performing mortgage notes, targeting positions between <strong>$0.5M and $10M+ UPB</strong> secured by residential, multifamily, and hospitality real estate.</p>
              <p>Every acquisition is underwritten to current as‑is collateral value and executed at a disciplined basis. Returns are generated through loan modification, discounted payoff, short payoff, or REO disposition — resolved in‑house.</p>
            </>
          )}
        </div>
      </div>
      <TweaksPanel>
        <TweakSection label="Hero Copy" />
        <TweakRadio label="Eyebrow"   value={t.heroEyebrow}  options={["new","current"]} onChange={(v) => setTweak("heroEyebrow",  v)} />
        <TweakRadio label="Headline"  value={t.heroHeadline} options={["new","current"]} onChange={(v) => setTweak("heroHeadline", v)} />
        <TweakRadio label="Sub"       value={t.heroSub}      options={["new","current"]} onChange={(v) => setTweak("heroSub",      v)} />
        <TweakRadio label="Right box" value={t.heroCapsule}  options={["new","current"]} onChange={(v) => setTweak("heroCapsule",  v)} />
      </TweaksPanel>
    </section>);
};

// ============ STATS STRIP ============
window.StatsStrip = function StatsStrip() {
  return (
    <section className="stats-strip">
      <div className="stats-strip-inner">
        <Reveal variant="scale" delay={0}>
          <div className="stat">
            <div className="label">Realized Loss Rate</div>
            <div className="value"><Counter to={0.0} decimals={1} /><span className="unit">%</span></div>
            <div className="sub">Zero principal loss on fully resolved loans</div>
          </div>
        </Reveal>
        <Reveal variant="scale" delay={80}>
          <div className="stat">
            <div className="label">Minimum IRR Delivered</div>
            <div className="value"><Counter to={15} /><span className="unit">%</span></div>
            <div className="sub">On all fully resolved loans</div>
          </div>
        </Reveal>
        <Reveal variant="scale" delay={160}>
          <div className="stat">
            <div className="label">Lifetime Transaction Volume</div>
            <div className="value">$<Counter to={2.5} decimals={1} /><span className="unit">B+</span></div>
            <div className="sub">22+ years of investing experience</div>
          </div>
        </Reveal>
        <Reveal variant="scale" delay={240}>
          <div className="stat">
            <div className="label">Capital Advised</div>
            <div className="value">$<Counter to={71.3} decimals={1} /><span className="unit">M+</span></div>
            <div className="sub">Across 50+ completed transactions since 2022</div>
          </div>
        </Reveal>
      </div>
    </section>);

};

// ============ STRATEGY PILLARS ============
window.Strategy = function Strategy() {
  const P = window.VRB_PHOTOS;
  const pillars = [
  {
    num: "01 / RESIDENTIAL",
    title: "Single‑Family Notes",
    body: "First or Second‑lien notes on 1–4 unit residential real estate. Non‑performing borrower situations where modification, short payoff, or disposition restores the position to par.",
    photo: P.residential, label: "residential SFR, Houston TX",
    specs: [
    ["Typical UPB", "$0.5M – $1M"],
    ["Target CLTV", "70 – 85%"],
    ["Geography", "Sunbelt / Midwest"],
    ["Resolution", "6 – 18 months"]]

  },
  {
    num: "02 / MULTIFAMILY",
    title: "Small‑Balance Multifamily Loans",
    body: "First‑lien notes on multifamily properties. Sub‑performing and non‑performing positions where the collateral supports a full recovery at disciplined acquisition basis.",
    photo: P.multifamily, label: "garden multifamily, Phoenix AZ",
    specs: [
    ["Typical UPB", "$0.5M – $10M"],
    ["Target LTV", "70 – 80%"],
    ["Geography", "Nationwide"],
    ["Resolution", "12 – 36 months"]]

  },
  {
    num: "03 / HOSPITALITY",
    title: "Hotel & Hospitality Notes",
    body: "First‑lien notes on limited‑service and select‑service hospitality assets. Dislocated lender positions where operational repositioning supports note resolution and the collateral supports a full recovery.",
    photo: P.hospitality, label: "select-service hotel, Atlanta GA",
    specs: [
    ["Typical UPB", "$1M – $10M+"],
    ["Target CLTV", "70 – 80%"],
    ["Geography", "Nationwide"],
    ["Resolution", "12 – 36 months"]]

  }];

  return (
    <section className="section">
      <div className="container">
        <div className="section-head">
          <div>
            <Reveal variant="fade"><div className="eyebrow">Strategy</div></Reveal>
            <RevealWords text="Three asset classes. One underwriting discipline." tag="h2" className="section-title" />
          </div>
          <Reveal variant="fade" delay={120}><p className="section-lede">VRB Capital concentrates on U.S. real estate‑secured debt where institutional competition is thin, too specialized for banks, and too operationally intensive for passive investors..</p></Reveal>
        </div>
        <div className="pillars">
          {pillars.map((p, i) =>
          <Reveal key={i} delay={i * 120} variant="scale">
              <div className="pillar">
                <div className="pillar-photo">
                  <Photo src={p.photo} label={p.label} ratio="16/10" />
                </div>
                <div className="pillar-num">{p.num}</div>
                <h3>{p.title}</h3>
                <p>{p.body}</p>
                <div className="pillar-specs">
                  {p.specs.map(([k, v], j) =>
                <div className="spec" key={j}>
                      <div className="k">{k}</div>
                      <div className="v">{v}</div>
                    </div>
                )}
                </div>
              </div>
            </Reveal>
          )}
        </div>
      </div>
    </section>);

};

// ============ PROCESS (5 steps) ============
window.Process = function Process() {
  const steps = [
  { num: "01", title: "Source", body: "Direct relationships with banks, special servicers, and loan sale advisors. Proprietary pipeline of $400M+ annual screened flow." },
  { num: "02", title: "Underwrite", body: "Two independent collateral valuations (BPO + desktop appraisal). Borrower capacity review. Exit path modeled at base, downside, and stress cases." },
  { num: "03", title: "Acquire", body: "Disciplined basis — typical acquisition at 60–90% of UPB. Every acquisition committee‑approved with a documented resolution thesis." },
  { num: "04", title: "Manage", body: "Active borrower engagement, servicer oversight, and collateral preservation. Every loan reviewed monthly against its resolution plan." },
  { num: "05", title: "Resolve", body: "Loan modification, discounted payoff, short payoff, REO disposition, or reperforming sale. Resolution path selected for highest risk‑adjusted return." }];

  return (
    <section className="section section-alt">
      <div className="container">
        <div className="section-head">
          <div>
            <Reveal variant="fade"><div className="eyebrow">Investment Process</div></Reveal>
            <RevealWords text="Five steps from sourcing to resolution." tag="h2" className="section-title" />
          </div>
          <Reveal variant="fade" delay={120}><p className="section-lede">Every loan VRB Capital acquires moves through the same five‑step framework. Discipline at each step compounds into downside protection at the portfolio level.</p></Reveal>
        </div>
        <div className="process">
          {steps.map((s, i) =>
          <Reveal key={i} delay={i * 100} variant="up">
              <div className={"process-step " + (i === 0 ? "active" : "")}>
                <div className="process-step-num">{s.num}</div>
                <h4>{s.title}</h4>
                <p>{s.body}</p>
              </div>
            </Reveal>
          )}
        </div>
      </div>
    </section>);

};

// ============ CASE STUDIES (4 featured) ============
window.CaseStudies = function CaseStudies() {
  const P = window.VRB_PHOTOS;
  const cases = (window.TrackRecord || []).filter((d) => d.caseStudy).sort((a, b) => a.caseStudy.num - b.caseStudy.num);

  const irrLabel = (d) => d.irr === null ? "—" : d.irr + "%";
  const holdLabel = (d) => d.hold === "Active" ? "Active" : typeof d.hold === "number" ? d.hold + " months" : "—";
  const statusPill = (d) => {
    if (d.status === "Paid") return { cls: "pill", style: { background: "var(--vrb-light-blue)", color: "var(--vrb-blue)" }, text: "Completed" };
    if (d.group === "workout") return { cls: "pill pill-neg", style: null, text: d.stage };
    const text = /bankruptcy/i.test(d.stage) ? "Performing under Bankruptcy Chapter 13" : "Performing · " + d.stage;
    return { cls: "pill pill-pos", style: null, text };
  };

  return (
    <section className="section" style={{ paddingBottom: 24 }}>
      <div className="container">
        <div className="section-head">
          <div>
            <Reveal variant="fade"><div className="eyebrow">Selected Transactions</div></Reveal>
            <RevealWords text="Evidence, not claims." tag="h2" className="section-title" />
          </div>
          <Reveal variant="fade" delay={120}><p className="section-lede">Representative transactions from the VRB Capital portfolio, shown in full — the strategy applied at the note level and the takeaway. Past performance is not indicative of future results.</p></Reveal>
        </div>
        <div className="case-tiles">
          {cases.map((d, i) => {
            const cs = d.caseStudy;
            const sp = statusPill(d);
            return (
              <Reveal key={i} delay={i * 60}>
                <article className="case-tile">
                  <div className="case-row-head">
                    <div className="case-row-title">
                      <span className="case-num">{cs.num}</span>
                      <div>
                        <h3>{d.city}, {d.state}</h3>
                        <div className="case-sub">{d.asset === "Multi-Family" ? "Multifamily" : "Residential"} · {d.lien}</div>
                      </div>
                    </div>
                    <div className="case-row-status">
                      <span className={sp.cls} style={sp.style}>{sp.text}</span>
                      <div className="case-hold">Hold: {holdLabel(d)}</div>
                    </div>
                  </div>
                  <div className="case-row-metrics">
                    <div className="case-metric case-metric-irr">
                      <div className="v">{irrLabel(d)}</div>
                      <div className="k">{d.projected ? "Proj. IRR" : "IRR"}</div>
                    </div>
                    <div className="case-metric">
                      <div className="v">{d.cltv ? d.cltv + "%" : "—"}</div>
                      <div className="k">CLTV</div>
                    </div>
                    <div className="case-metric">
                      <div className="v">{d.noteType}</div>
                      <div className="k">Note Type</div>
                    </div>
                    <div className="case-metric">
                      <div className="v">{d.strategy}</div>
                      <div className="k">Exit Method</div>
                    </div>
                  </div>
                </article>
              </Reveal>);

          })}
        </div>
        <div style={{ marginTop: 20, display: "flex", justifyContent: "center" }}>
          <a href="track-record.html" className="btn btn-secondary btn-lg">Track Record in Detail →</a>
        </div>
      </div>
    </section>);

};

// ============ COMPARISON TABLE ============
window.Comparison = function Comparison() {
  const rows = [
  ["Underlying Collateral", "1st/2nd Lien on Real Property", "Direct Property Ownership", "Pooled Equity in Property", "Diversified Loan Pool", "Diversified Property/Loan Pool"],
  ["Loss Absorption Position", ["Senior to Equity", "pill-pos"], ["Owner Absorbs First", "pill-neu"], ["Equity, Residual Claim", "pill-neu"], ["Senior Debt", "pill-pos"], ["Equity, Residual Claim", "pill-neu"]],
  ["GP / Sponsor Co-Investment", "Every Transaction", "N/A", "Varies by Sponsor", "Varies by Manager", "None"],
  ["Fund-Level Leverage", "None", "Mortgage-Dependent", "Sponsor-Dependent", "Common", "Common"],
  ["Active Management Required", "None (Co-Invest)", "High — Tenants, Repairs, Vacancy", "None", "None", "None"],
  ["Income Frequency", "Monthly (Loan-Dependent)", "Monthly (Rent-Dependent)", "Quarterly", "Monthly / Quarterly", "Quarterly"],
  ["Liquidity / Typical Hold", "6–24 Months to Resolution", "Indefinite, Sale-Dependent", "3–7 Year Lockup", "1–3 Year Fund Life, Gated", "5–10 Years, Gated Redemptions"],
  ["Return Driver", "Acquisition Basis + Workout", "Rent + Appreciation", "NOI Growth + Exit Cap Rate", "Interest Rate Spread", "Portfolio NOI"],
  ["Minimum Investment", "~$50,000", "Full Property Price", "$50,000–$100,000", "$100,000–$250,000", "$25,000–$50,000"]];

  const cols = ["VRB Capital Notes", "Rental Properties", "RE Syndications", "Private Debt Funds", "Non-Traded REITs"];
  return (
    <section className="section">
      <div className="container">
        <div className="section-head">
          <div>
            <Reveal variant="fade"><div className="eyebrow">Comparison</div></Reveal>
            <RevealWords text="How mortgage notes compare to other investments." tag="h2" className="section-title" />
          </div>
          <Reveal variant="fade" delay={120}><p className="section-lede">Accredited investors evaluating real estate exposure are typically choosing among five structures. The table below compares VRB Capital's note strategy against the four most common alternatives on the factors that drive outcomes — collateral position, alignment, leverage, and liquidity. A framework comparison, not a projection of returns.</p></Reveal>
        </div>
        <Reveal variant="up" delay={150}>
        <div className="comp-wrap">
          <table className="comp-table" style={{ tableLayout: "fixed" }}>
            <colgroup>
              <col style={{ width: "22%" }} />
              <col style={{ width: "15.6%" }} />
              <col style={{ width: "15.6%" }} />
              <col style={{ width: "15.6%" }} />
              <col style={{ width: "15.6%" }} />
              <col style={{ width: "15.6%" }} />
            </colgroup>
            <thead>
              <tr>
                <th>Dimension</th>
                {cols.map((c, i) =>
                  <th key={i} className={i === 0 ? "highlight" : ""}>{c}</th>
                  )}
              </tr>
            </thead>
            <tbody>
              {rows.map((row, i) =>
                <tr key={i}>
                  <td className="row-label">{row[0]}</td>
                  {row.slice(1).map((cell, j) => {
                    const highlight = j === 0 ? "highlight" : "";
                    if (Array.isArray(cell)) {
                      return <td key={j} className={highlight}><span className={"pill " + cell[1]}>{cell[0]}</span></td>;
                    }
                    return <td key={j} className={highlight + (j > 0 ? " dim" : "")}>{cell}</td>;
                  })}
                </tr>
                )}
            </tbody>
          </table>
        </div>
        </Reveal>
        <p className="vrb-caption" style={{ marginTop: 16, fontSize: 11 }}>
          Framework comparison based on typical market characteristics. Not a projection of returns. All investments involve risk, including possible loss of principal.
        </p>
      </div>
    </section>);

};

// ============ FEES ============
window.Fees = function Fees() {
  const fees = [
  { amount: "1.5", unit: "%", title: "Management Fee", body: "Annual fee on committed capital during investment period; steps down to 1.0% on invested capital post‑investment period. Calculated and paid quarterly." },
  { amount: "20", unit: "%", title: "Performance Fee", body: "Carried interest above an 8% preferred return to Limited Partners, with 100% catch‑up. European waterfall, applied at fund‑level on realized proceeds." },
  { amount: "Actual", unit: "", title: "Fund Expenses", body: "Third‑party costs — legal, audit, administration, due diligence — pass through at actual cost. Capped at 25 basis points of committed capital annually." }];

  return (
    <section className="section section-alt">
      <div className="container-narrow">
        <div className="section-head centered">
          <div>
            <div className="eyebrow">Fee Transparency</div>
            <h2 className="section-title">What VRB Capital charges — in full.</h2>
            <p className="section-lede">
              Every fee the fund charges is disclosed below. Full fee schedule, expense allocations, and waterfall mechanics are documented in the Private Placement Memorandum.
            </p>
          </div>
        </div>
        <div className="fees-grid">
          {fees.map((f, i) =>
          <div key={i} className="fee">
              <div className="amount">{f.amount}<span className="unit">{f.unit}</span></div>
              <h4>{f.title}</h4>
              <p>{f.body}</p>
            </div>
          )}
        </div>
        <p className="vrb-caption" style={{ marginTop: 24, textAlign: "center" }}>
          Fee schedule applies to the VRB Credit Opportunities Fund series. Terms are subject to Limited Partnership Agreement. No sales loads, placement fees, or promoted compensation.
        </p>
      </div>
    </section>);

};

// ============ PARTNERS STRIP ============
window.Partners = function Partners() {
  const providers = [
  {
    role: "Fund Administrator",
    name: "Opus Fund Services",
    detail: "Monthly capital account statements, quarterly performance reports, and annual K‑1 preparation. Custody and NAV calculation."
  },
  {
    role: "Independent Auditor",
    name: "EisnerAmper LLP",
    detail: "Annual audited financial statements prepared under GAAP. Delivered to limited partners no later than 120 days after fiscal year‑end."
  },
  {
    role: "Legal Counsel",
    name: "Kirkland & Ellis LLP",
    detail: "Fund formation, LP agreement, subscription documents, and ongoing regulatory compliance under Regulation D Rule 506(b)."
  },
  {
    role: "Loan Servicer",
    name: "BSI Financial Services",
    detail: "Licensed third‑party servicer overseeing payment collection, escrow, loss mitigation, and investor reporting on each mortgage note."
  }];


  return (
    <section className="section section-alt">
      <div className="container">
        <div className="section-head centered">
          <div>
            <Reveal variant="fade"><div className="eyebrow">Institutional Infrastructure</div></Reveal>
            <RevealWords text="Named service providers. No black boxes." tag="h2" className="section-title" />
            <Reveal variant="fade" delay={120}><p className="section-lede">VRB Capital operates with the same institutional service providers a pension‑fund‑quality manager would use. Names are published, relationships are documented, and references are available to qualified investors on request.</p></Reveal>
          </div>
        </div>
        <div className="partners-grid">
          {providers.map((p, i) =>
          <Reveal key={i} delay={i * 90} variant="scale">
              <div className="partner-card">
                <div className="partner-role">{p.role}</div>
                <div className="partner-name">{p.name}</div>
                <p className="partner-detail">{p.detail}</p>
              </div>
            </Reveal>
          )}
        </div>
        <p className="vrb-caption" style={{ marginTop: 32, textAlign: "center" }}>
          Provider relationships and engagement letters are available for review by qualified accredited investors upon request.
        </p>
      </div>
    </section>);

};

// ============ FOUNDER ============
window.Founder = function Founder() {
  return (
    <section className="section section-alt" style={{ paddingTop: 24 }}>
      <div className="container">
        <div className="founder">
          <Reveal variant="right">
            <div className="founder-photo">
              <Photo src={window.VRB_PHOTOS.founder} label="Sachin Batra, Managing Partner" ratio="4/5" />
              <div className="caption">
                <strong>Sachin Batra</strong>
                Managing Partner · VRB Capital
              </div>
            </div>
          </Reveal>
          <Reveal variant="left" delay={100}>
            <div>
              <div className="eyebrow">Managing Partner</div>
              <blockquote className="founder-quote">"We never acquire a note without verified collateral value from two independent sources, and we never underwrite to a coupon we do not control. Basis is the primary protection."

              </blockquote>
              <p className="founder-bio">Sachin founded VRB Capital in 2020 to institutionalize the acquisition of small‑balance real estate credit. Previously, he was Managing Director at Religare Global Asset Management, where he oversaw $2.5B+ in aggregate transaction volume across credit and real estate strategies.

              </p>
              <div className="founder-creds">
                <div className="cred">
                  <div className="k">Experience</div>
                  <div className="v">36 years</div>
                </div>
                <div className="cred">
                  <div className="k">Investing</div>
                  <div className="v">22+ years</div>
                </div>
                <div className="cred">
                  <div className="k">CRE</div>
                  <div className="v">16+ years</div>
                </div>
                <div className="cred">
                  <div className="k">Education</div>
                  <div className="v">MBA, Carnegie Mellon · Tepper</div>
                </div>
                <div className="cred">
                  <div className="k">PREVIOUS ROLE</div>
                  <div className="v">MD, Religare Global Asset Mgmt.</div>
                </div>
              </div>
            </div>
          </Reveal>
        </div>
      </div>
    </section>);

};

// ============ CTA Section with Lead Form ============
window.CTASection = function CTASection() {
  return (
    <section className="cta-section" id="lead-form">
      <div className="cta-inner">
        <Reveal variant="right">
          <div className="cta-copy">
            <div className="eyebrow eyebrow-on-navy">Accredited Investors</div>
            <h2>The investor guide and a conversation.</h2>
            <p>Qualified accredited investors may request the VRB Capital Investor Guide and an introductory conversation with our investment team.</p>
            <ul>
              <li>Complete investor guide</li>
              <li>30‑minute call with the member of our investment team</li>
            </ul>
            <a className="cta-copy-sublink" href="https://www.investor.gov/introduction-investing/general-resources/news-alerts/alerts-bulletins/investor-bulletins/updated-3" target="_blank" rel="noopener noreferrer">Not sure if you qualify? See the SEC's accredited investor definition ↗</a>
          </div>
        </Reveal>
        <Reveal variant="left" delay={120}>
          <LeadForm />
        </Reveal>
      </div>
    </section>);

};

Object.assign(window, {
  Hero: window.Hero,
  StatsStrip: window.StatsStrip,
  Strategy: window.Strategy,
  Process: window.Process,
  CaseStudies: window.CaseStudies,
  Comparison: window.Comparison,
  Fees: window.Fees,
  Partners: window.Partners,
  Founder: window.Founder,
  CTASection: window.CTASection
});