/* GCCReady — Skill Readiness (practical software / tool training).
 * The pragmatic foundation that pairs with any certification.
 */

const SKILL_GROUPS = [
  {
    id:'india-accounting',
    title:'India accounting & compliance',
    eyebrow:'Most-asked-for in CA / CPA-firm GCCs',
    sub:'The tool stack you need for India-based finance ops, audit support, and CA-firm GCC roles.',
    icon:'landmark',
    skills: [
      { slug:'tally',    title:'Tally Prime + Advanced',     time:'4 weeks', tier:'Foundation', body:'Voucher mastery, GST + TDS workflows, multi-company consolidation, MIS reports, audit trails. The default for India SMB practice and many GCC R2R teams.' },
      { slug:'zoho',     title:'Zoho Books + Zoho Practice', time:'3 weeks', tier:'Foundation', body:'Cloud bookkeeping, invoicing, GST filing, client-collaboration features, Zoho Practice for CA firms.' },
      { slug:'cleartax', title:'ClearTax (GST + ITR)',       time:'2 weeks', tier:'Specialist', body:'GST returns at scale, ITR drafting, GSTR reconciliation, e-invoicing, B2B practice automation.' },
      { slug:'gst-india',title:'GST end-to-end (with computation tool)', time:'3 weeks', tier:'Specialist', body:'Place of supply, ITC, RCM, e-way bill, GSTR-1/3B/9, refunds. Pairs with our free GST Computation Practice tool.' },
      { slug:'tds',      title:'TDS / TCS workflows',        time:'2 weeks', tier:'Specialist', body:'Section-wise TDS rates, deduction-deposit-return cycle, 26AS / TIS reconciliation, compliance calendar.' },
      { slug:'audit-india',title:'India audit toolkit',      time:'4 weeks', tier:'Pro',        body:'Internal audit, statutory audit support, ICAI working papers, sampling, materiality, ICAI digital practice.' },
    ],
  },
  {
    id:'us-accounting',
    title:'US accounting & cloud bookkeeping',
    eyebrow:'For Big 4 GDS, US CPA-firm GCCs, US client work',
    sub:'The bookkeeping + close stack used by US accounting firms and Big 4 GDS teams in India.',
    icon:'globe',
    skills: [
      { slug:'quickbooks-online', title:'QuickBooks Online (US)',  time:'4 weeks', tier:'Foundation', body:'Chart of accounts setup, banking, A/P, A/R, payroll basics, US-GAAP touch points, ProAdvisor exam prep.' },
      { slug:'quickbooks-desktop',title:'QuickBooks Desktop',      time:'3 weeks', tier:'Specialist', body:'Migration projects, multi-currency, advanced inventory, lacerte/proseries integration.' },
      { slug:'xero',              title:'Xero (UK / global)',      time:'4 weeks', tier:'Foundation', body:'Cloud-native bookkeeping, bank rules, multi-currency, app-store integrations, Xero Advisor cert prep.' },
      { slug:'sage',              title:'Sage Intacct',            time:'3 weeks', tier:'Pro',        body:'Multi-entity consolidations, dimensions, project accounting, AICPA-recommended for US mid-market.' },
      { slug:'us-tax-software',   title:'US tax software (Drake / UltraTax / Lacerte / ProConnect)', time:'5 weeks', tier:'Pro', body:'1040 / 1120 / 1065 prep workflows, K-1 mapping, e-filing, Big 4 GDS tax-prep stack.' },
      { slug:'us-payroll',        title:'US payroll (ADP / Gusto)',time:'2 weeks', tier:'Foundation', body:'Federal + state withholding, multi-state, 941/940/W-2/1099 cycle, year-end close.' },
    ],
  },
  {
    id:'enterprise-erp',
    title:'Enterprise ERP & close stack',
    eyebrow:'For BFSI / Fortune-500 GCCs',
    sub:'The ERPs and close-management tools every large GCC finance team runs on.',
    icon:'building-2',
    skills: [
      { slug:'sap-s4',     title:'SAP S/4HANA — Finance modules', time:'8 weeks', tier:'Pro',        body:'FI / CO core, AR / AP / GL, intercompany, period close, financial reporting. The dominant GCC ERP.' },
      { slug:'oracle-fusion',title:'Oracle Fusion Cloud Financials',time:'6 weeks', tier:'Pro',     body:'GL + sub-ledgers, smart view, FCCS, EPM, Oracle reports — the second-most-common GCC ERP.' },
      { slug:'workday-fin',title:'Workday Financials',            time:'4 weeks', tier:'Specialist', body:'Cloud financials, accounting centre, supplier accounts, expenses, integrations.' },
      { slug:'blackline',  title:'BlackLine (close + recon)',     time:'3 weeks', tier:'Specialist', body:'Account recons, journal entries, intercompany, transaction matching, smart close.' },
      { slug:'anaplan',    title:'Anaplan (FP&A modelling)',      time:'4 weeks', tier:'Pro',        body:'Multi-dim modelling, model-building bootcamp, drivers + scenarios. Default tool for FP&A pods.' },
      { slug:'hyperion',   title:'Oracle Hyperion / EPM',         time:'4 weeks', tier:'Pro',        body:'Smart View, FCCS / PCMCS, financial close + consolidation for Oracle stacks.' },
    ],
  },
  {
    id:'analytics',
    title:'Analytics & AI for finance',
    eyebrow:'The accelerator that lifts every other skill',
    sub:'Universal layer that GCCs increasingly require for analyst-level hires across every function.',
    icon:'sparkles',
    skills: [
      { slug:'excel-copilot',  title:'Advanced Excel + Copilot',     time:'4 weeks', tier:'Foundation', body:'Power Query, Power Pivot, dynamic arrays, advanced formulas, Copilot for Excel automation.' },
      { slug:'power-bi',       title:'Power BI + DAX (PL-300)',       time:'6 weeks', tier:'Specialist', body:'Modelling, DAX, semantic layer, paginated reports, deployment pipelines, PL-300 cert prep.' },
      { slug:'tableau',        title:'Tableau Desktop + Server',      time:'5 weeks', tier:'Specialist', body:'LOD, parameters, story-points, server deployment, Tableau Specialist cert prep.' },
      { slug:'sql-analyst',    title:'SQL for analysts',              time:'4 weeks', tier:'Foundation', body:'Window functions, CTEs, joins, query plans, dbt fundamentals — the universal analyst language.' },
      { slug:'python-analyst', title:'Python for analysts',           time:'5 weeks', tier:'Specialist', body:'pandas, automation, SQL bridges, basic ML literacy, light Streamlit dashboards.' },
      { slug:'alteryx',        title:'Alteryx Designer',              time:'3 weeks', tier:'Pro',        body:'Workflow design, prep + blend, predictive tools — used heavily in Big 4 tax/audit GDS.' },
      { slug:'gen-ai-finance', title:'Gen AI for finance pros',       time:'2 weeks', tier:'Foundation', body:'Prompt engineering, ChatGPT/Copilot/Claude for finance ops, RAG basics, evaluation.' },
    ],
  },
  {
    id:'workflow',
    title:'Workflow & soft-skill fundamentals',
    eyebrow:'The deal-breakers GCC interviewers test for',
    sub:'Communication, documentation, and process skills that rank above tools in GCC hiring loops.',
    icon:'users',
    skills: [
      { slug:'gcc-communication', title:'GCC communication & email writing', time:'2 weeks', tier:'Foundation', body:'Slack-grade brevity, email tone for US/UK clients, executive-summary style, written escalation.' },
      { slug:'documentation',     title:'Process documentation (SOPs / DTPs)', time:'2 weeks', tier:'Foundation', body:'How GCCs document close cycles, audit trails, and KPI dashboards — the format hiring managers expect.' },
      { slug:'data-storytelling', title:'Data storytelling for finance',     time:'2 weeks', tier:'Specialist', body:'Slide design, exec-deck conventions, narrative structure for variance / quarterly reviews.' },
      { slug:'pmo-jira',          title:'Jira + Confluence + project hygiene',time:'2 weeks',tier:'Foundation', body:'Sprint mechanics, story-points, Jira reports, Confluence hierarchies, RACI templates.' },
      { slug:'mock-interviews',   title:'Mock interview series (Big 4 + BFSI)', time:'4 weeks',tier:'Specialist', body:'10 mocks: technical + behavioural + case + culture-fit. Recorded + reviewed by working pros.' },
    ],
  },
];

