'use client'

import React from "react"
import clsx from "clsx"
import Image from "next/image";
import Link from "next/link";

import beianImage from '@/assets/beian.png'
import wechatQrCodeImage from '@/assets/wechat-qrcode.png'

import styles from './Footer.module.sass'
import {PhoneOutlined, WechatFilled} from "@ant-design/icons";
import {Popover, Space} from "antd";

export interface IProps extends React.ComponentPropsWithoutRef<'div'> {

}

export const Footer: React.FC<IProps> = (props) => {
  const {children, className, ...rest} = props
  return (
    <div className={clsx(className, styles.container)} {...rest}>
      <div className={styles.main}>
        <div className={styles.top}>
          <div className={styles.intro}>
            <div className={styles.intro_title}>
              平凯星辰
            </div>
            <div className={styles.intro_body}>
              平凯星辰（北京）科技有限公司成立于 2015 年，是一家企业级分布式数据库厂商，提供包括开源分布式数据库产品、解决方案及相关的咨询、支持与培训服务。致力于为用户打造稳定高效、安全可靠、开放兼容的新型数据基础设施，加速企业数字化转型升级。
            </div>
          </div>
          <Space size={64} align={'start'} wrap>
            <div className={styles.column}>
              <div className={styles.column_title}>公司</div>
              <ul>
                <li><Link href={'/about'}>公司简介</Link></li>
                <li><Link href={'/privacy-policy/'}>隐私政策</Link></li>
                <li><Link href={'/cookie-policy/'}>Cookie 政策</Link></li>
                <li><Link href={'/compliance'}>合规与认证</Link></li>
                <li><Link href={'/partner-code-of-conduct'}>合作伙伴行为准则</Link></li>
                <li><Link href={'/addressing-security-vulnerabilities'}>漏洞管理策略</Link></li>
                <li><Link href={'/terms-of-use'}>网站使用条款</Link></li>
              </ul>
            </div>
            <div className={styles.column}>
              <div className={styles.column_title}>资源</div>
              <ul>
                <li><Link href={'https://asktug.com'}>社区问答-AskTUG</Link></li>
                <li><Link href={'/document'}>产品文档</Link></li>
                {/*<li><Link href={'/payment-info'}>付费资料</Link></li>*/}
                <li><Link href={'https://support.pingcap.cn'}>工单系统登录</Link></li>
                <li><Link href={'https://learn.pingcap.cn'}>培训与认证</Link></li>
              </ul>
            </div>
            <div className={styles.column}>
              <div className={styles.column_title}>联系我们</div>
              <ul>
                <li><Link href={'tel:4006790886'}>商务咨询：4006790886</Link></li>
                <li>
                  <Popover placement="topRight" title={<div style={{textAlign: 'center'}}>扫描二维码关注</div>} content={<Image src={wechatQrCodeImage} alt={'PKXC2015'} width={200} height={200} />} trigger="hover">
                    微信公众号：PKXC2015
                  </Popover>
                </li>
                <li><Link href={'/copyright-statement'}>版权声明</Link></li>
              </ul>
            </div>
          </Space>
        </div>
        <Space className={styles.copyright} wrap>
          <span>© {new Date().getFullYear()} 平凯星辰（北京）科技有限公司</span>
          <a target="_blank" href="https://beian.miit.gov.cn/" className="prepared-num">京ICP备20022552号-4</a>
          <a target="_blank" href="https://beian.miit.gov.cn/" className="prepared-num">增值电信业务经营许可证：京 B2-20220993</a>
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802043724" className="prepared-num">京公网安备11010802043724号</a>
        </Space>
      </div>
    </div>
  )
}