function About(){
const {Tag,StatCounter}=window.PolychemDesignSystem_373bbb;
const isMobile=window.useIsMobile();
const isNarrow=window.useIsNarrowDesktop();
return (
<div>
<div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:isMobile?'32px 20px 24px':'80px 32px 48px',display:isMobile||isNarrow?'block':'grid',gridTemplateColumns:isMobile?'1fr':'1.4fr .6fr',gap:isMobile?0:56,alignItems:'center'}}>
<div>
<Tag accent="red">About Polychem</Tag>
<div style={{display:'flex',alignItems:'center',gap:8,margin:'12px 0 -4px'}}>
<Tag accent="ochre">ISO 9001:2008 Certified</Tag>
</div>
<h1 style={{fontFamily:'var(--font-display)',fontWeight:900,fontSize:'var(--text-display-lg)',lineHeight:'var(--lh-tight)',margin:'16px 0 20px',color:'var(--text-primary)'}}>A pioneer in pigment paste manufacturing.</h1>
<p style={{color:'var(--text-secondary)',fontSize:isNarrow?13:'var(--text-body-md)',lineHeight:isNarrow?'var(--lh-snug)':'var(--lh-relaxed)',marginBottom:16}}>We are the first in India to develop and manufacture pigment paste specially for BOPP tape coating, since 1998. Under the leadership of Mr. Nalneesh Saxena, we have grown to build two more sister companies — Micro Color Chem and Asian Organics — manufacturing pigment paste for architectural paint, water-based inks, and other products for industrial uses.<br/></p>
<p style={{color:'var(--text-secondary)',fontSize:isNarrow?13:'var(--text-body-md)',lineHeight:isNarrow?'var(--lh-snug)':'var(--lh-relaxed)'}}>Being the parent company to two other companies in the same industry, we are more than a pigment paste manufacturer — we are your partner in achieving vibrant, high-quality, and consistent results. Based in Delhi, we've built our reputation on deep technical expertise and an unwavering commitment to quality.</p>
<p style={{color:'var(--text-secondary)',fontSize:isNarrow?13:'var(--text-body-md)',lineHeight:isNarrow?'var(--lh-snug)':'var(--lh-relaxed)',marginTop:16}}>Best pigment sources since 1998. We do not switch vendors to chase price.</p>
</div>
{!isMobile&&!isNarrow&&(<div style={{position:'relative',width:'100%',height:480,marginTop:76}}>
<img src="assets/about-hero.webp" alt="Facility / leadership photo" style={{width:'100%',height:'100%',display:'block',objectFit:'cover',borderRadius:'var(--radius-lg)'}}/>
<div style={{position:'absolute',inset:0,background:'linear-gradient(90deg,#FAF8F5,rgba(250,248,245,0) 40%)',borderRadius:'var(--radius-lg)'}}></div>
</div>)}
</div>