const ALL_SKILLS = SKILL_GROUPS.flatMap((g) => g.skills.map((s) => ({...s, group: g.id, group_title: g.title })));

function SkillReadinessPage() {
  return (
    <>
      <PageHead
        title="Skill Readiness — QuickBooks, Xero, Zoho, Tally, SAP, Power BI Training"
        description={`${ALL_SKILLS.length} practical skill credentials for India and US accounting, enterprise ERP (SAP, Oracle, Workday), analytics (Power BI, Tableau, SQL, Python), and workflow fundamentals. The pragmatic foundation that pairs with US CPA / CMA / EA / CFA / ACCA.`}
        canonical="/skill-readiness"
        schema={[
          schemaCollection({
            name:'GCCReady Skill Readiness Programmes',
            description:'Practical software and tool training for India accounting, US accounting, enterprise ERP, analytics, and workflow.',
            url:'/skill-readiness',
            items: ALL_SKILLS.map((s) => ({ name: s.title, url:`/skill-readiness#${s.slug}` })),
          }),
          schemaBreadcrumb([{label:'Home',href:'/'},{label:'Skill Readiness',href:'/skill-readiness'}]),
          schemaFAQ([
            { q:'Is Skill Readiness a certification?', a:'No — Skill Readiness programmes are practical software/tool training (typically 2–8 weeks each), not exam-based credentials. They pair perfectly with certifications like US CPA, US CMA, EA, CFA or ACCA.' },
            { q:'Do GCCs care about Tally / Zoho / QuickBooks more than CPA?', a:'They care about both. The cert proves global standards; the practical tool proves you can ship work from day one. Most GCC hiring loops test for Excel + Power BI + ERP literacy regardless of certification.' },
            { q:'Which is the most useful single tool to learn?', a:'Power BI + Excel + SQL — together they cover ~70% of analyst-level GCC entry roles. After that, ERP literacy (SAP S/4 or Oracle Fusion) is the highest leverage.' },
            { q:'Can I take Skill Readiness without a cert?', a:'Yes. Many of our students take 2–3 Skill Readiness programmes first to land an entry GCC role, then layer a certification (CMA / CPA / EA) within their first 1–2 years on the job.' },
          ]),
        ]}
      />

      <HeroDark>
        <div style={{display:'grid', gridTemplateColumns:'1.3fr 1fr', gap:48, alignItems:'center'}}>
          <div>
            <Pill tone="dark" icon="zap">Skill readiness · {ALL_SKILLS.length} programmes</Pill>
            <h1 className="gr-h1" style={{color:'#fff', marginTop:18, fontSize:60, lineHeight:1.04}}>
              The cert opens the door.<br/>
              <span style={{color:'#F59E0B'}}>Skills get you hired.</span>
            </h1>
            <p className="gr-lead" style={{color:'rgba(255,255,255,.78)', marginTop:18, maxWidth:580}}>
              Practical 2–8 week training on the actual software GCC hiring managers test for: QuickBooks, Xero, Zoho, Tally, SAP S/4, Oracle Fusion, Workday, Power BI, Tableau, SQL, Python, Alteryx, ClearTax. Cert-agnostic. Skill-readiness-first.
            </p>
            <div style={{display:'flex', gap:12, marginTop:28, flexWrap:'wrap'}}>
              <a href="#/skill-badge" className="gr-btn gr-btn-gold gr-btn-lg">
                Get matched to skills <Icon name="arrow-right" size={16}/>
              </a>
              <a href="#groups" className="gr-btn gr-btn-lg" style={{background:'rgba(255,255,255,.1)', color:'#fff', border:'1px solid rgba(255,255,255,.18)'}}>Browse {ALL_SKILLS.length} programmes</a>
            </div>
          </div>
          <div style={{padding:32, borderRadius:24, background:'rgba(255,255,255,.06)', border:'1px solid rgba(255,255,255,.10)'}}>
            <div className="gr-eyebrow" style={{color:'#FBBF24', marginBottom:14}}>Why skills first?</div>
            <div style={{display:'flex', flexDirection:'column', gap:14}}>
              {[
                'GCC hiring managers screen for tools FIRST, then certs',
                'Skill credentials live on LinkedIn — recruiters see them on day one',
                'Most can be cleared in 2–8 weeks (vs 12–24 months for a cert)',
                'You can earn while you learn — many freelance / intern',
                'Stack 3 skills + 1 cert and you outflank 95% of CA-only candidates',
              ].map((it, i) => (
                <div key={i} style={{display:'flex', alignItems:'flex-start', gap:10, color:'rgba(255,255,255,.88)', font:'500 14px/1.5 Inter'}}>
                  <Icon name="check" size={16} style={{color:'#22C55E', flexShrink:0, marginTop:1}}/>{it}
                </div>
              ))}
            </div>
          </div>
        </div>
      </HeroDark>

      {/* Trust strip */}
      <section style={{padding:'40px 0 0'}}>
        <div className="gr-container">
          <p style={{font:'700 12.5px/1 Inter', color:'var(--gr-fg-3)', textAlign:'center', letterSpacing:'.14em', textTransform:'uppercase', marginBottom:20}}>
            Skills tested by hiring managers at
          </p>
          <LogoStrip preset="hero" speed={45} size="md"/>
        </div>
      </section>

      {SKILL_GROUPS.map((g, gi) => (
        <section id="groups" key={g.id} className="gr-section" style={{
          padding:'56px 0',
          background: gi % 2 === 0 ? '#fff' : 'var(--gr-bg-cream)',
        }}>
          <div className="gr-container">
            <SectionTitle eyebrow={g.eyebrow} title={g.title} sub={g.sub}/>
            <div style={{display:'grid', gridTemplateColumns:'repeat(auto-fill, minmax(310px, 1fr))', gap:18}}>
              {g.skills.map((s) => (
                <a key={s.slug} id={s.slug}
                   href={`#/contact?intent=skill&skill=${s.slug}`}
                   className="gr-card"
                   style={{
                     padding:24, textDecoration:'none', color:'var(--gr-fg-1)',
                     display:'flex', flexDirection:'column', gap:12,
                     transition:'all .2s ease',
                   }}
                   onMouseEnter={(ev)=>{ ev.currentTarget.style.borderColor='var(--gr-gold-200)'; ev.currentTarget.style.boxShadow='var(--gr-shadow-md)'; ev.currentTarget.style.transform='translateY(-2px)'; }}
                   onMouseLeave={(ev)=>{ ev.currentTarget.style.borderColor='var(--gr-border)'; ev.currentTarget.style.boxShadow='var(--gr-shadow-xs)'; ev.currentTarget.style.transform='none'; }}
                >
                  <div style={{display:'flex', justifyContent:'space-between', alignItems:'center', gap:10}}>
                    <Pill tone={s.tier === 'Foundation' ? 'navy' : s.tier === 'Specialist' ? 'gold' : 'teal'}>{s.tier}</Pill>
                    <span style={{font:'700 12px/1 "DM Sans"', color:'var(--gr-fg-3)'}}><Icon name="clock" size={11} style={{verticalAlign:'-1px', marginRight:4, opacity:.7}}/>{s.time}</span>
                  </div>
                  <h3 className="gr-h4" style={{fontSize:18, marginTop:4}}>{s.title}</h3>
                  <p style={{font:'500 13.5px/1.55 Inter', color:'var(--gr-fg-2)', margin:0}}>{s.body}</p>
                  <div style={{marginTop:'auto', font:'700 13px/1 Inter', color:'var(--gr-gold-700)', display:'inline-flex', alignItems:'center', gap:6, paddingTop:6}}>
                    Enquire about this <Icon name="arrow-right" size={12}/>
                  </div>
                </a>
              ))}
            </div>
          </div>
        </section>
      ))}

      {/* Mayank Wadhera "Launch your practice" callout — for those who want to go independent */}
      <section className="gr-section">
        <div className="gr-container">
          <PracticeLaunchCallout/>
        </div>
      </section>

      <CTABand
        title="Skill-readiness is where the offer letter starts."
        sub="Take the Skill Badge — we map your degree + target role to the 3-skill stack that gets you the interview."
        primaryLabel="Get your Skill Badge"
        primaryHref="#/skill-badge"
      />
    </>
  );
}

