diff --git a/docs/cbdb-architecture.md b/docs/cbdb-architecture.md
index 606f24ba441..9ab86ff96bd 100644
--- a/docs/cbdb-architecture.md
+++ b/docs/cbdb-architecture.md
@@ -16,7 +16,7 @@ From users' view, Apache Cloudberry is a complete relational database management
 
 The architecture diagram of Apache Cloudberry is as follows:
 
-![Apache Cloudberry Architecture](./media/cbdb-arch.png)
+![Apache Cloudberry Architecture](./media/cbdb-arch.jpg)
 
 - **Coordinator node** (or control node) is the gateway to the Apache Cloudberry system, which accepts client connections and SQL queries, and allocates tasks to data node instances. Users interact with Apache Cloudberry by connecting to the coordinator node using a client program (such as psql) or an application programming interface (API) (such as JDBC, ODBC, or libpq PostgreSQL C API).
     - The coordinator node acts as the global system directory, containing a set of system tables that record the metadata of Apache Cloudberry.
diff --git a/docs/media/cbdb-arch.jpg b/docs/media/cbdb-arch.jpg
new file mode 100644
index 00000000000..5ec02a9e514
Binary files /dev/null and b/docs/media/cbdb-arch.jpg differ
diff --git a/docs/media/cbdb-arch.png b/docs/media/cbdb-arch.png
deleted file mode 100644
index 34a0e3dacd3..00000000000
Binary files a/docs/media/cbdb-arch.png and /dev/null differ
diff --git a/docs/media/cbdb-deploy-auto-high-avail.png b/docs/media/cbdb-deploy-auto-high-avail.png
deleted file mode 100644
index e8fca53ea48..00000000000
Binary files a/docs/media/cbdb-deploy-auto-high-avail.png and /dev/null differ
diff --git a/docs/media/cbdb-deploy-manual-high-avail.png b/docs/media/cbdb-deploy-manual-high-avail.png
deleted file mode 100644
index 020c67a2401..00000000000
Binary files a/docs/media/cbdb-deploy-manual-high-avail.png and /dev/null differ
diff --git a/docs/tutorial/introduction-to-database-and-cloudberry-architecture.md b/docs/tutorial/introduction-to-database-and-cloudberry-architecture.md
index 838d0b367bd..d8169cdb9b3 100644
--- a/docs/tutorial/introduction-to-database-and-cloudberry-architecture.md
+++ b/docs/tutorial/introduction-to-database-and-cloudberry-architecture.md
@@ -37,7 +37,7 @@ Apache Cloudberry also includes features designed to optimize PostgreSQL for bus
 
 _Figure 1. High-Level Apache Cloudberry Architecture_
 
-![High-Level Apache Cloudberry Architecture](/img/bootcamp/highlevel_arch.jpg) 
+![High-Level Apache Cloudberry Architecture](/img/bootcamp/cbdb-arch.jpg) 
 
 The following topics describe the components that make up a Apache Cloudberry system and how they work together.
 
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/cbdb-architecture.md b/i18n/zh/docusaurus-plugin-content-docs/current/cbdb-architecture.md
index d24841947af..8369894bff8 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/cbdb-architecture.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/cbdb-architecture.md
@@ -16,7 +16,7 @@ MPP 也称为大规模并行处理架构，是指具有多台主机的系统，
 
 Apache Cloudberry 架构图如下所示：
 
-![Apache Cloudberry Architecture](./media/cbdb-arch.png)
+![Apache Cloudberry Architecture](./media/cbdb-arch.jpg)
 
 - **控制节点 (Coordinator)** 是 Apache Cloudberry 数据库系统的入口，它接受客户端连接和 SQL 查询，并将工作分配给数据节点实例。用户与 Apache Cloudberry 进行交互，使用客户端程序（例如 psql）或应用程序编程接口（API）（例如 JDBC、ODBC 或 libpq PostgreSQL C API）连接到控制节点。
     - 控制节点是全局系统目录所在的位置，全局系统目录是一组系统表，其中包含有关 Apache Cloudberry 数据库系统本身的元数据。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/version-1.x/cbdb-architecture.md b/i18n/zh/docusaurus-plugin-content-docs/version-1.x/cbdb-architecture.md
index d24841947af..8369894bff8 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/version-1.x/cbdb-architecture.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/version-1.x/cbdb-architecture.md
@@ -16,7 +16,7 @@ MPP 也称为大规模并行处理架构，是指具有多台主机的系统，
 
 Apache Cloudberry 架构图如下所示：
 
