This is an automated email from the ASF dual-hosted git repository.
djwang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudberry-site.git
The following commit(s) were added to refs/heads/main by this push:
new e65072830 Add project description and remove unqualified texts from
Homepage
e65072830 is described below
commit e650728304bbc77db096f644340babbccdc16c5a
Author: Dianjin Wang <[email protected]>
AuthorDate: Tue Mar 18 12:04:52 2025 +0800
Add project description and remove unqualified texts from Homepage
---
package.json | 3 +-
src/components/home/HCard/index.tsx | 86 ++++-------
src/components/home/HCard/styles.module.scss | 84 ++++++-----
.../home/MMPArchitecture/index.module.scss | 55 -------
src/components/home/MMPArchitecture/index.tsx | 21 ---
.../home/MeetTheCommunity/index.module.scss | 16 +-
src/components/home/MeetTheCommunity/index.tsx | 2 +-
src/components/home/OurRoadmap/index.tsx | 33 ----
src/components/home/OurRoadmap/styles.module.scss | 168 ---------------------
src/components/home/TryItOut/index.module.scss | 77 ----------
src/components/home/TryItOut/index.tsx | 23 ---
src/consts/homeContent.tsx | 155 +------------------
src/pages/index.tsx | 6 -
static/img/home/hcard/advanced.svg | 21 ---
static/img/home/hcard/big-circle.svg | 54 -------
static/img/home/hcard/friendly.svg | 21 ---
static/img/home/hcard/open.svg | 21 ---
17 files changed, 89 insertions(+), 757 deletions(-)
diff --git a/package.json b/package.json
index da87c2f9f..3ad6e7254 100644
--- a/package.json
+++ b/package.json
@@ -32,8 +32,7 @@
"prism-react-renderer": "^2.3.0",
"react": "^18.0.0",
"react-dom": "^18.0.0",
- "sass": "^1.69.6",
- "typed.js": "^2.1.0"
+ "sass": "^1.69.6"
},
"devDependencies": {
"@docusaurus/tsconfig": "^3.1.1",
diff --git a/src/components/home/HCard/index.tsx
b/src/components/home/HCard/index.tsx
index fee6f2730..d354a9016 100644
--- a/src/components/home/HCard/index.tsx
+++ b/src/components/home/HCard/index.tsx
@@ -3,91 +3,57 @@ import { LINKS } from "@site/src/consts/homeContent";
import useGetNewBlogList from "@site/src/hooks/useGetNewBlogList";
import { useIsMobile } from "@site/src/hooks/useIsMobile";
import clsx from "clsx";
-import { useEffect, useRef } from "react";
-import Typed from "typed.js";
import LinkWithBaseUrl from "../../common/LinkWithBaseUrl";
import styles from "./styles.module.scss";
export default function HCard() {
- const el = useRef(null);
- const m = translate({ message: "Analytics AI Analytics and AI" });
const blogs = useGetNewBlogList();
const newBlog = blogs[0];
- useEffect(() => {
- const typed = new Typed(el.current, {
- strings: m.split(" "),
- typeSpeed: 100,
- backSpeed: 80,
- loop: true,
- });
- return () => {
- typed.destroy();
- };
- }, []);
-
- const headerDesc = useIsMobile() ? (
- <>
- <div>
- <Translate>Next Generation</Translate>{" "}
- <Translate>Unified Database for</Translate>
- </div>
- </>
- ) : (
- <>
- <div>
- <Translate>Next Generation</Translate>
- </div>
- <div>
- <Translate>Unified Database for</Translate>
- </div>
- </>
+ const headerDesc = (
+ <div className={styles.textWrap}>
+ <h1 className={styles.highText}>
+ Welcome to Apache Cloudberry™ (Incubating)
+ </h1>
+ <p className={styles.description}>
+ Apache Cloudberry is an advanced and mature open-source Massively
Parallel Processing (MPP) database,
+ derived from the open-source version of the Pivotal Greenplum
Database® but built on a more modern
+ PostgreSQL kernel and with more advanced enterprise capabilities.
Cloudberry can serve as a data
+ warehouse and can also be used for large-scale analytics and AI/ML
workloads.
+ </p>
+ </div>
);
return (
<div className={clsx(styles.bannerContainer)}>
<div className={styles.content}>
<div className={styles.left}>
- <div className={styles.highText}>
- <div className={styles.textWrap}>
- {headerDesc}
- <div>
- {/* <span style={{ color: "#fff" }}>for </span> */}
- <span className={styles.typewriterText}>
- <span ref={el}></span>
- </span>
- </div>
- </div>
- </div>
+ {headerDesc}
<div className={clsx(styles.btnWrap, "link-wrap")}>
- <LinkWithBaseUrl to={LINKS.discoverMore}>
+ <LinkWithBaseUrl to="/community">
+ <span className={styles.more}>
+ <Translate>Community</Translate>
+ </span>
+ </LinkWithBaseUrl>
+ <a href="https://inviter.co/apache-cloudberry"; target="_blank"
rel="noopener noreferrer">
+ <span className={styles.more}>
+ <Translate>Slack</Translate>
+ </span>
+ </a>
+ <LinkWithBaseUrl to="/docs">
<span className={styles.more}>
- <Translate>Discover More</Translate>
+ <Translate>Docs</Translate>
</span>
</LinkWithBaseUrl>
<LinkWithBaseUrl to={LINKS.github}>
<span className={styles.hub}>
- <Translate>View on Github</Translate>
+ <Translate>GitHub</Translate>
</span>
</LinkWithBaseUrl>
</div>
</div>
{!useIsMobile() && (
<div className={styles.right}>
- <div className={styles.loopRun}>
- <img
- className={styles.centerCircle}
- src="/img/home/hcard/big-circle.svg"
- alt=""
- />
- <div className={clsx(styles.circle, styles.circle1)}>
- Advanced
- </div>
- <div className={clsx(styles.circle, styles.circle3)}>
- Friendly
- </div>
- <div className={clsx(styles.circle, styles.circle5)}>Open</div>
- </div>
</div>
)}
<div className={styles.bline}></div>
diff --git a/src/components/home/HCard/styles.module.scss
b/src/components/home/HCard/styles.module.scss
index d19d728de..fd1683d1f 100644
--- a/src/components/home/HCard/styles.module.scss
+++ b/src/components/home/HCard/styles.module.scss
@@ -101,35 +101,54 @@
.left {
position: relative;
z-index: 2;
- width: 50%;
- .highText {
- margin-left: 21%;
- margin-top: 253px;
- .textWrap {
- font-weight: 700;
- font-size: 60px;
- line-height: 80px;
+ width: 100%;
+
+ .centerContent {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-top: 400px;
+ }
+
+ .textWrap {
+ text-align: center;
+ padding-top: 240px;
+ h1 {
+ font-size: 55px;
+ font-weight: bold;
+ color: #fff;
+ margin: 0;
+ line-height: 1.2;
+
+ @media screen and (max-width: 768px) {
+ font-size: 32px;
+ }
+ }
- .typewriterText {
- line-height: 100px;
- width: 690px;
- background: linear-gradient(
- 269.74deg,
- #f3861f 12.97%,
- #b588b7 62.82%,
- #9f8ced 98.79%
- );
- background-clip: text;
- -webkit-text-fill-color: transparent;
+ .description {
+ max-width: 900px;
+ margin: 20px auto 0;
+ font-size: 16px;
+ line-height: 1.6;
+ color: #fff;
+ opacity: 0.9;
+
+ @media screen and (max-width: 768px) {
+ font-size: 14px;
+ padding: 0 20px;
+ margin-top: 15px;
}
}
}
.btnWrap {
margin-top: 31px;
- margin-left: 21%;
font-size: 14px;
color: #fff;
+ display: flex;
+ justify-content: center;
+ gap: 20px;
span {
border-radius: 36px;
padding: 10px;
@@ -139,15 +158,9 @@
color: #fff;
cursor: pointer;
- &.more {
- margin-right: 20px;
+ &.more, &.hub {
background-color: var(--home-btn-bg);
}
- &.hub {
- color: var(--home-btn-bg);
- border: 1px solid var(--home-btn-bg);
- box-sizing: border-box;
- }
}
a {
text-decoration: none;
@@ -292,15 +305,10 @@
min-width: 100vw;
height: auto;
padding-bottom: 170px;
-
.content {
.left {
- width: 100%;
- .highText {
- margin-left: 10%;
- }
- .btnWrap {
- margin-left: 10%;
+ .highText, .btnWrap {
+ margin-left: 0;
}
}
}
@@ -311,12 +319,8 @@
.bannerContainer {
.content {
.left {
- width: 100%;
- .highText {
- margin-left: 5%;
- }
- .btnWrap {
- margin-left: 5%;
+ .highText, .btnWrap {
+ margin-left: 0;
}
}
}
diff --git a/src/components/home/MMPArchitecture/index.module.scss
b/src/components/home/MMPArchitecture/index.module.scss
deleted file mode 100644
index a16219b18..000000000
--- a/src/components/home/MMPArchitecture/index.module.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.wrap {
- color: #fff;
- padding-bottom: 146px;
- padding-top: 130px;
- background-color: rgb(17, 15, 15);
- .title {
- text-align: center;
- margin-bottom: 100px;
- line-height: 56px;
- font-size: 40px;
- font-weight: 700;
- text-align: center;
- }
- .list {
- display: grid;
- grid-template-columns: repeat(3, 412px);
- gap: 32px;
- justify-content: center;
- .item {
- height: 302px;
- border: 1px solid rgba(161, 174, 191, 1);
- border-radius: 4px;
- padding: 24px;
- .itemTitle {
- font-size: 24px;
- font-weight: 700;
- line-height: 32px;
- text-align: left;
- margin: 19px 0;
- }
- .itemContent {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- letter-spacing: 0.02em;
- text-align: left;
- color: rgba(114, 128, 149, 1);
- }
- }
- }
-}
-
-@media screen and (max-width: 1400px) {
- .wrap {
- .list {
- word-break: break-all;
- padding: 0 var(--mobile-padding-width);
- grid-template-columns: repeat(3, 1fr);
- gap: 20px;
- .item {
- height: auto;
- }
- }
- }
-}
diff --git a/src/components/home/MMPArchitecture/index.tsx
b/src/components/home/MMPArchitecture/index.tsx
deleted file mode 100644
index c41c7a7d9..000000000
--- a/src/components/home/MMPArchitecture/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { MMP_ARCHITECTURE } from "@site/src/consts/homeContent";
-import styles from "./index.module.scss";
-
-export default function MMPArchitecture() {
- return (
- <div className={styles.wrap}>
- <div className={styles.title}>{MMP_ARCHITECTURE.title}</div>
- <div className={styles.list}>
- {MMP_ARCHITECTURE.list.map((item) => {
- return (
- <div className={styles.item} key={item.title}>
- <img className={styles.itemPic} src={item.pic} alt="" />
- <div className={styles.itemTitle}>{item.title}</div>
- <div className={styles.itemContent}>{item.content}</div>
- </div>
- );
- })}
- </div>
- </div>
- );
-}
diff --git a/src/components/home/MeetTheCommunity/index.module.scss
b/src/components/home/MeetTheCommunity/index.module.scss
index 08ef25e2d..aafb57e4a 100644
--- a/src/components/home/MeetTheCommunity/index.module.scss
+++ b/src/components/home/MeetTheCommunity/index.module.scss
@@ -4,7 +4,7 @@
padding-top: 70px;
margin-bottom: -62px;
background-color: rgb(17, 15, 15);
- .title {
+ .highTitle {
position: absolute;
top: 150px;
left: 50%;
@@ -12,11 +12,15 @@
transform: translateX(-50%);
font-size: 64px;
font-weight: 700;
- line-height: 81px;
- p {
- color: #fff;
- margin-bottom: 0;
- }
+ line-height: 66px;
+ background-image: linear-gradient(
+ to left,
+ #9ee8ee 1%,
+ #f78013 55%,
+ #9f8ced 97%
+ );
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1440px) {
diff --git a/src/components/home/MeetTheCommunity/index.tsx
b/src/components/home/MeetTheCommunity/index.tsx
index 9806646ea..48328d2d9 100644
--- a/src/components/home/MeetTheCommunity/index.tsx
+++ b/src/components/home/MeetTheCommunity/index.tsx
@@ -4,7 +4,7 @@ import styles from "./index.module.scss";
export default function MeetTheCommunity() {
return (
<div className={styles.meetTheCommunity}>
- <div className={styles.title}>{MEET_THE_COMMUNITY.title}</div>
+ <div className={styles.highTitle}>{MEET_THE_COMMUNITY.title}</div>
</div>
);
}
diff --git a/src/components/home/OurRoadmap/index.tsx
b/src/components/home/OurRoadmap/index.tsx
deleted file mode 100644
index f4eb9045f..000000000
--- a/src/components/home/OurRoadmap/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import Translate from "@docusaurus/Translate";
-import { OUR_ROADMAP } from "@site/src/consts/homeContent";
-import clsx from "clsx";
-import styles from "./styles.module.scss";
-
-export default function OurRoadmap() {
- const itemListGrid = OUR_ROADMAP.list.slice(0, 6).map((item, i) => {
- return (
- <div
- className={clsx(styles.listItem, styles[`listItem${i + 1}`])}
- key={i}
- >
- <span className={styles.icon}></span>
- <div className={styles.itemTitle}>{item.title}</div>
- </div>
- );
- });
-
- return (
- <div className={styles.container}>
- <div className="global-width-center">
- <div className={styles.wrap}>
- <div className={styles.bg}></div>
- <div className={styles.title}>
- <Translate>{OUR_ROADMAP.title}</Translate>
- <div className={styles.subTitle}>{OUR_ROADMAP.subTitle}</div>
- </div>
- <div className={styles.showList}>{itemListGrid}</div>
- </div>
- </div>
- </div>
- );
-}
diff --git a/src/components/home/OurRoadmap/styles.module.scss
b/src/components/home/OurRoadmap/styles.module.scss
deleted file mode 100644
index 70d804266..000000000
--- a/src/components/home/OurRoadmap/styles.module.scss
+++ /dev/null
@@ -1,168 +0,0 @@
-.wrap {
- padding-bottom: 74px;
- background-color: #000;
- padding-top: 81px;
- padding-left: 180px;
- padding-right: 180px;
- position: relative;
- padding-bottom: 200px;
- position: relative;
- background-color: rgb(17, 15, 15);
- .bg {
- background-image: url(/img/home/grid-left-bottom.svg);
- background-repeat: no-repeat;
- position: absolute;
- left: 0;
- bottom: 0;
- height: 723px;
- width: 925px;
- }
-
- .title {
- color: #fff;
- text-align: center;
- font-size: 40px;
- line-height: 56px;
- font-weight: 700;
- margin-bottom: 156px;
- .subTitle {
- color: #fff;
- font-size: 28px;
- width: 944px;
- margin: auto;
- margin-top: 30px;
- text-align: center;
- line-height: 35px;
- }
- }
- .showList {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- gap: 38px 32px;
- position: relative;
- z-index: 200;
-
- .listItem {
- width: 100%;
- border-radius: 4px;
- padding: 20px;
- box-sizing: border-box;
- color: #fff;
- border: 1px solid var(--box-border-color);
- font-size: 14px;
- font-weight: 400;
- line-height: 20px;
- background-color: #000;
- .icon {
- width: 48px;
- height: 48px;
- display: inline-block;
- }
- &.listItem1 {
- .icon {
- background-image: url(/img/home/feature/muc.svg);
- }
- }
- &.listItem2 {
- .icon {
- background-image: url(/img/home/feature/hesc.svg);
- }
- }
- &.listItem3 {
- .icon {
- background-image: url(/img/home/feature/sac.svg);
- }
- }
- &.listItem4 {
- .icon {
- background-image: url(/img/home/feature/cuwmt.svg);
- }
- }
- &.listItem5 {
- .icon {
- background-image: url(/img/home/feature/p14i.svg);
- }
- }
- &.listItem6 {
- .icon {
- background-image: url(/img/home/feature/mef.svg);
- }
- }
-
- .itemTitle {
- color: #fff;
- font-size: 28px;
- line-height: 36px;
- font-weight: 700;
- margin-bottom: 12px;
- }
- }
- }
- @media screen and (max-width: 1440px) {
- padding-left: 100px;
- padding-right: 100px;
- .showList {
- &.top {
- .listItem {
- margin-bottom: 20px;
- }
- }
- }
- .title {
- .subTitle {
- width: auto;
- }
- }
- }
- @media screen and (max-width: 1024px) {
- height: 100%;
- padding-left: var(--mobile-padding-width) !important;
- padding-right: var(--mobile-padding-width) !important;
-
- .showList {
- width: 100%;
- padding: 0 var(--mobile-padding-width);
- box-sizing: border-box;
- margin-top: 40px;
- display: grid;
- gap: 32px;
- grid-template-columns: 1fr 1fr;
- padding: 0;
- .listItem {
- width: 100%;
- height: auto;
-
- img {
- width: 30px;
- }
- }
- }
- .bg {
- width: 800px;
- background-size: contain;
- background-position: left bottom;
- }
- }
- @media screen and (max-width: 768px) {
- padding-left: 74px;
- padding-right: 74px;
- .title {
- font-size: 30px;
- }
- .showList {
- width: 100% !important;
- grid-template-columns: auto;
- gap: 32px;
- .listItem {
- width: 100%;
- .itemTitle {
- font-size: 20px;
- line-height: 1;
- }
- }
- }
- .bg {
- width: 90%;
- }
- }
-}
diff --git a/src/components/home/TryItOut/index.module.scss
b/src/components/home/TryItOut/index.module.scss
deleted file mode 100644
index d2a9a2b51..000000000
--- a/src/components/home/TryItOut/index.module.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-.tryItOut {
- margin: 0 auto;
- color: #fff;
- position: relative;
- background-color: rgb(17, 15, 15);
- overflow: hidden;
- .title {
- font-size: 40px;
- font-weight: bold;
- margin-bottom: 108px;
- padding-top: 80px;
- text-align: center;
- }
- .rectList {
- display: grid;
- grid-template-columns: 530px 530px;
- gap: 32px;
- justify-content: center;
- position: relative;
- z-index: 1;
-
- .rectItem {
- padding: 20px;
- box-sizing: border-box;
- border: 1px solid #a1aebf;
- background-color: #000;
- .itemTitle {
- font-size: 28px;
- font-weight: 600;
- }
- .itemContentWrapper {
- display: flex;
- align-items: center;
- .itemImg {
- margin-top: 24px;
- margin-right: 15px;
- }
- .itemContent {
- color: #728095;
- word-break: break-all;
- }
- }
- }
- }
- .lineL {
- background-image: url(/img/home/try-it-out/line-r.svg);
- background-repeat: no-repeat;
- width: 316.56px;
- height: 309px;
- top: 260px;
- position: absolute;
- left: -143px;
- }
- .lineR {
- background-image: url(/img/home/try-it-out/line-r.svg);
- background-repeat: no-repeat;
- width: 316.56px;
- position: absolute;
- height: 309px;
- top: 119px;
- right: 0;
- }
- .circle {
- width: 83px;
- height: 83px;
- background-image: url(/img/home/try-it-out/circle.svg);
- position: absolute;
- top: 127px;
- left: 334px;
- }
- @media screen and (max-width: 1440px) {
- .rectList {
- grid-template-columns: 1fr 1fr;
- padding: 0 var(--mobile-padding-width);
- }
- }
-}
diff --git a/src/components/home/TryItOut/index.tsx
b/src/components/home/TryItOut/index.tsx
deleted file mode 100644
index f175928ed..000000000
--- a/src/components/home/TryItOut/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { TRY_IT_OUT } from "@site/src/consts/homeContent";
-import styles from "./index.module.scss";
-export default function tryItOut() {
- return (
- <div className={styles.tryItOut}>
- <div className={styles.title}>{TRY_IT_OUT.title}</div>
- <div className={styles.rectList}>
- {TRY_IT_OUT.list.map((item, index) => (
- <div className={styles.rectItem} key={index}>
- <div className={styles.itemTitle}>{item.title}</div>
- <div className={styles.itemContentWrapper}>
- <div className={styles.itemImg}>{item.img}</div>
- <div className={styles.itemContent}>{item.content}</div>
- </div>
- </div>
- ))}
- </div>
- <div className={styles.circle}></div>
- <div className={styles.lineL}></div>
- <div className={styles.lineR}></div>
- </div>
- );
-}
diff --git a/src/consts/homeContent.tsx b/src/consts/homeContent.tsx
index d649e5e5e..200b6f71f 100644
--- a/src/consts/homeContent.tsx
+++ b/src/consts/homeContent.tsx
@@ -1,155 +1,17 @@
import LinkWithBaseUrl from "../components/common/LinkWithBaseUrl";
import { isZhLangrage } from "../utils";
-import DockerSvg from "/img/home/try-it-out/docker.svg";
-import SystemSvg from "/img/home/try-it-out/system.svg";
let TIPS_CONTENT = (
<LinkWithBaseUrl href="https://github.com/apache/cloudberry";>
- <span>If you like Apache Cloudberry (Incubating), give it a star on
GitHub! </span>
+ <span>If you like Apache Cloudberry (Incubating), give it a star on
GitHub! </span>
<img src="/img/home/hcard/star.svg" alt="" />
</LinkWithBaseUrl>
);
-let MMP_ARCHITECTURE = {
- title: "MPP Architecture",
- list: [
- {
- pic: "/img/home/os.png",
- title: "Petabyte-Scale Data",
- content:
- "Apache Cloudberry offers excellent performance for handling
large-scale data workloads with high throughput.",
- },
- {
- pic: "/img/home/pr.png",
- title: "Mature Technology",
- content:
- "Apache Cloudberry integrates solid PostgreSQL and Greenplum Database
upstream technology, which both have wide adoption, active ecosystems, and tons
of real-world use cases.",
- },
- {
- pic: "/img/home/pc.png",
- title: "Security Reinforcement",
- content:
- "Apache Cloudberry supports more encryption methods and algorithms
including AES 128, AES 192, AES 256, DES and SCRAM-SHA-256, MD5, LDAP, and
RADIUS.",
- },
- ],
-};
-
-let OUR_ROADMAP = {
- title: "Our Roadmap",
- subTitle: (
- <>
- <div>
- Welcome to join us in shaping the future of Apache Cloudberry,
- </div>
- <a
- className="active-color"
- href="https://github.com/apache/cloudberry/discussions/369";
- target="_blank"
- >
- check the roadmap details{" "}
- <img src="/img/home/our-roadmap/dot-arrow.svg" alt="" />
- </a>
- </>
- ),
- list: [
- {
- icon: "/img/home/feature/hesc.png",
- lightIcon: "/img/home/feature/hesc-light.png",
- title: "Streaming Support",
- content:
- "Apache Cloudberry is compatible with Greenplum Database, but with a
newer PostgreSQL 14.4 kernel and more advanced features Greenplum doesn't
support.",
- },
- {
- icon: "/img/home/feature/sac.png",
- lightIcon: "/img/home/feature/sac-light.png",
- title: "AI/ML ",
- content:
- "Inheriting the rich analytical features from PostgreSQL and Greenplum
Database, Apache Cloudberry leverages them to the data platform, and seamlessly
integrates the mainstream ETL and BI tools.",
- },
- {
- icon: "/img/home/feature/cuwmt.png",
- lightIcon: "/img/home/feature/cuwmt-light.png",
- title: "Strong Analytical Capability",
- content:
- "Apache Cloudberry has done a lot of work to speed up the query
performance, including supporting parallel query execution, aggregation
pushdown and supporting RuntimeFilter, and more.",
- },
- {
- icon: "/img/home/feature/p14i.png",
- lightIcon: "/img/home/feature/p14i-light.png",
- title: "Features and Enhancements",
- content:
- "Apache Cloudberry has a newer PostgreSQL 14.4 kernel inside to let
users enjoy more with the backend global community.",
- },
- {
- icon: "/img/home/feature/mef.png",
- lightIcon: "/img/home/feature/mef-light.png",
- title: "Kernel Upgrade",
- content:
- "Apache Cloudberry supports password security policy, transparent data
encryption (TDE) and more encryption algorithms besides the AES algorithm.",
- },
- {
- icon: "/img/home/feature/muc.png",
- lightIcon: "/img/home/feature/muc-light.png",
- title: "Utilities and Ecosystem",
- content:
- "Apache Cloudberry can be used in different scenarios, including batch
processing data warehouse offline, building data warehouse in real-time, and
more.",
- },
- ],
-};
-
-let TRY_IT_OUT = {
- title: "Try it out",
- list: [
- {
- title: "Build from source code.",
- content: (
- <>
- <div>
- <div>1. Clone the latest source code.</div>
- <span className="code-block">
- git clone https://github.com/apache/cloudberry.git
- </span>
- </div>
- <div>
- {" "}
- 2. Build on your machine, check the{" "}
- <LinkWithBaseUrl
- className="active-color"
-
href="https://cloudberry.apache.org/docs/cbdb-rockylinux8-ubuntu-compile/";
- >
- doc
- </LinkWithBaseUrl>
- .
- </div>
- </>
- ),
- img: <SystemSvg />,
- },
- {
- title: "Create your sandbox.",
- content: (
- <>
- You can also create one sandbox based on the Docker container. Follow
- the
- <LinkWithBaseUrl
- className="active-color"
- href="https://cloudberry.apache.org/bootcamp/#cloudberry-sandbox";
- >
- {" "}
- bootcamp{" "}
- </LinkWithBaseUrl>
- to set up.
- </>
- ),
- img: <DockerSvg />,
- },
- ],
-};
-
let MEET_THE_COMMUNITY = {
title: (
<>
- <p>Meet the community</p>
+ <div>Meet the community</div>
</>
),
};
@@ -195,11 +57,11 @@ let WANT_TO_CONTRIBUTE = {
title: "Want to Contribute?",
content: (
<span>
- There are many ways to contribute to Apache Cloudberry (Incubating),
and you can easily find the ones that suit your skills and interests to
+ There are many ways to contribute to Apache Cloudberry (Incubating),
and you can easily find the ones that suit your skills and interests to
<LinkWithBaseUrl className={"light-active-color"} href="/contribute">
begin your contribution
</LinkWithBaseUrl>
- journey.
+ journey.
</span>
),
},
@@ -248,7 +110,7 @@ let FREQUENTLY_ASKED_QUESTIONS = {
"What's the difference between Apache Cloudberry (Incubating) and
Greenplum Database?",
content: (
<>
- Though Apache Cloudberry (Incubating) takes the Greenplum Database 7
as its codebase, Cloudberry has a newer solid PostgreSQL kernel built-in and
has more features. You can check the
+ Though Apache Cloudberry (Incubating) takes the Greenplum Database 7
as its codebase, Cloudberry has a newer solid PostgreSQL kernel built-in and
has more features. You can check the
<LinkWithBaseUrl
className="active-color"
href="https://cloudberry.apache.org/docs/cbdb-vs-gp-features";
@@ -256,7 +118,7 @@ let FREQUENTLY_ASKED_QUESTIONS = {
{" "}
docs{" "}
</LinkWithBaseUrl>
- for details.
+ for details.
</>
),
},
@@ -279,7 +141,7 @@ let FREQUENTLY_ASKED_QUESTIONS = {
{" "}
contribution guide{" "}
</LinkWithBaseUrl>
- to learn more.
+ to learn more.
</>
),
},
@@ -301,10 +163,7 @@ export {
FREQUENTLY_ASKED_QUESTIONS,
LINKS,
MEET_THE_COMMUNITY,
- MMP_ARCHITECTURE,
- OUR_ROADMAP,
SLACK_TWITTER_TWITTER_WECHAT,
TIPS_CONTENT,
- TRY_IT_OUT,
WANT_TO_CONTRIBUTE,
};
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2c14ec621..1e83fd2dc 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,10 +2,7 @@ import CommonLayout from "../components/common/Layout";
import FrequentlyAskedQuestions from
"../components/home/FrequentlyAskedQuestions";
import HCard from "../components/home/HCard";
import MeetTheCommunity from "../components/home/MeetTheCommunity";
-import MMPArchitecture from "../components/home/MMPArchitecture";
-import OurRoadmap from "../components/home/OurRoadmap";
import SlackWechatTwitterYoutube from
"../components/home/SlackWechatTwitterYoutube";
-import TryItOut from "../components/home/TryItOut";
import WantToContribute from "../components/home/WantToContribute";
import styles from "../css/pages/home.module.scss";
export default function Home(): JSX.Element {
@@ -14,9 +11,6 @@ export default function Home(): JSX.Element {
<div className="navbar-home-lighting">
<HCard />
<div className={styles.homeContentContainer}>
- <MMPArchitecture />
- <OurRoadmap />
- <TryItOut />
<MeetTheCommunity />
<SlackWechatTwitterYoutube />
<WantToContribute />
diff --git a/static/img/home/hcard/advanced.svg
b/static/img/home/hcard/advanced.svg
deleted file mode 100644
index 5a7ad6625..000000000
--- a/static/img/home/hcard/advanced.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none"
xmlns="http://www.w3.org/2000/svg";>
-<g filter="url(#filter0_d_2381_109)">
-<circle cx="57" cy="53" r="44" fill="url(#paint0_linear_2381_109)"/>
-</g>
-<defs>
-<filter id="filter0_d_2381_109" x="0" y="0" width="114" height="114"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="6.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25
0"/>
-<feBlend mode="normal" in2="BackgroundImageFix"
result="effect1_dropShadow_2381_109"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2381_109"
result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_2381_109" x1="57" y1="9" x2="57" y2="97"
gradientUnits="userSpaceOnUse">
-<stop stop-color="#DBFDFF"/>
-<stop offset="1" stop-color="#52D1D9"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/static/img/home/hcard/big-circle.svg
b/static/img/home/hcard/big-circle.svg
deleted file mode 100644
index 946ac5593..000000000
--- a/static/img/home/hcard/big-circle.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<svg width="215" height="214" viewBox="0 0 215 214" fill="none"
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";>
-<mask id="mask0_2366_1329" style="mask-type:luminance"
maskUnits="userSpaceOnUse" x="0" y="-1" width="215" height="215">
-<path d="M214.053 106.797C214.053 47.8098 166.234 -0.00878906 107.247
-0.00878906C48.26 -0.00878906 0.441406 47.8098 0.441406 106.797C0.441406
165.784 48.26 213.603 107.247 213.603C166.234 213.603 214.053 165.784 214.053
106.797Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_2366_1329)">
-<path d="M214.053 106.797C214.053 47.8098 166.234 -0.00878906 107.247
-0.00878906C48.26 -0.00878906 0.441406 47.8098 0.441406 106.797C0.441406
165.784 48.26 213.603 107.247 213.603C166.234 213.603 214.053 165.784 214.053
106.797Z" fill="url(#paint0_linear_2366_1329)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M216.661 178.64C232.798
158.623 242.984 133.339 244.302 105.495C247.556 36.7539 195.519 -21.5597
128.075 -24.7518C60.6299 -27.944 3.31825 25.194 0.064375 93.9359C-0.229844
100.156 -0.0713139 106.291 0.509736 112.307C24.2125 82.9047 60.7522 64.8646
100.878 66.7643C162.22 69.6675 210.816 118.168 216.661 178.64Z"
fill="url(#paint1_linear_2366_1329)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M170.956 188.669C107.572
189.324 55.209 142.992 50.9791 84.2224C47.7776 39.7502 77.0838 -1.57428 117.047
-22.2616C108.739 -24.0444 95.636 -22.2616 86.7947 -22.2616C19.2746 -22.2616
-35.4609 32.474 -35.4609 99.994C-35.4609 167.514 19.2746 222.25 86.7947
222.25C119.407 222.25 149.036 209.481 170.956 188.669Z"
fill="url(#paint2_linear_2366_1329)"/>
-<path d="M145.142 -27.8857C112.898 -27.8859 1.05396 57.4244 92.0739 154.154"
stroke="url(#paint3_linear_2366_1329)" stroke-width="12"/>
-<path d="M215.062 215.282C234.542 180.687 232.863 84.6295 91.127 52.3862"
stroke="url(#paint4_linear_2366_1329)" stroke-width="12"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M-45.0635 92.1389C-84.7619
120.331 -99.0969 163.462 -76.6672 203.571C-45.841 258.695 42.7542 287.237
121.215 267.321C199.677 247.405 238.293 186.574 207.467 131.45C198.359 115.164
184.21 101.199 166.768 90.1169C153.485 125.195 118.25 155.508 78.6926
162.501C8.56696 174.898 -21.9757 135.563 -45.0635 92.1389Z"
fill="url(#paint5_linear_2366_1329)"/>
-<path d="M3.80078 149.787C24.597 163.961 67.995 179.6 111.615 157.849C143.522
141.391 166.165 116.261 188.193 63.134" stroke="url(#paint6_linear_2366_1329)"
stroke-width="12"/>
-</g>
-<path d="M141.444 71.1948H79.6445V132.994H141.444V71.1948Z"
fill="url(#pattern0_2366_1329)"/>
-<defs>
-<pattern id="pattern0_2366_1329" patternContentUnits="objectBoundingBox"
width="1" height="1">
-<use xlink:href="#image0_2366_1329" transform="scale(0.00238095)"/>
-</pattern>
-<linearGradient id="paint0_linear_2366_1329" x1="107.543" y1="100.288"
x2="107.247" y2="213.603" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F08433"/>
-<stop offset="1" stop-color="#F3BD62"/>
-</linearGradient>
-<linearGradient id="paint1_linear_2366_1329" x1="43.6794" y1="11.1541"
x2="183.053" y2="209.649" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EF8434"/>
-<stop offset="0.561329" stop-color="#F2AC55"/>
-<stop offset="1" stop-color="#F3C065"/>
-</linearGradient>
-<linearGradient id="paint2_linear_2366_1329" x1="29.9403" y1="6.0906"
x2="181.876" y2="198.661" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8F6FF"/>
-<stop offset="0.121998" stop-color="#D7CEFF"/>
-<stop offset="0.440084" stop-color="#8B7BCF"/>
-<stop offset="0.756259" stop-color="#8B7BCF"/>
-<stop offset="1" stop-color="#8B7BCF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_2366_1329" x1="37.208" y1="112.82"
x2="114.462" y2="-21.0376" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.05"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint4_linear_2366_1329" x1="138.341" y1="59.2554"
x2="218.699" y2="193.095" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint5_linear_2366_1329" x1="132.102" y1="164.23"
x2="40.2775" y2="204.943" gradientUnits="userSpaceOnUse">
-<stop stop-color="#9DE8EE"/>
-<stop offset="0.466539" stop-color="#9DE8EE" stop-opacity="0.6"/>
-<stop offset="1" stop-color="#9DE8EE" stop-opacity="0.3"/>
-</linearGradient>
-<linearGradient id="paint6_linear_2366_1329" x1="169.07" y1="76.9986"
x2="29.2253" y2="163.781" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<image id="image0_2366_1329" width="420" height="420"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaQAAAGkCAYAAAB+TFE1AAAAAXNSR0IArs4c6QAAIABJREFUeF7tvX+wZVWV5/ld59d9SVFV0I1TWIUtdKUtTEEI0TCVtDhCiyOOMEKI0xAFI4Q66hS2MMIIU9BCgC2GOECIURhSQTpimAbZYdriiCGMVIFVVEiF6Qhj0oVt1pATZHRlj1lVj3z3x7lnTe5zb5LvZd737vmxzzn73PM9/6T49l57rc/aZ6979o+1BXxIgARIgARIwAEC4oAOVIEESIAESIAEwIDETkACJEACJOAEAQYkJ9xAJUiABEiABBiQ2AdIgARIgAScIMCA5IQbqAQJkAAJkAADEvsACZAACZCAEwQYkJxwA5UgARIgARJgQGIfIAESIAEScIIA
[...]
-</defs>
-</svg>
diff --git a/static/img/home/hcard/friendly.svg
b/static/img/home/hcard/friendly.svg
deleted file mode 100644
index 662cbb87d..000000000
--- a/static/img/home/hcard/friendly.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg width="151" height="151" viewBox="0 0 151 151" fill="none"
xmlns="http://www.w3.org/2000/svg";>
-<g filter="url(#filter0_d_2366_1334)">
-<circle cx="75.5" cy="71.5" r="62.5" fill="url(#paint0_linear_2366_1334)"/>
-</g>
-<defs>
-<filter id="filter0_d_2366_1334" x="0" y="0" width="151" height="151"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="6.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25
0"/>
-<feBlend mode="normal" in2="BackgroundImageFix"
result="effect1_dropShadow_2366_1334"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2366_1334"
result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_2366_1334" x1="75.5" y1="9" x2="75.5"
y2="134" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFCA80"/>
-<stop offset="1" stop-color="#F18433"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/static/img/home/hcard/open.svg b/static/img/home/hcard/open.svg
deleted file mode 100644
index 90632001e..000000000
--- a/static/img/home/hcard/open.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg width="106" height="106" viewBox="0 0 106 106" fill="none"
xmlns="http://www.w3.org/2000/svg";>
-<g filter="url(#filter0_d_2381_129)">
-<circle cx="53" cy="49" r="40" fill="url(#paint0_linear_2381_129)"/>
-</g>
-<defs>
-<filter id="filter0_d_2381_129" x="0.6" y="0.6" width="104.8" height="104.8"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="6.2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25
0"/>
-<feBlend mode="normal" in2="BackgroundImageFix"
result="effect1_dropShadow_2381_129"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2381_129"
result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_2381_129" x1="53" y1="9" x2="53" y2="89"
gradientUnits="userSpaceOnUse">
-<stop stop-color="#DFD8FF"/>
-<stop offset="1" stop-color="#8C7CD0"/>
-</linearGradient>
-</defs>
-</svg>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
