/* GCCReady — LogoStrip * Auto-scrolling logo marquee with real brand marks. * Two seamless tracks (duplicated content) translate-X over 30-45s. * Pauses on hover. Edges fade with a CSS mask so logos enter/exit gracefully. * * Uses grLogoUrl + grLogoFallback from data.jsx → falls back to text on image error. */ // Partner colleges — used on /tpo trust strip. We use Wikipedia-style domain // inferences for logos; many will fall back to text via the chain. const GR_COLLEGES = { 'christ': { name:'Christ University', domain:'christuniversity.in', city:'Bengaluru' }, 'srcc': { name:'SRCC, Delhi', domain:'srcc.edu', city:'Delhi' }, 'lsr': { name:'Lady Shri Ram', domain:'lsr.edu.in', city:'Delhi' }, 'st-xaviers': { name:"St. Xavier's, Mumbai", domain:'xaviers.edu', city:'Mumbai' }, 'loyola': { name:'Loyola College, Chennai', domain:'loyolacollege.edu', city:'Chennai' }, 'stella-maris': { name:'Stella Maris College', domain:'stellamariscollege.edu.in', city:'Chennai' }, 'symbiosis': { name:'Symbiosis (SCMS)', domain:'scmspune.ac.in', city:'Pune' }, 'iim-indore': { name:'IIM Indore (PGDM)', domain:'iimidr.ac.in', city:'Indore' }, 'xlri': { name:'XLRI Jamshedpur', domain:'xlri.ac.in', city:'Jamshedpur' }, 'nmims': { name:'NMIMS Mumbai', domain:'nmims.edu', city:'Mumbai' }, 'jadavpur': { name:'Jadavpur University', domain:'jaduniv.edu.in', city:'Kolkata' }, 'manipal': { name:'MAHE Manipal', domain:'manipal.edu', city:'Manipal' }, 'jain': { name:'Jain (Deemed-to-be Univ)', domain:'jainuniversity.ac.in', city:'Bengaluru' }, 'amity': { name:'Amity University', domain:'amity.edu', city:'Noida' }, 'st-josephs': { name:"St. Joseph's, Bengaluru", domain:'sjcc.edu.in', city:'Bengaluru' }, 'hansraj': { name:'Hansraj College, DU', domain:'hansrajcollege.ac.in', city:'Delhi' }, 'mit-pune': { name:'MIT-WPU', domain:'mitwpu.edu.in', city:'Pune' }, 'iiit-hyd': { name:'IIIT Hyderabad', domain:'iiit.ac.in', city:'Hyderabad' }, 'bits-pilani': { name:'BITS Pilani', domain:'bits-pilani.ac.in', city:'Pilani' }, 'nit-trichy': { name:'NIT Trichy', domain:'nitt.edu', city:'Trichy' }, 'vit-vellore': { name:'VIT Vellore', domain:'vit.ac.in', city:'Vellore' }, 'anna-univ': { name:'Anna University', domain:'annauniv.edu', city:'Chennai' }, }; const LOGO_PRESETS = { // The flagship: 36 GCCs across all 7 sectors. Used on Home + Mentors. hero: ['jpmorganchase','goldmansachs','morganstanley','wellsfargo','bankofamerica','citi','db','hsbc','barclays','blackrock','fidelity','statestreet', 'microsoft','google','amazon','meta','apple','adobe','oracle','salesforce','nvidia','servicenow', 'deloitte','ey','kpmg','pwc','mckinsey','bcg','bain', 'walmart','target','novartis','astrazeneca','ge','siemens','shell'], // BFSI-only — for cert pages that target BFSI roles (CFA, CPA risk track) bfsi: ['jpmorganchase','goldmansachs','morganstanley','wellsfargo','bankofamerica','citi','db','hsbc','barclays','ubs','sc','blackrock','fidelity','statestreet','bnymellon','northerntrust','aig','allianz','aviva','prudentialplc','metlife'], // Big 4 + MBB — for CPA / EA / audit pages consulting: ['deloitte','ey','kpmg','pwc','mckinsey','bcg','bain'], // Big Tech — for AI PM / Data / Cloud roles tech: ['microsoft','google','amazon','meta','apple','adobe','oracle','salesforce','ibm','intel','nvidia','cisco','vmware','servicenow','atlassian','linkedin','uber','airbnb','booking','expedia'], // Pharma + healthcare — for clinical / pharma pages pharma: ['novartis','pfizer','astrazeneca','sanofi','gsk','bayer','roche','boehringer-ingelheim','lilly','unitedhealthgroup','cvshealth','evernorth'], // Industrial / Aero / Auto — for engineering R&D industrial: ['ge','siemens','bosch','honeywell','caterpillar','abb','se','3m','cummins','boeing','airbus','mercedes-benz','bmw','volvo','continental','ford'], // Mentor-network: weighted toward Big 4 + BFSI + Big Tech (where most certified pros work) mentors: ['jpmorganchase','goldmansachs','morganstanley','wellsfargo','bankofamerica','citi','db','hsbc','barclays','blackrock','fidelity','statestreet','bnymellon','northerntrust', 'deloitte','ey','kpmg','pwc','mckinsey','bcg','bain', 'microsoft','google','amazon','meta','adobe','oracle','salesforce','servicenow','ibm','nvidia','linkedin', 'novartis','astrazeneca','walmart','ge','siemens','shell'], }; /** CollegeStrip — auto-scrolling marquee for partner colleges (uses GR_COLLEGES). */ function CollegeStrip({ speed = 50, size = 'md' }) { const slugs = Object.keys(GR_COLLEGES); const doubled = [...slugs, ...slugs]; const dim = size === 'lg' ? 96 : size === 'sm' ? 64 : 80; const gap = size === 'lg' ? 28 : 24; return (
{ const tr = e.currentTarget.querySelector('.gr-logo-track'); if (tr) tr.style.animationPlayState='paused'; }} onMouseLeave={(e)=>{ const tr = e.currentTarget.querySelector('.gr-logo-track'); if (tr) tr.style.animationPlayState='running'; }} >
{doubled.map((slug, i) => { const c = GR_COLLEGES[slug]; return (
{`${c.name}{ var img = ev.target; if (img.dataset.fb === '1') { var span = document.createElement('span'); span.textContent = c.name; span.style.cssText = 'font:800 11px/1.25 "DM Sans"; color:#0D1B2A; text-align:center; padding:0 6px'; img.replaceWith(span); return; } img.dataset.fb = '1'; img.src = grLogoFallback(c.domain, 256); }} style={{maxWidth:'100%', maxHeight:'100%', objectFit:'contain', filter:'grayscale(0.10)'}}/>
{c.name}
{c.city}
); })}
); } Object.assign(window, { CollegeStrip, GR_COLLEGES }); /** LogoStrip — auto-scrolling marquee. Design-system-grade. * - 96 px tiles by default, 256 px logo source for retina sharpness * - subtle gradient container, gold ribbon top accent * - hover: gold border + lift, cursor-pause, mask edges * - inline "Browse all 80+ GCCs →" link in top-right */ function LogoStrip({ preset = 'hero', slugs, // override preset speed = 45, // seconds for one full loop size = 'md', // 'sm' | 'md' | 'lg' invert = false, // dark-bg variant showName = true, showBrowseAll = true, browseHref = '#/gcc-employers', browseLabel, }) { const list = (slugs && slugs.length ? slugs : LOGO_PRESETS[preset] || LOGO_PRESETS.hero) .filter((s) => GR_EMPLOYERS[s]); const doubled = [...list, ...list]; const dim = size === 'lg' ? 112 : size === 'sm' ? 72 : 96; const cellW = dim + 44; const gap = size === 'lg' ? 32 : size === 'sm' ? 22 : 28; const srcSize = size === 'lg' ? 320 : 256; const padBlock = size === 'lg' ? 30 : 24; return (
{ const tr = e.currentTarget.querySelector('.gr-logo-track'); if (tr) tr.style.animationPlayState='paused'; }} onMouseLeave={(e)=>{ const tr = e.currentTarget.querySelector('.gr-logo-track'); if (tr) tr.style.animationPlayState='running'; }} > {/* gold accent ribbon */}
{showBrowseAll && ( {browseLabel || `Browse all ${Object.keys(GR_EMPLOYERS).length}+ GCCs`} )}
{doubled.map((slug, i) => { const e = GR_EMPLOYERS[slug]; if (!e) return null; return (
{`${e.name}{ const img = ev.target; if (img.dataset.fb === '1') { const span = document.createElement('span'); span.textContent = e.name; span.style.cssText = 'font:800 12px/1.25 "DM Sans"; color:#0D1B2A; text-align:center; padding:0 6px'; img.replaceWith(span); return; } img.dataset.fb = '1'; img.src = grLogoFallback(e.domain, srcSize); }} style={{ maxWidth:'100%', maxHeight:'100%', objectFit:'contain', filter:'grayscale(0.10)' }} />
{showName && (
{e.name}
)}
{e.cities.slice(0,2).join(' · ')}
 ); })}
); } Object.assign(window, { LogoStrip, LOGO_PRESETS });