import { VerticalText } from "@/components/VerticalText"
import { AppContianer } from "@/layouts/AppContianer"

const imgList = [
  'aliyun',
  'azure',
  'beijingBlockchainApplicationAssociation',
  'caict',
  'cfca',
  'chinaAsean',
  'chinaAssociationOfSmallEnterprises',
  'chinaMobile',
  'chineseElectronics',
  'hanzhouAssociationOfBlockchainTechnologyAndApplication',
  'hljSciences',
  'huaqiaoUniversity',
  'huaweiyun',
  'hubeiDesign',
  'jinshanyun',
  'midea',
  'shanghaijiaotong',
  'southwestUniversity',
  'stateGrid',
  'TrustedBlockchainInitiatives',
  'xiamenUnibersity',
  'zhejiangBlockChainTechnologyApplicationAssociation',
  'zhejiangDigitalEconomySociaty',
  'zheshangAsset'
]


export const Partners = () => {
  return (
    <AppContianer className='h-full'>
    <div className="flex  h-full">
        <div className='center w-10/12 flex items-center justify-start  h-full'>
          <div className='grid grid-cols-4 gap-5 -translate-y-10'>
              {
                imgList.map(i=> <img key={i}  src={`/imgs/${i}.png`}></img>)
              }
          </div>
        </div>

        <div className="flex w-2/12 pl-[50px] pt-[46px] z-[2000]">

        <div className="sub-title-cn verticalText">合作伙伴</div>
            <div className="hero-title verticalText">Partners</div>
        
          </div>

    </div>
</AppContianer>
  )
}