feature: support Business Partners module

docusaurus.config.js

@@ -126,6 +126,12 @@ module.exports = {
  label: "Adopters",
  position: "left",
  },
+ {
+ label: 'Partners',
+ activeBasePath: 'partners',
+ to: '/partners',
+ position: 'left',
+ },
  {
  type: "localeDropdown",
  position: "right",

i18n/zh/code.json

@@ -193,5 +193,14 @@
  "theme.SearchBar.label": {
  "message": "查询",
  "description": "The ARIA label and placeholder for search button"
+ },
+ "partners.huawei.description": {
+ "message": "Ubiquitous Cloud Native Service（UCS）是业界首个分布式云原生产品，为企业构建云原生业务部署、管理、应用生态的全域一致性体验 ，实现客户在使用云原生应用时，感受不到地域、跨云、流量的限制，让云原生的能力进入企业的每一个业务场景，加速千行百业拥抱云原生。"
+ },
+ "partners.daocloud.description": {
+ "message": "使用 Karmada 构建更具弹性的混合多云平台。"
+ },
+ "partners.DSK.description": {
+ "message": "使用 Karmada 构建多策略和多地域的智能分布式容器平台。"
  }
 }

i18n/zh/docusaurus-plugin-content-pages/partners.tsx

@@ -0,0 +1,67 @@
+import Layout from "@theme/Layout";
+import styles from "../../../src/pages/styles.module.css";
+import clsx from "clsx";
+import React from "react";
+import Translate, { translate } from "@docusaurus/Translate";
+import { Typography } from "@douyinfe/semi-ui";
+import PartnersListData from "../../../src/data/partnersData";
+
+export default function Partners() {
+ const { Text } = Typography;
+
+ const PartnersList = PartnersListData;
+
+ return (
+ <Layout>
+ <div className={styles.background}>
+ <div className={clsx(styles.container, "container")}>
+ <div className={clsx(styles.rowHeader, "row")}>
+ <div className="col col--12">
+ <h1>
+ <Translate id="partners.title">成为 Karmada 合作伙伴</Translate>
+ </h1>
+ </div>
+ <div className="col col--12">
+ <p className={styles.font}>
+ <Translate id="partners.description1">
+ 欢迎您的加入，期待您的到来。如果需要了解更多信息，请在 Karmada
+ 存储库中创建 Issue 跟进。
+ </Translate>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className={clsx(styles.containerPartnersList, "container")}>
+ <div className="row" style={{ marginBottom: "40px" }}>
+ {PartnersList.map(({ image, title, webURL, description }, index) => (
+ <div
+ className={clsx(styles.colPartnersList, "col col--3")}
+ key={index}
+ >
+ <div className="card shadow--md">
+ <div
+ className={clsx(styles.cardImagePartnersList, "card__image")}
+ >
+ <a href={webURL} target="_blank">
+ <img src={image} className={styles.cardImage} />
+ </a>
+ </div>
+ <div className="card__body">
+ <div className={styles.cardBodyPartnersList}>
+ <h4 className={styles.cardBodyH4PartnersList}>
+ <a href={webURL} target="_blank">
+ {title}
+ </a>
+ </h4>
+ </div>
+ <p className={styles.cardBodyFoot}>{description}</p>
+ </div>
+ </div>
+ </div>
+ ))}
+ </div>
+ </div>
+ </Layout>
+ );
+}

i18n/zh/docusaurus-theme-classic/navbar.json

@@ -14,5 +14,9 @@
  "item.label.Adopters": {
  "message": "采用者",
  "description": "Navbar item with label Adopters"
+ },
+ "item.label.Partners": {
+ "message": "合作伙伴",
+ "description": "Navbar item with label Partners"
  }
 }