{isMobile?(<div style={{position:'relative',overflow:'hidden',padding:'40px 20px 48px'}}>
<img src="assets/about-hero.webp" alt="" style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',transform:'scale(1.15) translateY(-6%)',pointerEvents:'none',zIndex:0}}/>
<div style={{position:'absolute',inset:0,background:'linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.5))',zIndex:0}}></div>
<div style={{position:'absolute',left:0,right:0,bottom:0,height:80,background:'linear-gradient(180deg,rgba(255,255,255,0),#fff)',zIndex:0}}></div>
<div style={{maxWidth:'var(--container-max)',margin:'0 auto',position:'relative',zIndex:1}}>
<h2 style={{fontFamily:'var(--font-display)',fontWeight:800,fontSize:'var(--text-heading-lg)',color:'var(--text-primary)',marginBottom:32}}>Updates</h2>
<div style={{display:'grid',gridTemplateColumns:'1fr',gap:24}}>
<div style={{background:'#fff',border:'2px solid var(--accent-primary)',borderRadius:'var(--radius-lg)',padding:24}}>
<style>{`@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.25}}.pulse-tag span>span{animation:livePulse 1.2s ease-in-out infinite}`}</style>
<div className="pulse-tag" style={{display:'inline-block'}}>
<Tag accent="red">Event</Tag>
</div>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:18,color:'var(--text-primary)',margin:'12px 0 8px'}}>We're exhibiting at PackPlus 2026</div>
<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>You're invited to visit us in Delhi at Pragati Maidan — Exhibition Hall 5, Booth A103, August 20–22, 2026.</div>
</div>
<div style={{background:'#fff',border:'2px solid var(--accent-primary)',borderRadius:'var(--radius-lg)',padding:24}}>
<Tag accent="red">New brand</Tag>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:18,color:'var(--text-primary)',margin:'12px 0 8px'}}>Launching FLARES</div>
<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>Our newest pigment paste brand for BOPP tape manufacturers, formulated for the cost-conscious customer.</div>
</div>
<div style={{background:'#fff',border:'2px solid var(--accent-primary)',borderRadius:'var(--radius-lg)',padding:24}}>
<Tag accent="ochre">Latest venture</Tag>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:18,color:'var(--text-primary)',margin:'12px 0 8px'}}>Now in decorative paint</div>
<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>High-performing, ready-to-mix architectural paint chemicals — for exterior, interior, and texture paints, acrylic emulsion, distemper, putty, and primer.</div>
</div>
</div>
</div>
</div>):(
<div style={{position:isNarrow?'relative':'static',overflow:isNarrow?'hidden':'visible',padding:isNarrow?'40px 32px 48px':'0 32px 80px'}}>
{isNarrow&&(<>
<img src="assets/about-hero.webp" alt="" style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',transform:'scale(1.15) translateY(-6%)',pointerEvents:'none',zIndex:0}}/>
<div style={{position:'absolute',inset:0,background:'linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.5))',zIndex:0}}></div>
<div style={{position:'absolute',left:0,right:0,bottom:0,height:80,background:'linear-gradient(180deg,rgba(255,255,255,0),#fff)',zIndex:0}}></div>
</>)}
<div style={{maxWidth:'var(--container-max)',margin:'0 auto',position:isNarrow?'relative':'static',zIndex:1}}>
<h2 style={{fontFamily:'var(--font-display)',fontWeight:800,fontSize:'var(--text-heading-lg)',color:'var(--text-primary)',marginBottom:32}}>Updates</h2>
<div style={{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:24}}>
<div style={{background:'#fff',border:'2px solid var(--accent-primary)',borderRadius:'var(--radius-lg)',padding:24}}>
<style>{`@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.25}}.pulse-tag span>span{animation:livePulse 1.2s ease-in-out infinite}`}</style>
<div className="pulse-tag" style={{display:'inline-block'}}>
<Tag accent="red">Event</Tag>
</div>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:isNarrow?15:18,color:'var(--text-primary)',margin:'12px 0 8px'}}>We're exhibiting at PackPlus 2026</div>
{!isNarrow&&<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>You're invited to visit us in Delhi at Pragati Maidan — Exhibition Hall 5, Booth A103, August 20–22, 2026.</div>}
</div>
<div style={{background:'#fff',border:'2px solid var(--accent-primary)',borderRadius:'var(--radius-lg)',padding:24}}>
<Tag accent="red">New brand</Tag>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:isNarrow?15:18,color:'var(--text-primary)',margin:'12px 0 8px'}}>Launching FLARES</div>
{!isNarrow&&<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>Our newest pigment paste brand for BOPP tape manufacturers, formulated for the cost-conscious customer.</div>}
</div>
<div style={{background:'#fff',border:'2px solid var(--accent-primary)',borderRadius:'var(--radius-lg)',padding:24}}>
<Tag accent="ochre">Latest venture</Tag>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:isNarrow?15:18,color:'var(--text-primary)',margin:'12px 0 8px'}}>Now in decorative paint</div>
{!isNarrow&&<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>High-performing, ready-to-mix architectural paint chemicals — for exterior, interior, and texture paints, acrylic emulsion, distemper, putty, and primer.</div>}
</div>
</div>
</div>
</div>
)}