-![Apache Cloudberry Architecture](./media/cbdb-arch.png)
+![Apache Cloudberry Architecture](./media/cbdb-arch.jpg)
 
 - **控制节点 (Coordinator)** 是 Apache Cloudberry 数据库系统的入口，它接受客户端连接和 SQL 查询，并将工作分配给数据节点实例。用户与 Apache Cloudberry 进行交互，使用客户端程序（例如 psql）或应用程序编程接口（API）（例如 JDBC、ODBC 或 libpq PostgreSQL C API）连接到控制节点。
     - 控制节点是全局系统目录所在的位置，全局系统目录是一组系统表，其中包含有关 Apache Cloudberry 数据库系统本身的元数据。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/version-2.x/cbdb-architecture.md b/i18n/zh/docusaurus-plugin-content-docs/version-2.x/cbdb-architecture.md
index d24841947af..8369894bff8 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/version-2.x/cbdb-architecture.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/version-2.x/cbdb-architecture.md
@@ -16,7 +16,7 @@ MPP 也称为大规模并行处理架构，是指具有多台主机的系统，
 
 Apache Cloudberry 架构图如下所示：
 
-![Apache Cloudberry Architecture](./media/cbdb-arch.png)
+![Apache Cloudberry Architecture](./media/cbdb-arch.jpg)
 
 - **控制节点 (Coordinator)** 是 Apache Cloudberry 数据库系统的入口，它接受客户端连接和 SQL 查询，并将工作分配给数据节点实例。用户与 Apache Cloudberry 进行交互，使用客户端程序（例如 psql）或应用程序编程接口（API）（例如 JDBC、ODBC 或 libpq PostgreSQL C API）连接到控制节点。
     - 控制节点是全局系统目录所在的位置，全局系统目录是一组系统表，其中包含有关 Apache Cloudberry 数据库系统本身的元数据。