/* ============================================================================
 * "Launch your practice" callout — quotes Mayank Wadhera + links to mayankwadhera.com
 * Used on /skill-readiness, US CPA / EA / ACCA / CA-relevant pages.
 * ========================================================================== */
function PracticeLaunchCallout() {
  return (
    <div style={{
      background: 'var(--gr-grad-hero)', borderRadius:28,
      padding:'48px 48px', color:'#fff',
      display:'grid', gridTemplateColumns:'1.2fr 1fr', gap:44, alignItems:'center',
      position:'relative', overflow:'hidden',
    }}>
      <div style={{
        position:'absolute', right:-100, top:-100, width:380, height:380,
        background:'radial-gradient(circle, rgba(245,158,11,.20) 0%, transparent 65%)',
      }}/>
      <div style={{position:'relative'}}>
        <Pill tone="dark" icon="rocket">For practice-builders</Pill>
        <h3 className="gr-h2" style={{color:'#fff', marginTop:14, fontSize:36, letterSpacing:'-0.02em'}}>
          Want to <span style={{color:'#F59E0B'}}>launch and run</span> a successful practice — not just take a job?
        </h3>
        <blockquote style={{
          margin:'22px 0 0', padding:'18px 22px', borderLeft:'3px solid var(--gr-gold)',
          background:'rgba(255,255,255,.04)', borderRadius:'0 14px 14px 0',
          font:'500 16px/1.65 Inter', color:'rgba(255,255,255,.92)', fontStyle:'italic',
        }}>
          "Most businesses do not break because of lack of effort. They break because of <strong style={{color:'#FBBF24', fontStyle:'normal'}}>weak design.</strong>"
          <footer style={{marginTop:10, font:'600 12.5px/1 Inter', color:'rgba(255,255,255,.6)', fontStyle:'normal'}}>
            — Mayank Wadhera, on practice management
          </footer>
        </blockquote>
        <p style={{font:'400 15px/1.6 Inter', color:'rgba(255,255,255,.78)', marginTop:18}}>
          GCCReady prepares you for GCC roles. For the next step — <strong style={{color:'#fff'}}>building your own CA / CPA / consulting practice</strong> with strong systems, scaling without degradation, and structural fixes that compound — we recommend <strong style={{color:'#FBBF24'}}>mayankwadhera.com</strong>: frameworks, diagnostics, and engagement pathways for practice leaders.
        </p>
      </div>
      <div style={{position:'relative', display:'flex', flexDirection:'column', gap:12}}>
        <a href="https://mayankwadhera.com" target="_blank" rel="noopener noreferrer"
           className="gr-btn gr-btn-gold gr-btn-lg" style={{justifyContent:'center'}}>
          Explore mayankwadhera.com <Icon name="arrow-up-right" size={16}/>
        </a>
        <a href="https://mayankwadhera.com/frameworks" target="_blank" rel="noopener noreferrer"
           className="gr-btn gr-btn-lg" style={{justifyContent:'center', background:'rgba(255,255,255,.08)', color:'#fff', border:'1px solid rgba(255,255,255,.18)'}}>
          See the frameworks
        </a>
        <a href="#/contact?intent=practice" className="gr-btn gr-btn-lg" style={{justifyContent:'center', background:'transparent', color:'rgba(255,255,255,.65)', border:'1px solid rgba(255,255,255,.18)'}}>
          Talk to GCCReady about practice readiness
        </a>
        <p style={{font:'500 12px/1.5 Inter', color:'rgba(255,255,255,.5)', textAlign:'center', marginTop:8}}>
          mayankwadhera.com is an independent practice-management resource. GCCReady is a partner-of-recommendation, not an affiliate.
        </p>
      </div>
    </div>
  );
}

Object.assign(window, { SkillReadinessPage, PracticeLaunchCallout });