<div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:isMobile?'48px 20px':'80px 32px'}}>
<h2 style={{fontFamily:'var(--font-display)',fontWeight:800,fontSize:'var(--text-heading-lg)',color:'var(--text-primary)',marginBottom:40}}>Our commitment to quality</h2>
<div style={{display:'grid',gridTemplateColumns:isMobile?'1fr':'repeat(3,1fr)',gap:24}}>
{[['Vibrant, Rich Colors','Stunning visual impact with true-to-tone colors that pop.'],
['Exceptional Consistency','Uniform coloration batch to batch, meeting your standards every time.'],
['Superior Adhesion & Stability','Formulated for BOPP tape coating with excellent lightfastness and durability.']].map(([t,d])=>(
<div key={t} style={{background:'#fff',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-lg)',padding:24}}>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:isNarrow?15:18,color:'var(--text-primary)',marginBottom:8}}>{t}</div>
{!isNarrow&&<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>{d}</div>}
</div>
))}
</div>
</div>

<div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:isMobile?'0 20px 48px':'0 32px 80px'}}>
<h2 style={{fontFamily:'var(--font-display)',fontWeight:800,fontSize:'var(--text-heading-lg)',color:'var(--text-primary)',marginBottom:8}}>Who we work with</h2>
<p style={{color:'var(--text-secondary)',marginBottom:32,maxWidth:640,lineHeight:isNarrow?'var(--lh-snug)':'var(--lh-relaxed)',fontSize:isNarrow?10:'inherit'}}>Three ways to start, whatever scale you're at.</p>
<div style={{display:'grid',gridTemplateColumns:isMobile?'1fr':'repeat(3,1fr)',gap:24}}>
{[['Converters & Corporates','Qualify us as a second source on one colour. We supply a trial batch with a certificate of analysis and a retained sample — our plant records are open to audit.'],
['Established Manufacturers','See the cost-in-use math against your current paste, then take a trial batch and run your own dosage comparison before you decide.'],
['New & Small Businesses','Start with small trial packs, a dosage chart, and direct technical support over WhatsApp — no minimum order required to get going.']].map(([t,d])=>(
<div key={t} style={{background:'#fff',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-lg)',padding:24}}>
<div style={{fontFamily:'var(--font-display)',fontWeight:700,fontSize:isNarrow?15:18,color:'var(--text-primary)',marginBottom:8}}>{t}</div>
{!isNarrow&&<div style={{color:'var(--text-secondary)',fontSize:14,lineHeight:'var(--lh-relaxed)'}}>{d}</div>}
</div>
))}
</div>
</div>

<div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:isMobile?'0 20px 56px':'0 32px 96px'}}>
<h2 style={{fontFamily:'var(--font-display)',fontWeight:800,fontSize:'var(--text-heading-lg)',color:'var(--text-primary)',marginBottom:32}}>Leadership</h2>
<div style={{display:'grid',gridTemplateColumns:isMobile?'1fr':'repeat(2,1fr)',gap:24}}>
{[['Nalneesh Saxena','Proprietor','Bachelor of Commerce (Hons.), Delhi University','assets/lead-nalneesh.webp','50% 54.3%'],['Mayank Saxena','CEO','Graduate in Physics Hons., Delhi University','assets/lead-mayank.webp','43.2% 42.7%']].map(([n,r,c,img,pos])=>(
<div key={n} style={{display:'flex',gap:16,alignItems:'center',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-lg)',padding:20}}>
<img src={img} alt={n} style={{width:96,height:96,flexShrink:0,borderRadius:'50%',objectFit:'cover',objectPosition:pos}}/>
<div><div style={{fontWeight:700,color:'var(--text-primary)'}}>{n}</div><div style={{color:'var(--text-secondary)',fontSize:14}}>{r}</div>{c&&<div style={{color:'var(--text-tertiary)',fontSize:12,marginTop:2}}>{c}</div>}</div>
</div>
))}
</div>
</div>
</div>
);
}
window.About=About;