/* ===================== Independent Audit page ===================== */
const { Icon, Verdict, PageShell, PageHero, DeepRow, CTASection, HOME } = window;

/* on-site inspection of the equipment */
function ConditionPanel() {
  return (
    <div className="panel">
      <div className="panel__top">
        <div className="panel__title"><b>Condition inspection · Tower A</b><span>Machine room · shaft · pit · car</span></div>
        <div className="panel__chip panel__chip--accent">Photo-documented</div>
      </div>
      <div className="panel__sec">On-site findings</div>
      <div className="lrow"><span className="lrow__dot lrow__dot--flag"></span><div className="lrow__main"><div className="lrow__t">Controller obsolete</div><div className="lrow__s">Parts no longer supported, at end of life</div></div><span className="ltag ltag--flag">End of life</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--flag"></span><div className="lrow__main"><div className="lrow__t">Door operator worn</div><div className="lrow__s">Leading cause of your call-outs</div></div><span className="ltag ltag--flag">Wear</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--ok"></span><div className="lrow__main"><div className="lrow__t">Guide rails &amp; car</div><div className="lrow__s">Structurally sound, life remaining</div></div><span className="ltag ltag--ok">OK</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--ok"></span><div className="lrow__main"><div className="lrow__t">Safety &amp; compliance</div><div className="lrow__s">Compliant with AS 1735 at inspection</div></div><span className="ltag ltag--ok">Pass</span></div>
      <Verdict inPanel tag="Condition audit" title="An honest read of the equipment">
        A hands-on inspection of every major component, so you know what is <strong>worn</strong>, what is <strong>obsolete</strong>, and what still has life left.
      </Verdict>
    </div>
  );
}

/* remaining life and a phased, costed capital plan */
function CapitalPanel() {
  return (
    <div className="panel">
      <div className="panel__top">
        <div className="panel__title"><b>Capital plan · Tower A</b><span>15-year forecast</span></div>
        <div className="panel__chip panel__chip--accent">Costed</div>
      </div>
      <div className="panel__sec">Phased works</div>
      <div className="lrow"><span className="lrow__dot lrow__dot--flag"></span><div className="lrow__main"><div className="lrow__t">Year 1 · Door operators</div><div className="lrow__s">Highest failure risk, do first</div></div><span className="ltag ltag--flag">Priority</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--flag"></span><div className="lrow__main"><div className="lrow__t">Year 2-3 · Controller &amp; drive</div><div className="lrow__s">Obsolete parts, plan the replacement</div></div><span className="ltag ltag--flag">Plan</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--ok"></span><div className="lrow__main"><div className="lrow__t">Year 8-10 · Full modernisation</div><div className="lrow__s">Budget and stage across levies</div></div><span className="ltag ltag--ok">Budget</span></div>
      <div className="panel__sec panel__sec--div">Remaining life</div>
      <div className="lrow"><span className="lrow__dot lrow__dot--ok"></span><div className="lrow__main"><div className="lrow__t">Estimated 8-10 years</div><div className="lrow__s">With the staged works above</div></div><span className="ltag ltag--ok">Est.</span></div>
      <Verdict inPanel tag="Capital report" title="A plan you can budget to">
        A phased, costed plan so the committee can <strong>set levies and stage the spend</strong>, instead of being blindsided when a lift fails.
      </Verdict>
    </div>
  );
}

/* how the audit is charged: fixed fee, never a cut */
function IndependencePanel() {
  return (
    <div className="panel">
      <div className="panel__top">
        <div className="panel__title"><b>How the audit is charged</b><span>Independent by design</span></div>
        <div className="panel__chip panel__chip--good">No conflict</div>
      </div>
      <div className="lrow"><span className="lrow__dot lrow__dot--good"></span><div className="lrow__main"><div className="lrow__t">Fixed fee, agreed upfront</div><div className="lrow__s">You know the cost before we start</div></div><span className="ltag ltag--good">Set</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--good"></span><div className="lrow__main"><div className="lrow__t">Never a % of your works or savings</div><div className="lrow__s">Nothing skews what we find</div></div><span className="ltag ltag--good">Clean</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--good"></span><div className="lrow__main"><div className="lrow__t">No ties to any lift company</div><div className="lrow__s">No commissions, no referral fees</div></div><span className="ltag ltag--good">Independent</span></div>
      <div className="lrow"><span className="lrow__dot lrow__dot--good"></span><div className="lrow__main"><div className="lrow__t">Paid by you, working for you</div><div className="lrow__s">The building's interest, and only that</div></div><span className="ltag ltag--good">Aligned</span></div>
      <Verdict inPanel tag="Why it matters" title="An audit is only worth having if it's honest">
        A reviewer paid a cut of the works has a reason to find them. We charge a <strong>fixed fee</strong>, so the finding is the finding, and a clean report sets you up to plan or modernise on your terms.
      </Verdict>
    </div>
  );
}

