function Home({ go }) { return <>
  <section style={{position:'relative',background:'linear-gradient(90deg,rgba(32,31,36,.82) 0%,rgba(57,57,155,.55) 100%),var(--neutral-600)',color:'#fff',padding:'120px 0 128px',overflow:'hidden'}}>
    <div style={{position:'absolute',right:-120,top:-120,width:520,height:520,borderRadius:'50%',border:'2px dotted rgba(173,252,185,.35)'}}></div>
    <div style={{position:'absolute',right:40,top:60,width:280,height:280,borderRadius:'50%',border:'2px dotted rgba(255,255,255,.18)'}}></div>
    <Wrap><div style={{maxWidth:640,display:'grid',gap:20}}><h1 style={{font:'500 var(--h1-size)/var(--h1-line) var(--font-heading)',margin:0,fontSize:56,lineHeight:'64px',color:'var(--text-inverse)'}}>Sivali Cloud Technology</h1><p style={{margin:0,fontSize:'var(--subtitle-size)',lineHeight:'28px',color:'var(--white)'}}><strong style={{color:'#fff',fontWeight:600}}>With over 25 years of experience,</strong> Sivali provides the comprehensive solutions for your cloud technological needs.</p><div><Button variant="accent" size="lg" icon="arrow-right">Discover more</Button></div></div></Wrap>
    <div style={{position:'absolute',left:0,right:0,bottom:12,textAlign:'center',fontSize:11,color:'rgba(255,255,255,.5)',letterSpacing:'.08em'}}>HERO PHOTO PLACEHOLDER — sivali-digital-transformer.jpg</div>
  </section>
  <Sec><div style={{display:'grid',gridTemplateColumns:'1fr 1.6fr',gap:48,alignItems:'start'}}><div><Eyebrow>Why to choose us</Eyebrow><h3 style={{font:'500 var(--h3-size)/var(--h3-line) var(--font-heading)',color:'var(--text-heading)',margin:'8px 0 20px',textWrap:'pretty'}}>Choose Us for Seamless End-to-End Cloud Technology Solutions, Guided by Our Enthusiastic and Experienced Team.</h3><Button variant="secondary" icon="arrow-right" onClick={()=>go('Company')}>Read more about us</Button></div><Grid n={3} gap={16}>{D.why.map(([i,t,d])=><Card key={t} icon={i} title={t} href="#">{d}</Card>)}</Grid></div></Sec>
  <Sec bg="var(--surface-subtle)"><div style={{maxWidth:720,marginBottom:40}}><Eyebrow>What can we do for you</Eyebrow><H2>We are Cloud Technology Enabler</H2><p style={{margin:'16px 0 0',lineHeight:'var(--body1-line)'}}><strong style={{fontWeight:600,color:'var(--text-heading)'}}>Your Cloud, Your Way</strong><br/>As an open-source–driven distributor, we empower individuals, SMBs, and cloud service providers with scalable, secure, and vendor-neutral cloud solutions. Every deployment is backed by our local expertise and global technology partnerships.</p></div><Grid n={3} gap={20}>{D.services.map(([i,t,d])=><Card key={t} icon={i} title={t} href="#">{d}</Card>)}<Card tone="brand" eyebrow="Value added" title="Talk to our team" href="#" footer={<Button variant="accent" size="sm" icon="arrow-right" onClick={()=>go('Our Vendors')}>Ask about our product</Button>}>Consultation, implementation, support, managed service and migration — delivered through partners.</Card></Grid></Sec>
  <Sec pad="56px 0"><div style={{textAlign:'center'}}><Eyebrow>We are certified cloud engineer</Eyebrow><h3 style={{font:'500 var(--h3-size)/var(--h3-line) var(--font-heading)',color:'var(--text-heading)',margin:'8px 0 32px'}}>Linux and Cloud Native Computing Technology Certified</h3><div style={{display:'flex',justifyContent:'center',gap:24}}>{['Canonical Partner','Kubernetes CKA','OpenStack COA','LPIC'].map(c=><div key={c} style={{width:200,height:72,border:'1px dashed var(--border-strong)',borderRadius:'var(--radius-lg)',display:'grid',placeItems:'center',fontSize:'var(--caption-size)',color:'var(--text-muted)'}}>{c} logo</div>)}</div></div></Sec>
  <Sec bg="var(--surface-subtle)"><H2 style={{marginBottom:32}}>Our Vendors</H2><Grid n={4} gap={20}>{D.vendors.map(([n,d])=><Card key={n} title={n} href="#" eyebrow="Vendor">{d}</Card>)}</Grid></Sec>
  <CtaBand/>
</>; } window.Home = Home;