diff --git a/src/components/bootcamp/Card/index.tsx b/src/components/bootcamp/Card/index.tsx
deleted file mode 100644
index c29f31deb90..00000000000
--- a/src/components/bootcamp/Card/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import clsx from "clsx";
-import LinkWithBaseUrl from "../../common/LinkWithBaseUrl";
-import styles from "./styles.module.scss";
-import GreaterThan from "/img/greater_than.svg";
-
-interface IProps {
-  style?: React.CSSProperties;
-  title?: string;
-  content?: string;
-  link: {
-    text: string;
-    href: string;
-  };
-}
-export default function Card(props: IProps) {
-  return (
-    <div className={clsx(styles.card, "link-wrap")} style={props.style}>
-      <LinkWithBaseUrl to={props.link.href}>
-        <div className={styles.title}>{props.title}</div>
-        <div className={clsx(styles.content, "sub-text")}>{props.content}</div>
-        <div className={styles.link}>
-          <span>{props.link.text}</span>
-          <GreaterThan />
-        </div>
-      </LinkWithBaseUrl>
-    </div>
-  );
-}
diff --git a/src/components/bootcamp/Card/styles.module.scss b/src/components/bootcamp/Card/styles.module.scss
deleted file mode 100644
index 7fcbdce8ad7..00000000000
--- a/src/components/bootcamp/Card/styles.module.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-.card {
-  border: 1px solid var(--box-border-color);
-  border-radius: var(--normal-box-radius);
-  padding: 0 21px;
-  padding-top: 14px;
-  cursor: pointer;
-  &:hover {
-    background-color: var(--active-color);
-    color: var(--hover-full-bg-text-color);
-    .link,
-    a {
-      color: var(--hover-full-bg-text-color);
-    }
-    .content {
-      color: var(--sub-text-color-3);
-    }
-    svg {
-      fill: var(--hover-full-bg-text-color) !important;
-    }
-  }
-  .content {
-    line-height: 26px;
-    padding-bottom: 22px;
-  }
-  .link {
-    padding-bottom: 25px;
-    font-size: 14px;
-    color: var(--active-color);
-    svg {
-      fill: var(--active-color);
-      vertical-align: middle;
-    }
-  }
-  @media screen and (max-width: 1440px) {
-    width: auto !important;
-  }
-}
diff --git a/src/components/bootcamp/MainContent/CardLine.tsx b/src/components/bootcamp/MainContent/CardLine.tsx
deleted file mode 100644
index 2e514b50eea..00000000000
--- a/src/components/bootcamp/MainContent/CardLine.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Card from "../Card";
-interface IProps {
-  cardLine: {
-    link: {
-      text: string;
-      href: string;
-    };
-    content?: string;
-    title?: string;
-    style?: React.CSSProperties;
-  }[];
-  itemWidth?: number | string;
-}
-export default function CardLine({ cardLine, itemWidth }: IProps) {
-  return cardLine.map((card, i) => {
-    return <Card key={i} {...card} style={{ width: itemWidth }}></Card>;
-  });
-}
diff --git a/src/components/bootcamp/MainContent/index.tsx b/src/components/bootcamp/MainContent/index.tsx
deleted file mode 100644
index 267233a22f0..00000000000
--- a/src/components/bootcamp/MainContent/index.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import {
-  BOOTCAMP_PAGE_CONFIG,
-  LINK_NAV_CONFIG,
-} from "@site/src/consts/bootcamp";
-import Card from "../Card";
-import CardLine from "./CardLine";
-import styles from "./styles.module.scss";
-
-export default function MainContent() {
-  const { DATA_0, DATA_101, DATA_102, DATA_103, DATA_104, GET_SOURCE } =
-    BOOTCAMP_PAGE_CONFIG;
-
-  return (
-    <div className={styles.mainContent}>
-      <div className="main-title" style={{ marginBottom: 22 }}>
-        {DATA_0.title}
-      </div>
-      <div
-        className="sub-title scroll-id-select"
-        data-id={LINK_NAV_CONFIG[0].id}
-        style={{ marginBottom: 31 }}
-      >
-        {DATA_0.subTitle}
-      </div>
-
-      <Card {...DATA_0.card} />
-
-      <div
-        className="sub-title scroll-id-select"
-        data-id={LINK_NAV_CONFIG[1].id}
-        style={{ marginBottom: 31, marginTop: 69 }}
-      >
-        {DATA_101.title}
-      </div>
-      <div className="sub-text">{DATA_101.subText}</div>
-
-      <div
-        className={styles.cardLine}
-        style={{
-          marginTop: 25,
-          marginBottom: 32,
-          gridTemplateColumns: "1fr 1fr 1fr 1fr",
-        }}
-      >
-        <CardLine cardLine={DATA_101.cardLine1} itemWidth={221} />
-      </div>
-
-      <div
-        className={styles.cardLine}
-        style={{
-          gridTemplateColumns: "1fr 1fr 1fr",
-        }}
-      >
-        <CardLine cardLine={DATA_101.cardLine2} itemWidth={305.33} />
-      </div>
-
-      {/* 102 before */}
-      <div
-        data-id={LINK_NAV_CONFIG[2].id}
-        className="sub-title scroll-id-select"
-        style={{ marginBottom: 49, marginTop: 69 }}
-      >
-        {DATA_102.title}
-      </div>
-      <Card {...DATA_102.card} />
-
-      {/* 103 before */}
-      <div
-        data-id={LINK_NAV_CONFIG[3].id}
-        className="sub-title scroll-id-select"
-        style={{ marginBottom: 39, marginTop: 69 }}
-      >
-        {DATA_103.title}
-      </div>
-      <div className="sub-text">{DATA_103.subText}</div>
-      <div
-        className={styles.cardLine}
-        style={{ marginTop: 32, gridTemplateColumns: "1fr 1fr" }}
-      >
-        <CardLine cardLine={DATA_103.cardLine} itemWidth={474} />
-      </div>
-
-      {/* 104 before */}
-      <div
-        data-id={LINK_NAV_CONFIG[4].id}
-        className="sub-title scroll-id-select"
-        style={{ marginTop: 69, marginBottom: 49 }}
-      >
-        {DATA_104.title}
-      </div>
-      <div
-        className={styles.cardLine}
-        style={{ gridTemplateColumns: "1fr 1fr" }}
-      >
-        <CardLine cardLine={DATA_104.cardLine} itemWidth={474} />
-      </div>
-
-      {/* Get the Source */}
-      <div className="main-title" style={{ marginTop: 61, marginBottom: 16 }}>
-        {GET_SOURCE.title}
-      </div>
-      <div className="sub-text" style={{ marginBottom: 62 }}>
-        {GET_SOURCE.content}
-      </div>
-    </div>
-  );
-}
diff --git a/src/components/bootcamp/MainContent/styles.module.scss b/src/components/bootcamp/MainContent/styles.module.scss
deleted file mode 100644
index 7cd91bf1f86..00000000000
--- a/src/components/bootcamp/MainContent/styles.module.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.mainContent {
-  .cardLine {
-    display: flex;
-    justify-content: space-between;
-  }
-  @media screen and (max-width: 1440px) {
-    .cardLine {
-      display: grid;
-      gap: 32px;
-    }
-    
-  }
-  @media screen and (max-width: 768px) {
-    .cardLine {
-      grid-template-columns: 1fr !important;
-    }
-  }
-}
diff --git a/src/components/bootcamp/TextPic/index.tsx b/src/components/bootcamp/TextPic/index.tsx
deleted file mode 100644
index 939a7bf5a86..00000000000
--- a/src/components/bootcamp/TextPic/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import useBaseUrl from "@docusaurus/useBaseUrl";
-import clsx from "clsx";
-import styles from "./styles.module.scss";
-
-export default function TextPic() {
-  return (
-    <div className={styles.wrap}>
-      <div className={clsx(styles.text, "sub-text")}>
-        These tutorials showcase how Apache Cloudberry can address day-to-day
-        tasks performed in typical DW, BI and data science environments. It is
-        designed to be used with the Apache Cloudberry Sandbox, which is based
-        on the Docker with the CentOS 7.9 OS.
-      </div>
-      <div className={styles.picture}>
-        <img src={useBaseUrl("/img/bootcamp/cmd.png")} alt="" />
-      </div>
-    </div>
-  );
-}
diff --git a/src/components/bootcamp/TextPic/styles.module.scss b/src/components/bootcamp/TextPic/styles.module.scss
deleted file mode 100644
index a7ac802542b..00000000000
--- a/src/components/bootcamp/TextPic/styles.module.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.wrap {
-  margin: auto;
-  margin-top: 78px;
-
-  .picture {
-    margin: 0 -54px;
-  }
-  @media screen and (max-width: 1024px) {
-    .picture {
-      margin: 0;
-    }
-  }
-}
diff --git a/static/img/bootcamp/cbdb-arch.jpg b/static/img/bootcamp/cbdb-arch.jpg
new file mode 100644
index 00000000000..5ec02a9e514
Binary files /dev/null and b/static/img/bootcamp/cbdb-arch.jpg differ
diff --git a/static/img/bootcamp/cbdb-sandbox.png b/static/img/bootcamp/cbdb-sandbox.png
deleted file mode 100644
index 492e818a0a1..00000000000
Binary files a/static/img/bootcamp/cbdb-sandbox.png and /dev/null differ
diff --git a/static/img/bootcamp/cloudberrydb_logo.png b/static/img/bootcamp/cloudberrydb_logo.png
deleted file mode 100644
index a874b602aa7..00000000000
Binary files a/static/img/bootcamp/cloudberrydb_logo.png and /dev/null differ
diff --git a/static/img/bootcamp/cmd.png b/static/img/bootcamp/cmd.png
deleted file mode 100644
index e25bf846230..00000000000
Binary files a/static/img/bootcamp/cmd.png and /dev/null differ
diff --git a/static/img/bootcamp/highlevel_arch.jpg b/static/img/bootcamp/highlevel_arch.jpg
deleted file mode 100755
index 3c9e4c03482..00000000000
Binary files a/static/img/bootcamp/highlevel_arch.jpg and /dev/null differ
diff --git a/static/img/cbdb-sandbox.png b/static/img/cbdb-sandbox.png
deleted file mode 100644
index 492e818a0a1..00000000000
Binary files a/static/img/cbdb-sandbox.png and /dev/null differ
diff --git a/static/img/celebrate.png b/static/img/celebrate.png
deleted file mode 100644
index 0c265b7d1ae..00000000000
Binary files a/static/img/celebrate.png and /dev/null differ
diff --git a/static/img/home/cbdb-circle.png b/static/img/home/cbdb-circle.png
deleted file mode 100644
index 16eaa68697f..00000000000
Binary files a/static/img/home/cbdb-circle.png and /dev/null differ
diff --git a/static/img/home/our-roadmap/dot-arrow.svg b/static/img/home/our-roadmap/dot-arrow.svg
deleted file mode 100644
index 8aae90c8550..00000000000
--- a/static/img/home/our-roadmap/dot-arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.9381 0.606709C14.6818 0.84469 14.6818 1.23051 14.9381 1.46849L23.8041 9.70122C23.9819 9.86632 23.9819 10.134 23.8041 10.2991L14.9381 18.5319C14.6818 18.7699 14.6818 19.1557 14.9381 19.3937C15.1944 19.6316 15.6099 19.6316 15.8662 19.3937L24.7322 11.1609C25.4226 10.5199 25.4226 9.48051 24.7322 8.83945L15.8662 0.606709C15.6099 0.368727 15.1944 0.368727 14.9381 0.606709ZM15.1875 8.78143C14.4626 8.78143 13.875 9.32707 13.875 10.0002C13.875 10.6733 14.4626 11.2189 15.1875 11.2189C15.9124 11.2189 16.5 10.6733 16.5 10.0002C16.5 9.32707 15.9124 8.78143 15.1875 8.78143ZM2.0625 8.78143C1.33761 8.78143 0.75 9.32707 0.75 10.0002C0.75 10.6733 1.33761 11.2189 2.0625 11.2189C2.78739 11.2189 3.375 10.6733 3.375 10.0002C3.375 9.32707 2.78739 8.78143 2.0625 8.78143ZM10.8125 8.78143C10.0876 8.78143 9.5 9.32707 9.5 10.0002C9.5 10.6733 10.0876 11.2189 10.8125 11.2189C11.5374 11.2189 12.125 10.6733 12.125 10.0002C12.125 9.32707 11.5374 8.78143 10.8125 8.78143ZM6.4375 8.78143C5.71261 8.78143 5.125 9.32707 5.125 10.0002C5.125 10.6733 5.71261 11.2189 6.4375 11.2189C7.16239 11.2189 7.75 10.6733 7.75 10.0002C7.75 9.32707 7.16239 8.78143 6.4375 8.78143Z" fill="#FFB219"/>
-</svg>
diff --git a/static/img/home/wcd.png b/static/img/home/wcd.png
deleted file mode 100644
index 83c60c9ccad..00000000000
Binary files a/static/img/home/wcd.png and /dev/null differ
diff --git a/versioned_docs/version-2.x/cbdb-architecture.md b/versioned_docs/version-2.x/cbdb-architecture.md
index 606f24ba441..9ab86ff96bd 100644
--- a/versioned_docs/version-2.x/cbdb-architecture.md
+++ b/versioned_docs/version-2.x/cbdb-architecture.md
@@ -16,7 +16,7 @@ From users' view, Apache Cloudberry is a complete relational database management
 
 The architecture diagram of Apache Cloudberry is as follows:
 
