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-center  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="right w-2/12 z-[200000] pl-[3rem]">
            <div className='flex pt-16'>
                <VerticalText text='合作伙伴' containerStyle="sub-title-cn py-5 px-5"/>
                <VerticalText text='Partners' containerStyle="hero-title mt-6" itemStyle=" rotate-90 -my-[2.7rem]"/>
            </div>
        </div>
    </div>
</AppContianer>
  )
}