import {Metadata} from "next"
import Image from "next/image";

import {Banner} from "@/components/Banner/Banner";

import styles from './page.module.sass'
import bannerImage from './banner.svg'
import {Col, Row, Space} from "antd";
import OutLink from "@/components/Link/OutLink";
import {Section} from "@/app/product-support/Section";
import {TechSupportSection} from "@/app/product-support/TechSupportSection";

import Icon1Svg from './icon-1.svg'
import Icon2Svg from './icon-2.svg'
import Icon3Svg from './icon-3.svg'
import Icon4Svg from './icon-4.svg'

const title = '产品技术支持'
const description = '体系化服务，内核级支持，我们为平凯数据库提供从研发到现场的全链路贴身服务，助您提升业务价值。'

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

export default function ProductSupportPage() {
  return (
    <div className={styles.container}>
      <section className={styles.banner}>
        <Banner
          title={'平凯服务，品质如一'}
          description={'体系化服务，内核级支持 —— 我们提供从研发到现场的全链路贴身服务'}
          image={<Image className={styles.banner_image} src={bannerImage} alt={''} height={200} />}
        />
      </section>
      <main>
        <h2 className={styles.title}>平凯数据库服务与支持</h2>
        <Space direction={'vertical'} size={32}>
          <Row gutter={[32, 32]} align={'stretch'}>
            <Col sm={24} md={12}>
              <Section title={'社区服务与支持'}>
                <p>平凯星辰为用户提供<strong>社区在线问答和知识分享服务平台 <OutLink href={'https://AskTUG.com'}>AskTUG.com</OutLink></strong>，通过用户、业务、研发、产品之间形成链接，将所有问题进行分类、分级并自动传递，促使问题高效解决，将知识/案例沉淀共享，促使技术服务和产品迭代形成高效的双轮生态循环，用于支撑来自数以万计的用户的技术服务需求。</p>
              </Section>
            </Col>
            <Col sm={24} md={12}>
              <Section title={'内核级代码技术支持'}>
                <p>平凯星辰<strong>为用户提供真正内核级的技术服务能力</strong>，包括内核级的性能优化、问题排查和 bug 修复，特别对于业务连续性要求极高的场景，<strong>保证数据库内核的作者随时能够直抵客户现场，提供本地化支持服务。</strong></p>
                <p>为了更好的提供服务，公司设置了七个研发中心（北京、上海、广州、深圳、成都、南京、杭州），并且在每个研发中心配置了内核研发人员，确保对我们的重要客户的内核级研发支持能力。</p>
              </Section>
            </Col>
          </Row>
          <Section title={'企业级技术支持'}>
            <Row gutter={[32, 32]} align={'stretch'}>
              <Col sm={24} md={12}>
                <TechSupportSection title={'在线技术支持'} icon={<Image src={Icon1Svg} alt={''} />}>
                  <p>平凯星辰<strong>通过工单体系组建了 L1/L2/L3 分类分级管理的交付体系</strong>，提供了全天候的 7*24 在线支持服务（工单系统及 400 热线电话），通过该服务，客户可以获取产品信息，寻求技术支持，解决生产故障，确保客户能得到及时高效的服务，如：故障排除、咨询建议、升级更新、问题反馈，信息跟踪等。</p>
                </TechSupportSection>
              </Col>
              <Col sm={24} md={12}>
                <TechSupportSection title={'原厂专家服务'} icon={<Image src={Icon2Svg} alt={''} />}>
                  <p>平凯星辰<strong>通过服务标准化体系管理的交付体系</strong>，基于故障管理机制、客情通报机制、主动服务机制、服务质量管理机制、合同质量管理机制、人员质量管理机制等规范化流程和制度组成，以客户成功为中心的服务理念，<strong>组建了一支由业界资深的数据库技术支持专家构成的产品专家交付服务团队（PTS - Professional Technical Service）为企业级客户</strong>提供专业的体系化技术支持服务，保障关键业务系统的业务连续性和高可用性。</p>
                </TechSupportSection>
              </Col>
              <Col sm={24} md={12}>
                <TechSupportSection title={'联合支持服务'} icon={<Image src={Icon3Svg} alt={''} />}>
                  <p>平凯星辰<strong>通过生态伙伴的技术赋能体系，建立由合作伙伴的专职技术团队（UTS - United Technical Service） 为客户提供现场初、中级技术服务，由平凯星辰提供原厂技术支持和内核服务能力托底的联合技术服务模式，形成面向客户统一的售后交付服务能力</strong>，可持续且可复制地提升企业客户的服务体验。</p>
                </TechSupportSection>
              </Col>
              <Col sm={24} md={12}>
                <TechSupportSection title={'发行版支持服务'} icon={<Image src={Icon4Svg} alt={''} />}>
                  <p>平凯星辰<strong>通过发行版技术赋能体系</strong>，为成为平凯星辰开源社区发行版产品的伙伴，提供产品研发过程中的<strong>内核级技术支持服务和高级产品专家服务</strong>，帮助发行版伙伴建立和发展发行版产品，培养发行版数据库研发人才，完善技术生态环境。</p>
                </TechSupportSection>
              </Col>
            </Row>
          </Section>
          <Section title={'培训服务技术支持'}>
            <p>
              平凯星辰提供面向客户的通用课程内容和客制化内容培训交付服务，帮助培养具备基础理论知识、系统架构、运维管理和开发能力全方面的数据库人才梯队，助力客户数字化转型和新业务增长。
              <ul>
                <li>核心原理与架构</li>
                <li>数据库管理</li>
                <li>数据库开发</li>
                <li>故障处理与性能优化</li>
                <li>技术资格认证</li>
              </ul>
            </p>
          </Section>
        </Space>
      </main>
    </div>
  )
}