const ROLEDATA = {
  contractor: {
    page: 'for-contractors.html',
    eyebrow: 'For Labour Contractors',
    title: 'Stop chasing work. Start bidding on it.',
    sub: 'Open requirements from verified EPCs and builders, with headcount, rate band and start date stated up front — plus access to the registered labour pool, and an optional back-office that runs your own workers\u2019 compliance.',
    price: 'Platform subscription, annual — quoted against your requirement',
    planName: 'Platform subscription',
    planLead: 'An annual subscription. Two tiers: Starter for one location, Growth for the whole Pune Metropolitan Region with unlimited bidding. Choose the volume of workers you need to reach, request a quote, and we send the figure and the terms.',
    planIncludes: ['Starter — 25 worker contact reveals and 10 bids a month, one location', 'Growth — 75 reveals, unlimited bidding, verified badge, region-wide discovery', 'Labour pool access with a monthly reveal allowance', 'Verified business profile with project history'],
    pains: [
      ['Work comes from whoever calls first', 'Requirements are posted openly to verified suppliers in the city. You see them at the same time as everyone else.'],
      ['Nobody knows your capacity', 'Your profile carries trades handled, workforce capacity, years in business and completed engagements — checked, not claimed.'],
      ['Finding 20 masons means calling a mukadam', 'The registered pool shows availability by trade and city, with verification status, and you reveal contacts within your monthly allowance.'],
      ['Your own registers are written the week an inspector calls', 'You are the employer of your workers. The compliance back-office add-on has our team prepare those registers and filings every month instead.'],
    ],
    features: [
      ['radar', 'Requirement discovery', 'Filter by trade, location, headcount, duration and bid deadline. Save the filters you use every morning.'],
      ['file-signature', 'Structured bidding', 'Proposed workforce, rate, availability, start date, estimated fulfilment time, notes and supporting documents.'],
      ['users-round', 'Labour pool access', 'Workforce registered on the Labour Tech app, by trade and city, so you can size a bid against real available supply. Contact reveals within your allowance, with a cooldown per worker.'],
      ['badge-check', 'Verified profile', 'GST or PAN and KYC verification, visible on every requirement you bid on.'],
      ['file-stack', 'Compliance back-office — optional add-on', 'Ask for it and we quote it with your subscription. Our team prepares Forms 9 to 19 and Form D, the wage register and muster roll, PF, ESIC, PT and TDS bifurcation, returns filing support, and a monthly audit pack you can hand to your principal employer.'],
    ],
    screens: ['feed', 'bidsubmit'],
    cta: ['Register, verify, bid.', 'Registration takes a few minutes. Verification is usually done within a few working days, and bidding opens the moment it clears.'],
  },
  epc: {
    page: 'for-epcs.html',
    eyebrow: 'For EPC & general contractors',
    title: 'One retainer per site, and the labour department for that site is ours.',
    sub: 'Verified workers deployed at the seat count your package needs, every statutory register and return prepared by our team on a dated calendar, and package-wise requirements and bidding included — scoped to augment the site compliance staff you already have.',
    price: 'Managed labour retainer, per project site — quoted against your requirement',
    planName: 'Managed labour retainer',
    planLead: 'One retainer per project site, scoped on the workers that site needs — 50, 75 or 100, with larger sites scoped in a requirement consultation. Twelve-month term, all amounts exclusive of 18% GST, and a lower per-site rate from your third site. Tell us the requirement and we send the quote.',
    planIncludes: ['Verified supply at your scoped seat count, replacement mobilised within 72 hours', 'Forms 9 to 19 and Form D monthly, plus CLRA Form XII and XIII', 'PF, ESIC, PT and TDS bifurcation with returns filing support', 'Attendance, wage sheet, payout file and monthly audit pack'],
    pains: [
      ['Every package sources its own labour', 'Seats are filled from one verified pool across packages, and overflow goes out as a requirement contractors bid on.'],
      ['Your compliance person is one deep', 'Registers and filings are prepared by our team to a published calendar, and everything lives on the platform rather than in someone\u2019s laptop.'],
      ['Sub-contractor records arrive incomplete', 'CLRA Form XII and XIII are prepared for your principal-employer file, and the audit pack collects every challan and acknowledgement per site.'],
      ['Wage revisions apply retrospectively', 'Dearness allowance changes on 1 January and 1 July, notified late. We apply the revision and report the arrears exposure per site.'],
    ],
    features: [
      ['users-round', 'Verified supply, scaled to the site', 'Seat count set with you in blocks of 25 — and above 100 on one site, scoped in a requirement meeting. ID, bank, trade and skill grade checked before deployment; a returning worker is re-deployed the same day.'],
      ['file-stack', 'Registers generated from attendance', 'Forms 9, 10, 12, 13, 14, 15, 16, 17, 18, 19 and Form D every month, handling mid-month joins and exits with actual days worked.'],
      ['bell-ring', 'Filings prepared to a calendar', 'PF ECR and ESIC challans by day 13 so you deposit by the 15th. PT, TDS and BOCW cess return support.'],
      ['clipboard-list', 'Requirements and bidding', 'Post any overflow package to verified contractors and compare bids on identical fields.'],
      ['folder-check', 'Monthly audit pack', 'Every register, challan, acknowledgement and payment proof for the site, in one download.'],
    ],
    screens: ['seats', 'registers'],
    managed: true,
    cta: ['Start with one site.', 'A gap check on your busiest package, a two-page findings note in 48 hours, and a retainer quote on page two.'],
  },
  builder: {
    page: 'for-builders.html',
    eyebrow: 'For builders & developers',
    title: 'Your labour department, run for you, site by site.',
    sub: 'Verified workers deployed at the seat count each site needs, every statutory register and return prepared by our team, and a portfolio view across every site on retainer. One retainer per site — a second project is a second retainer.',
    price: 'Managed labour retainer, per project site — quoted against your requirement',
    planName: 'Managed labour retainer',
    planLead: 'One retainer per project site, scoped on the workers that site needs — 50, 75 or 100, with larger sites scoped in a requirement consultation. Twelve-month term, all amounts exclusive of 18% GST, and a lower per-site rate from your third site. Tell us the requirement and we send the quote.',
    planIncludes: ['Verified supply at your scoped seat count, replacement mobilised within 72 hours', 'Forms 9 to 19 and Form D monthly, plus CLRA Form XII and XIII', 'PF, ESIC, PT and TDS bifurcation with returns filing support', 'Attendance, wage sheet, payout file and monthly audit pack per site'],
    pains: [
      ['You have no labour department, and no plan to hire one', 'A labour officer, a payroll executive and a compliance consultant come to ₹75,000 – 90,000 a month. One retainer per site replaces the function, workers included.'],
      ['Cess and registrations sit between you and the occupancy certificate', 'BOCW registration and cess return support are in scope, and every receipt lands in the site\u2019s audit pack rather than a drawer.'],
      ['Site labour turns over constantly', 'Deployment is on a seat basis. Workers change, your retainer and your scope do not, and up to 12 replacements a month are included.'],
      ['Every tower keeps its own version of the truth', 'Each site has its own registers, attendance and audit pack, and head office sees all of them on one screen.'],
    ],
    features: [
      ['users-round', 'Verified supply, scaled to the site', 'Seat count set with you in blocks of 25 — and above 100 on one site, scoped in a requirement meeting. ID, bank, trade and skill grade checked before deployment; a returning worker is re-deployed the same day.'],
      ['file-stack', 'Registers generated from attendance', 'Forms 9, 10, 12, 13, 14, 15, 16, 17, 18, 19 and Form D every month, plus CLRA Form XII and XIII for your principal-employer file.'],
      ['bell-ring', 'Filings and revisions on a calendar', 'PF, ESIC, PT and TDS prepared per cycle. Minimum wage and dearness allowance revisions applied with arrears exposure reported per site.'],
      ['layers', 'Portfolio across sites', 'Every tower, phase or site as its own retainer, with seats, filings and audit packs compared side by side.'],
      ['folder-check', 'Monthly audit pack per site', 'One download per site per month, ready for an inspection or a lender\u2019s due diligence.'],
    ],
    screens: ['seats', 'audit'],
    managed: true,
    cta: ['Start with one site.', 'A gap check on your busiest tower, a two-page findings note in 48 hours, and a retainer quote on page two.'],
  },
};

