import Image from 'next/image';
import { Metadata } from 'next';
import NextLink from 'next/link';
import NextImage from 'next/image';

import { Banner } from '@/components/Banner/Banner';
import { BlueButton } from '@/components/BlueButton/BlueButton';
import PartnerType from './sections/PartnerType';

import styles from './page.module.scss';

import bannerImage from './assets/banner.svg';
import Equity from './sections/Equity';
import LogoWall from './sections/LogoWall';
import CTA from './sections/CTA';

const title = '合作伙伴';
const description =
  '积极打造产业生态，涵盖产品研发、解决方案、技术服务、上下游生态和云服务多个领域';

export const metadata: Metadata = {
  title,
  description,
};

const partnerTypeList = [
  {
    id: 'solution-partner',
    title: '解决方案伙伴',
    description:
      '面向独立软件开发商，帮助其基于平凯星辰产品研发并推广解决方案。提供针对性解决方案的产品技术支持和丰富多样联合商业推广，形成中长期发展合作，以高效、优质的技术和一体化市场推广，深度服务行业客户，共同帮助客户成功。',
    link: '/solution-partner/',
    button: '了解详情',
  },
  {
    id: 'distribution-partner',
    title: '授权经销伙伴',
    description:
      '面向分销商、集成商等，具备平凯星辰产品销售能力或整体系统集成能力，联合拓展市场，推动更多客户使用平凯星辰产品获得成功。',
    link: '/distribution-partner/',
    button: '了解详情',
  },
  {
    id: 'service-partner',
    title: '认证服务伙伴',
    description:
      '面向第三方服务商，具备平凯星辰产品服务交付能力，为客户提供系统集成、架构设计、数据库迁移，实施和运维管理。',
    link: '/service-partner/',
    button: '了解详情',
  },
  {
    id: 'ecological-partner',
    title: '产品生态伙伴',
    description: '面向技术生态伙伴，通过技术生态合作共同推动产业繁荣。',
    link: '/ecological-partner/',
    button: '了解详情',
  },
  {
    id: 'education-partner',
    title: '教育合作伙伴',
    description:
      '面向服务高校、企业和个人的独立教育培训机构，通过原厂课程授权、联合师资培养、联合课程开发、授权培训和认证服务等构建高效的平凯星辰培训认证服务体系，推动 TiDB 相关人才生态的繁荣发展。',
    link: '/education-partner/',
    button: '了解详情',
  },
];

const equityList = [
  {
    image: '/partner/联合销售.png',
    title: '联合销售',
    desc: '灵活激励 共同开拓市场机会',
  },
  {
    image: '/partner/深度产品支持.png',
    title: '深度产品支持',
    desc: '企业级技术支持打造联合解决方案',
  },
  {
    image: '/partner/市场推广.png',
    title: '市场推广',
    desc: '多种营销方式助力合作伙伴联合推广',
  },
  {
    image: '/partner/深度赋能.png',
    title: '深度赋能',
    desc: '丰富培养计划和认证实现全方位赋能',
  },
];

const logoList = [
  'digital-china-logo',
  '爱可生-e1687186668385',
  '平安科技-e1687191158899',
  '天翼数科-e1687191189665',
  'yusys-technologies-e1687185991481',
  'DSG-e1687191235599',
  'sinosoft-e1687186042504',
  'HAND-e1687191278751',
  'marsoft-e1687186018765',
  '天阳科技-e1687191328373',
  'QingCloud-e1687191386398',
  '移动云-e1687191358982',
];

const jointSolutionList = [
  {
    title: '基于 TiDB 和 KunTai 的分布式数据库一体机解决方案',
    url: '/joint-solution/distributed-database-aio-based-on-tidb-and-kuntai/',
    logo: '神州数码联合解决方案',
  },
  {
    title: '宇信科技新一代智能化信贷服务平台 V5.0',
    url: '/joint-solution/yusys-intelligent-credit-service-platform-based-on-tidb',
    logo: '宇信科技联合解决方案',
  },
  {
    title: '华锐新一代核心交易平台 ATP',
    url: '/joint-solution/archforce-trading-platform',
    logo: '华锐技术联合解决方案',
  },
];

const resourcesList = [
  {
    title: '联合解决方案',
    logo: 'Tungsten',
    url: '/joint-solution',
  },
  {
    title: '查找合作伙伴',
    logo: 'contribution',
    url: '/search-partner/',
  },
  {
    title: '培训与认证',
    logo: 'school',
    url: 'https://learn.pingcap.cn/',
  },
  {
    title: '社区问答-AskTUG',
    logo: 'support',
    url: 'https://asktug.com/',
  },
];

export default function PartnerPage() {
  return (
    <div className={styles.container}>
      <main className={styles.main}>
        <section className={styles.banner}>
          <Banner
            title={title}
            description={description}
            image={
              <Image
                className={styles.banner_image}
                src={bannerImage}
                alt={''}
                height={200}
              />
            }
          />
        </section>
        <PartnerType partnerTypeList={partnerTypeList} />
        <Equity
          className="bg-gray"
          titleClassName={styles.h2}
          equityList={equityList}
        />
        <section className="section ">
          <div className="contain">
            <CTA
              title="共建星系，共赢繁荣"
              subtitle="秉承开放、合作、共赢的合作理念，通过提供销售、市场、技术等全方位的支持，助力合作伙伴成功构建基于平凯星辰的业务，实现业务创新，持续为客户和伙伴创造价值。"
              button="加入平凯星辰合作伙伴网络"
              extract={
                <NextLink href="/search-partner">
                  <BlueButton>查找全部平凯星辰合作伙伴</BlueButton>
                </NextLink>
              }
            />
          </div>
        </section>
        <LogoWall logoList={logoList} disableCTA={true} />
        <section className="section bg-gray">
          <div className="contain">
            <h2 className={styles.h2}>精选联合解决方案</h2>
            <div className={styles.jointSolution}>
              {jointSolutionList.map(({ title, url, logo }) => (
                <NextLink href={url} className={styles.card} key={url}>
                  <NextImage
                    src={`/partner/${logo}.png`}
                    alt=""
                    height={40}
                    width={120}
                    className={styles.logo}
                  />
                  <h4>{title}</h4>
                </NextLink>
              ))}
            </div>
            <div className="text-center">
              <NextLink className="button-link" href="/joint-solution">
                查看全部联合解决方案
              </NextLink>
            </div>
          </div>
        </section>
        <section className="section">
          <div className="contain">
            <h2 className={styles.h2}>更多资源</h2>
            <div className={styles.resources}>
              {resourcesList.map(({ title, url, logo }) => (
                <NextLink href={url} className={styles.card} key={url}>
                  <NextImage
                    src={`/partner/${logo}.svg`}
                    alt=""
                    height={40}
                    width={40}
                    className={styles.logo}
                  />
                  <h4>{title}</h4>
                </NextLink>
              ))}
            </div>
          </div>
        </section>
      </main>
    </div>
  );
}