function About() { return <>
  <Sec bg="var(--primary-50)" pad="72px 0"><Eyebrow>Company</Eyebrow><h1 style={{font:'500 var(--h1-size)/var(--h1-line) var(--font-heading)',color:'var(--text-heading)',margin:'8px 0 12px'}}>About</h1><p style={{margin:0,fontSize:'var(--subtitle-size)',lineHeight:'var(--subtitle-line)',color:'var(--primary-600)'}}>Innovate. Integrate. Inspire: SIVALI – Where Tomorrow's Solutions Begin Today</p></Sec>
  <Sec><div style={{display:'grid',gridTemplateColumns:'1fr 1fr',gap:48}}><div><Eyebrow>Values</Eyebrow><p style={{marginTop:12,lineHeight:'var(--body1-line)'}}>SIVALI defines us: <b style={{fontWeight:600}}>Spirit</b> for enthusiasm, <b style={{fontWeight:600}}>Integrity</b> for honesty, Shared <b style={{fontWeight:600}}>Vision</b> for unity, Creative <b style={{fontWeight:600}}>Action</b> for innovation, <b style={{fontWeight:600}}>Loyalty</b> for commitment, and Continuous <b style={{fontWeight:600}}>Innovation</b> for evolution. These values shape our journey, ensuring excellence and creativity in all we do.</p></div><div><Eyebrow>Welcome</Eyebrow><p style={{marginTop:12,lineHeight:'var(--body1-line)'}}>Welcome to SIVALI, where experience meets innovation in the realm of Cloud Technology. Although we are a new player in the industry, our dedicated team brings a wealth of expertise accumulated over two decades. Founded by a group of seasoned professionals with a combined experience of 20 years, SIVALI is committed to revolutionizing the business landscape with cutting-edge Cloud, DevOps, Security, and Tech Professional Delivery solutions.</p></div></div></Sec>
  <Sec bg="var(--surface-subtle)"><Eyebrow>Our value</Eyebrow><Grid n={3} gap={20}>{D.values.map(([l,t,d],i)=><div key={i} style={{background:'#fff',border:'1px solid var(--border-default)',borderRadius:'var(--radius-xl)',padding:24,display:'grid',gap:8}}><div style={{font:'500 40px/48px var(--font-heading)',color:'var(--primary-600)'}}>{l}</div><div style={{font:'500 var(--title-size)/var(--title-line) var(--font-heading)',color:'var(--text-heading)'}}>{t}</div><div style={{fontSize:'var(--body2-size)',lineHeight:'var(--body2-line)'}}>{d}</div></div>)}</Grid></Sec>
  <Sec><Eyebrow>Our team</Eyebrow><Grid n={3} gap={20}>{D.team.map(([n,r])=><div key={n} style={{display:'grid',gap:12}}><div style={{aspectRatio:'4/3',borderRadius:'var(--radius-xl)',background:'var(--primary-50)',display:'grid',placeItems:'center',color:'var(--primary-300)'}}><Icon name="users" size={40} color="var(--primary-300)"/></div><div><div style={{font:'500 var(--subtitle-size)/var(--subtitle-line) var(--font-heading)',color:'var(--text-heading)'}}>{n}</div><div style={{fontSize:'var(--body2-size)',color:'var(--text-muted)'}}>{r}</div></div></div>)}</Grid></Sec>
  <CtaBand/>
</>; } window.About = About;