const auditSchema = {
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Service",
      "@id": "https://liftportfoliomanagement.com.au/audit.html#service",
      name: "Independent Lift Audit",
      serviceType: "Independent lift condition audit and capital works planning",
      provider: {
        "@type": "Organization",
        "@id": "https://liftportfoliomanagement.com.au/#organization",
        name: "Lift Portfolio Management",
        url: "https://liftportfoliomanagement.com.au/",
      },
      areaServed: ["AU", "NZ"],
      audience: { "@type": "Audience", audienceType: "Building owners, strata committees and facility managers" },
      description:
        "An independent, on-site lift condition audit by a technical expert with no ties to any lift company. The equipment is inspected against AS 1735, its remaining life is assessed, and a costed 5, 10 and 15 year capital plan is produced. Charged as a fixed fee, never a percentage of the works.",
      offers: { "@type": "Offer", priceCurrency: "AUD", description: "Fixed fee, agreed upfront, never a percentage of your project or savings." },
    },
    {
      "@type": "BreadcrumbList",
      itemListElement: [
        { "@type": "ListItem", position: 1, name: "LPM", item: "https://liftportfoliomanagement.com.au/" },
        { "@type": "ListItem", position: 2, name: "Independent Audit", item: "https://liftportfoliomanagement.com.au/audit.html" },
      ],
    },
  ],
};

function Page() {
  return (
    <PageShell current="audit.html">
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(auditSchema) }} />
      <PageHero
        icon="shield"
        kicker="Independent Audit"
        crumb="Independent Audit"
        title={<>Ensure you fully understand your position <span className="soft">before making any commitments.</span></>}
        sub="An independent audit involves a technical expert conducting an impartial, on-site inspection of your lift. We assess the condition and compliance of the equipment and provide a written report detailing its remaining life and future requirements."
        pills={["Condition", "Compliance", "Remaining life", "Capital plan"]}
        primary={<a className="btn btn--accent" href="contact.html">Request an audit <span className="arr"><Icon name="arrow" /></span></a>}
      />

      <section className="section statband" id="receive">
        <div className="wrap">
          <div style={{ textAlign: "center", maxWidth: 680, margin: "0 auto 40px" }}>
            <span className="eyebrow">What you receive</span>
            <h2 className="section__title" style={{ marginTop: 10 }}>An independent set of eyes on your lift.</h2>
            <p className="section__sub" style={{ marginLeft: "auto", marginRight: "auto" }}>A technical expert inspects the equipment in person and gives you a clear, honest report on its condition and what it will need next.</p>
          </div>
          <div className="statgrid">
            <div className="stat">
              <div className="stat__n"><span>Expert</span>-led</div>
              <div className="stat__l">a technical expert conducts an in-person inspection, not a remote assessment</div>
            </div>
            <div className="stat">
              <div className="stat__n">Written report</div>
              <div className="stat__l">a clear, comprehensive condition report, suitable to present to owners</div>
            </div>
            <div className="stat">
              <div className="stat__n">Capital plan</div>
              <div className="stat__l">a plan with costs phased over 5, 10 and 15 years</div>
            </div>
            <div className="stat">
              <div className="stat__n">Photo evidence</div>
              <div className="stat__l">all findings documented with photographs, for complete transparency</div>
            </div>
          </div>
        </div>
      </section>

      <section className="section" style={{ paddingTop: 70 }} id="condition">
        <div className="wrap">
          <DeepRow
            kicker="Condition & compliance"
            title="The actual condition of your lift, verified through an on-site inspection."
            desc="We conduct in-person inspections of the machine room, shaft, pit, and car, evaluating the controller, drive, doors, safety gear, and ride quality for condition, wear, and compliance with AS 1735. Each finding is documented with photographs, providing a clear assessment of what is sound, worn, or at end of life."
            points={[
              <><b>On-site, not remote</b><span>: hands-on inspections of the machine room, shaft, pit, and car, rather than remote assessments.</span></>,
              <><b>Every major component</b><span>: the controller, drive, doors, safety gear, and car, thoroughly assessed and photographed.</span></>,
              <><b>Compliance checked</b><span>: measured against AS 1735 and all relevant codes for your building.</span></>,
            ]}
            visual={<ConditionPanel />}
          />
        </div>
      </section>

      <section className="section band" id="capital" style={{ paddingTop: 90 }}>
        <div className="wrap">
          <DeepRow
            rev
            kicker="Remaining life & capital plan"
            title="Identify required actions, timelines, and budget considerations."
            desc="Following the inspection, we outline the remaining life of your lift and provide a phased, costed capital plan for 5, 10, and 15 years, including a clear recommendation to modernise or replace. This ensures major works are planned, not unexpected."
            points={[
              <><b>Remaining life, estimated</b><span>: an honest estimate of how long your lift has left.</span></>,
              <><b>A costed forward plan</b><span>: phased over 5, 10, and 15 years.</span></>,
              <><b>Modernise or replace</b><span>: a clear recommendation suitable for presentation to owners.</span></>,
            ]}
            visual={<CapitalPanel />}
          />
        </div>
      </section>

      <section className="section band" id="independent" style={{ paddingTop: 90 }}>
        <div className="wrap">
          <DeepRow
            kicker="Independent by design"
            title="We charge a fixed fee, never a percentage of your project costs."
            desc="Our independent audits are impartial. We agree on a fixed fee upfront, never a percentage of your project or savings, and maintain no affiliations with any lift company. Our only priority is your building's best interest."
            points={[
              <><b>Fixed, transparent fee</b><span>: agreed upon before work begins, never influenced by inspection findings.</span></>,
              <><b>No commissions or referral fees</b><span>: from lift companies, ensuring unbiased advice.</span></>,
              <><b>A reliable basis to plan</b><span>: our report is a foundation for budgeting, modernisation, or tendering on your terms.</span></>,
            ]}
            visual={<IndependencePanel />}
          />
        </div>
      </section>

      <CTASection contact title="Put an independent expert on your lifts." sub="Know exactly where your lift stands, and what it will need. Get in touch and we'll scope an audit with you." />
    </PageShell>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<Page />);