const ROLE_ADDONS = [
  ['Moving up a seat band mid-term — 50 to 75, or 75 to 100', 'Monthly, from the next cycle'],
  ['Worker onboarding — KYC, e-Shram and BOCW enrolment', 'One time, per worker'],
  ['Replacements beyond 12 in a month', 'Per worker'],
  ['Historical clean-up — prior months\u2019 registers reconstructed', 'One time, per site'],
  ['Each additional project site', 'Retainer at the applicable band'],
];

function RolePage({ role }) {
  const d = ROLEDATA[role || window.LT_ROLE];
  return (
    <Page page={d.page}>
      <section className="phero">
        <div className="wrap herogrid">
          <div>
            <span className="eyebrow">{d.eyebrow}</span>
            <h1>{d.title}</h1>
            <p>{d.sub}</p>
            <div className="hero-btns">
              <a className="btn btn-primary" href={d.managed ? 'contact.html' : 'get-started.html'}>{d.managed ? 'Book a free consultation' : 'Start registration'}</a>
              <a className="btn btn-ghost" style={{ background: 'transparent', color: '#fff', borderColor: 'rgba(255,255,255,.5)' }} href="how-it-works.html">See how it works</a>
            </div>
            <p style={{ fontSize: 13.5, marginTop: 18, color: 'rgba(255,255,255,.6)' }}>{d.price}. No commission on hires.</p>
          </div>
          <Mock kind={d.screens[0]} dark />
        </div>
      </section>
      <section className="band"><div className="wrap">
        <SecTitle eyebrow="What changes" title="The four things this fixes first" />
        <div className="grid2">
          {d.pains.map(([t, b]) => (
            <div className="svc" key={t}>
              <span className="badge info">Today</span>
              <h3>{t}</h3>
              <p><b style={{ color: 'var(--ink)' }}>On Labour Tech — </b>{b}</p>
            </div>
          ))}
        </div>
      </div></section>
      <section className="band" style={{ background: 'var(--lav-2)' }}><div className="wrap">
        <SecTitle eyebrow="Capabilities" title={d.managed ? 'What the retainer covers' : 'What you get on this plan'} />
        <div className="grid2">
          {d.features.map(([ic, t, b]) => <div className="svc" key={t}><span className="ico"><Icon n={ic} /></span><h3>{t}</h3><p>{b}</p></div>)}
        </div>
      </div></section>
      <section className="band"><div className="wrap">
        <div className="split">
          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
            <span className="kicker">{d.managed ? 'Retainer' : 'Subscription'}</span>
            <h2 className="h2">{d.planName}</h2>
            <p className="lead">{d.planLead}</p>
            <Ticks items={d.planIncludes} />
            <div className="hero-btns" style={{ justifyContent: 'flex-start' }}>
              <a className="btn btn-primary" href="get-started.html">Get started</a>
              <a className="btn btn-ghost" href="pricing.html">Log in to see your plan</a>
            </div>
          </div>
          <Mock kind={d.screens[1]} />
        </div>
      </div></section>
      {d.managed && (
        <section className="band" style={{ background: 'var(--lav-2)' }}><div className="wrap" style={{ maxWidth: 820 }}>
          <SecTitle eyebrow="Beyond the retainer" title="Add-ons, quoted separately" sub="Kept off the retainer so your recurring figure never moves. Rates are shown in your account." />
          <div className="tblwrap">
            <table className="tbl">
              <tbody>{ROLE_ADDONS.map(r => <tr key={r[0]}><td>{r[0]}</td><td className="tc" style={{ whiteSpace: 'nowrap' }}><b>{r[1]}</b></td></tr>)}</tbody>
            </table>
          </div>
        </div></section>
      )}
      <CtaBand title={d.cta[0]} sub={d.cta[1]} primary={d.managed ? ['Book a free consultation', 'contact.html'] : ['Start registration', 'get-started.html']} secondary={['Talk to us first', 'contact.html']} />
    </Page>
  );
}

['contractor', 'epc', 'builder'].forEach(r => {
  const host = document.getElementById('m-' + r);
  if (host) ReactDOM.createRoot(host).render(<RolePage role={r} />);
});
if (window.LT_ROLE) LTMount('__role', <RolePage role={window.LT_ROLE} />);