-![Apache Cloudberry Architecture](./media/cbdb-arch.png)
+![Apache Cloudberry Architecture](./media/cbdb-arch.jpg)
 
 - **Coordinator node** (or control node) is the gateway to the Apache Cloudberry system, which accepts client connections and SQL queries, and allocates tasks to data node instances. Users interact with Apache Cloudberry by connecting to the coordinator node using a client program (such as psql) or an application programming interface (API) (such as JDBC, ODBC, or libpq PostgreSQL C API).
     - The coordinator node acts as the global system directory, containing a set of system tables that record the metadata of Apache Cloudberry.
diff --git a/versioned_docs/version-2.x/media/cbdb-arch.jpg b/versioned_docs/version-2.x/media/cbdb-arch.jpg
new file mode 100644
index 00000000000..5ec02a9e514
Binary files /dev/null and b/versioned_docs/version-2.x/media/cbdb-arch.jpg differ
diff --git a/versioned_docs/version-2.x/media/cbdb-arch.png b/versioned_docs/version-2.x/media/cbdb-arch.png
deleted file mode 100644
index 34a0e3dacd3..00000000000
Binary files a/versioned_docs/version-2.x/media/cbdb-arch.png and /dev/null differ
diff --git a/versioned_docs/version-2.x/tutorial/introduction-to-database-and-cloudberry-architecture.md b/versioned_docs/version-2.x/tutorial/introduction-to-database-and-cloudberry-architecture.md
index 838d0b367bd..d8169cdb9b3 100644
--- a/versioned_docs/version-2.x/tutorial/introduction-to-database-and-cloudberry-architecture.md
+++ b/versioned_docs/version-2.x/tutorial/introduction-to-database-and-cloudberry-architecture.md
@@ -37,7 +37,7 @@ Apache Cloudberry also includes features designed to optimize PostgreSQL for bus
 
 _Figure 1. High-Level Apache Cloudberry Architecture_
 
-![High-Level Apache Cloudberry Architecture](/img/bootcamp/highlevel_arch.jpg) 
+![High-Level Apache Cloudberry Architecture](/img/bootcamp/cbdb-arch.jpg) 
 
 The following topics describe the components that make up a Apache Cloudberry system and how they work together.