This is an automated email from the ASF dual-hosted git repository.
benjobs pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampark-website.git
The following commit(s) were added to refs/heads/dev by this push:
new 51fe7b18 [Improve] update key feature and user images
51fe7b18 is described below
commit 51fe7b1873bd2d65892728c0e45a2f8a620b6878
Author: benjobs <[email protected]>
AuthorDate: Wed Feb 12 10:43:32 2025 +0800
[Improve] update key feature and user images
---
src/components/Development/index.jsx | 36 +++-------------------------
src/components/FeatureCard/styles.module.css | 2 +-
src/components/SectionTitle/index.tsx | 7 ++----
src/components/TrustedUsers/index.tsx | 15 ++++--------
src/components/TrustedUsers/languages.json | 6 ++---
src/components/TrustedUsers/row1.json | 1 +
src/components/TrustedUsers/row2.json | 3 +--
src/pages/_home/feature.jsx | 1 -
src/pages/home/feature.data.jsx | 20 ++++++++--------
src/pages/home/index.tsx | 9 ++-----
src/pages/home/languages.json | 28 +++++++---------------
11 files changed, 35 insertions(+), 93 deletions(-)
diff --git a/src/components/Development/index.jsx
b/src/components/Development/index.jsx
index 2fddf1d7..421345d3 100644
--- a/src/components/Development/index.jsx
+++ b/src/components/Development/index.jsx
@@ -2,7 +2,6 @@ import React from 'react';
import useIsBrowser from '@docusaurus/useIsBrowser';
import useBaseUrl from '@docusaurus/useBaseUrl';
-import Coding from '@site/static/home/coding.svg';
import config from './languages.json';
import './styles.less';
@@ -53,45 +52,16 @@ export default function () {
<img
src={
colorMode === 'dark'
- ? useBaseUrl('/home/coder2.png')
- : useBaseUrl('/home/coder1.png')
+ ? useBaseUrl('/home/code2.png')
+ : useBaseUrl('/home/code1.png')
}
className="coder"
- width="70%"
+ width="100%"
></img>
</div>
</div>
</div>
<div className="border-dot"></div>
- <div className="row mb-5 mt-5 mb-lg-7">
- <div className="col-md-6 col-sm-12 align-self-center">
- <div
- className="px-5 px-md-7 mb-5 my-lg-0 coder-bg"
- data-aos="fade-up"
- data-aos-delay="100"
- >
- <Coding className="img-fluid-coding" />
- </div>
- </div>
-
- <div className="col-md-6 col-sm-12">
- <div
- className="mb-5 my-lg-0 coder-bg"
- data-aos="fade-up"
- data-aos-delay="200"
- >
- <img
- src={
- colorMode === 'dark'
- ? useBaseUrl('/home/code2.png')
- : useBaseUrl('/home/code1.png')
- }
- className="code"
- alt="QuickStart DataStream"
- ></img>
- </div>
- </div>
- </div>
</div>
</div>
);
diff --git a/src/components/FeatureCard/styles.module.css
b/src/components/FeatureCard/styles.module.css
index dae1ba40..84ae672b 100644
--- a/src/components/FeatureCard/styles.module.css
+++ b/src/components/FeatureCard/styles.module.css
@@ -1,7 +1,7 @@
.feature-card-wrapper {
position: relative;
min-width: 387px;
- max-width: 460px;
+ max-width: 440px;
padding: 30px 25px;
background: var(--secondary-bg-color);
diff --git a/src/components/SectionTitle/index.tsx
b/src/components/SectionTitle/index.tsx
index 14ce018d..a321c5b0 100644
--- a/src/components/SectionTitle/index.tsx
+++ b/src/components/SectionTitle/index.tsx
@@ -6,7 +6,6 @@ interface TitleProps {
className?: string;
style?: React.CSSProperties;
title: React.ReactNode;
- description: React.ReactNode;
}
export default function SectionTitle(props: TitleProps) {
@@ -14,11 +13,9 @@ export default function SectionTitle(props: TitleProps) {
<div className="text-center">
<div className="col-12">
<div className="mb-5 pt-6">
- <h2 className="article-title text-lg lg:text-2xl font-semibold">
+ <h1 className="article-title text-lg lg:text-3xl font-semibold">
{props.title}
- </h2>
- <hr className={clsx(styles['divider'], 'my-4')} />
- <p className="text-base">{props.description}</p>
+ </h1>
</div>
</div>
</div>
diff --git a/src/components/TrustedUsers/index.tsx
b/src/components/TrustedUsers/index.tsx
index 94566f63..6e6459df 100644
--- a/src/components/TrustedUsers/index.tsx
+++ b/src/components/TrustedUsers/index.tsx
@@ -1,35 +1,29 @@
-import React, { useRef } from 'react';
+import React from 'react';
import BrowserOnly from '@docusaurus/BrowserOnly';
import useBaseUrl from '@docusaurus/useBaseUrl';
-import { useColorMode, useThemeConfig } from '@docusaurus/theme-common';
+import { useColorMode } from '@docusaurus/theme-common';
import config from './languages.json';
-// import images from './images.json';
import row1 from './row1.json';
import row2 from './row2.json';
-import AOS from 'aos';
import 'aos/dist/aos.css';
import Marquee from 'react-fast-marquee';
import styles from './styles.module.css';
import RightArrowIcon from '@site/static/icons/arrow-right.svg';
import { useTranslation } from '@site/src/hooks/useTranslation';
+import SectionTitle from "@site/src/components/SectionTitle";
export default function TrustedUsers() {
const { t, language } = useTranslation(config);
const { colorMode } = useColorMode();
-
const gradientColor = colorMode === 'dark' ? '#1f1f1c' : '#fff';
return (
<BrowserOnly>
{() => (
<section className={styles['trusted-users']}>
- {/* <h3 className={styles['title']}>{ t.users.title }</h3>
- <hr
- className="divider my-4 mx-auto"
- style={{ maxWidth: '10rem' }}
- /> */}
+ <SectionTitle title={t.users.title}/>
<div data-aos="slide-left">
<Marquee
direction="left"
@@ -81,7 +75,6 @@ export default function TrustedUsers() {
))}
</Marquee>
</div>
-
<div className={styles['more-link']}>
<a
href={language === 'zh-CN' ? '/zh-CN/user' : '/user'}
diff --git a/src/components/TrustedUsers/languages.json
b/src/components/TrustedUsers/languages.json
index c6f1ba1b..ce00b254 100644
--- a/src/components/TrustedUsers/languages.json
+++ b/src/components/TrustedUsers/languages.json
@@ -2,15 +2,13 @@
"zh-CN": {
"users": {
"title": "Apache StreamPark™ 赢得了诸多用户的信赖",
- "description": "Apache StreamPark™
已经被广泛应用于金融、电商、物流、互联网、制造等行业，帮助用户快速构建和管理流处理作业，提升数据处理效率。",
- "more": "更多合作伙伴"
+ "more": "更多用户"
}
},
"en": {
"users": {
"title": "Apache StreamPark™ is trust by",
- "description": "StreamPark™ has been widely used in finance, e-commerce,
logistics, Internet, manufacturing and other industries, helping users quickly
build and manage stream processing jobs and improve data processing
efficiency.",
- "more": "More Partners"
+ "more": "More Users"
}
}
}
diff --git a/src/components/TrustedUsers/row1.json
b/src/components/TrustedUsers/row1.json
index b0b9acb0..3f198d9b 100644
--- a/src/components/TrustedUsers/row1.json
+++ b/src/components/TrustedUsers/row1.json
@@ -6,6 +6,7 @@
{"imgUrl": "china-unicom.png"},
{"imgUrl": "ninebot.png"},
{"imgUrl": "wifi.png"},
+ {"imgUrl": "guilinbank.png"},
{"imgUrl": "net163.png"},
{"imgUrl": "HSBC.png"},
{"imgUrl": "GCT.png"},
diff --git a/src/components/TrustedUsers/row2.json
b/src/components/TrustedUsers/row2.json
index 5421653a..bfcd085a 100644
--- a/src/components/TrustedUsers/row2.json
+++ b/src/components/TrustedUsers/row2.json
@@ -10,8 +10,7 @@
{"imgUrl": "mafengwo.png"},
{"imgUrl": "kingcloud.png"},
{"imgUrl": "hzbank.png"},
- {"imgUrl": "guilinbank.png"},
- {"imgUrl": "YTexpress.png"},
+ {"imgUrl": "tyo-express.png"},
{"imgUrl": "ziroom.png"},
{"imgUrl": "dyrs.png"}
]
\ No newline at end of file
diff --git a/src/pages/_home/feature.jsx b/src/pages/_home/feature.jsx
index 82679f1f..64683b91 100644
--- a/src/pages/_home/feature.jsx
+++ b/src/pages/_home/feature.jsx
@@ -13,7 +13,6 @@ export default function CoreFeatures() {
<div className="container">
<SectionTitle
title={t.common.coreFeatures}
- description={t.common.coreFeaturesDesc}
/>
<div className="row justify-content-center">
{t.feature.map((feature, i) => (
diff --git a/src/pages/home/feature.data.jsx b/src/pages/home/feature.data.jsx
index feaefb0a..2625f142 100644
--- a/src/pages/home/feature.data.jsx
+++ b/src/pages/home/feature.data.jsx
@@ -19,40 +19,40 @@ export const featureCardStyle = {
},
platform: {
style: {
- '--feature-icon-color': 'rgb(119, 216, 128)',
- '--feature-icon-shadow': 'rgba(119, 216, 128, 0.2)',
+ '--feature-icon-color': 'rgb(65, 146, 246)',
+ '--feature-icon-shadow': 'rgba(65, 146, 246, 0.2)',
'--animation-delay': '1s',
},
icon: <PlatformIcon />,
},
unified: {
style: {
- '--feature-icon-color': 'rgb(173, 103, 247)',
- '--feature-icon-shadow': 'rgba(173, 103, 247, 0.2)',
+ '--feature-icon-color': 'rgb(65, 146, 246)',
+ '--feature-icon-shadow': 'rgba(65, 146, 246, 0.2)',
'--animation-delay': '1.8s',
},
icon: <UnifiedIcon />,
},
ecosystem: {
style: {
- '--feature-icon-color': 'rgb(255, 125, 0)',
- '--feature-icon-shadow': 'rgba(255, 125, 0, 0.2)',
+ '--feature-icon-color': 'rgb(65, 146, 246)',
+ '--feature-icon-shadow': 'rgba(65, 146, 246, 0.2)',
'--animation-delay': '2.4s',
},
icon: <EcosystemIcon />,
},
easy: {
style: {
- '--feature-icon-color': 'rgb(22, 93, 255)',
- '--feature-icon-shadow': 'rgba(22, 93, 255, 0.2)',
+ '--feature-icon-color': 'rgb(65, 146, 246)',
+ '--feature-icon-shadow': 'rgba(65, 146, 246, 0.2)',
'--animation-delay': '3s',
},
icon: <EasyIcon />,
},
stable: {
style: {
- '--feature-icon-color': 'rgb(76, 175, 80)',
- '--feature-icon-shadow': 'rgba(76, 175, 80, 0.2)',
+ '--feature-icon-color': 'rgb(65, 146, 246)',
+ '--feature-icon-shadow': 'rgba(65, 146, 246, 0.2)',
'--animation-delay': '3.8s',
},
icon: <StableIcon />,
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index 4e84223e..3cb604ad 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -91,7 +91,6 @@ export default function HomePage() {
</div>
<section className='lg:pb-20'>
- <SectionTitle title={t.users.title} description={''} />
<BrowserOnly>{() => <TrustedUsers />}</BrowserOnly>
</section>
@@ -101,10 +100,7 @@ export default function HomePage() {
<section className='lg:py-20 bg-[#f7f9fe] dark:bg-[#1a1b1c]'>
<div className='w-full overflow-hidden'>
- <SectionTitle
- title={t.common.coreFeatures}
- description={t.common.coreFeaturesDesc}
- />
+ <SectionTitle title={t.common.coreFeatures}/>
<div className='flex-center flex-wrap xl:w-[1400px] mx-auto'>
{t.feature.map((feature, i) => (
<FeatureCard
@@ -125,8 +121,7 @@ export default function HomePage() {
<section className='lg:py-20'>
<div className='w-full overflow-hidden'>
<SectionTitle
- title={t.common.development}
- description={t.common.developmentDesc}
+ title={t.common.development}
/>
<BrowserOnly>{() => <Development />}</BrowserOnly>
</div>
diff --git a/src/pages/home/languages.json b/src/pages/home/languages.json
index 51eec5eb..58b63e39 100644
--- a/src/pages/home/languages.json
+++ b/src/pages/home/languages.json
@@ -22,7 +22,7 @@
},
"slogan": {
"key": "让流处理更简单",
- "description": "Apache StreamPark™
是一个简单易用的流处理应用开发框架和一站式云原生实时计算平台，为流作业提供全生命周期管理能力。"
+ "description": "Apache StreamPark™
是一款现代化流式应用开发框架与一站式云原生实时计算平台，致力于为开发者提供简洁高效的流处理开发体验和全生命周期管理能力。"
},
"action": {
"start": "快速开始",
@@ -76,12 +76,7 @@
"title": "部署作业",
"description": "3. 使用 Apache StreamPark™ 提供的平台来部署和管理你的作业。"
}
- ],
- "users": {
- "title": "Apache StreamPark™ 赢得了诸多用户的信赖",
- "description": "Apache StreamPark™
已经被广泛应用于金融、电商、物流、互联网、制造等行业，帮助用户快速构建和管理流处理作业，提升数据处理效率。",
- "more": "更多合作伙伴"
- }
+ ]
},
"en": {
"common": {
@@ -107,11 +102,11 @@
},
"slogan": {
"key": "Make stream processing easier",
- "description": "Apache StreamPark™ is an easy-to-use streaming
application development framework and one-stop cloud-native real-time computing
platform."
+ "description": "Apache StreamPark™ is a user-friendly streaming
application development framework and one-stop cloud-native real-time computing
platform."
},
"action": {
"start": "Get Start",
- "github": "View on GitHub"
+ "github": "GitHub"
},
"feature": [
{
@@ -121,13 +116,13 @@
},
{
"id": "platform",
- "title": "Streaming Platform",
- "details": "Provides a streaming applications operation and management
platform. It covers the entire lifecycle — from development and build,
deployment and launch, state management and maintenance."
+ "title": "Real-time Computing Platform",
+ "details": "Provides a one-stop streaming computation platform, with
core functionalities including but not limited to application development,
deployment, management, operation, and real-time data warehousing, etc."
},
{
"id": "unified",
- "title": "Unified Batch & Streaming",
- "details": "Supports both Apache Flink® and Apache Spark™, enabling
seamless integration of streaming and batch processing, with multi-engine and
multi-version support on a single platform."
+ "title": "Supports Batch & Streaming",
+ "details": "Supports both Apache Flink® and Apache Spark™, enabling
seamless integration of streaming and batch processing, with
multi-engine/multi-version support on a single platform."
},
{
"id": "ecosystem",
@@ -161,11 +156,6 @@
"title": "Deploy Application",
"description": "3. Deploy and manage your applications using
StreamPark™"
}
- ],
- "users": {
- "title": "Apache StreamPark™ is trust by",
- "description": "StreamPark™ has been widely used in finance, e-commerce,
logistics, Internet, manufacturing and other industries, helping users quickly
build and manage stream processing applications and improve data processing
efficiency.",
- "more": "More Partners"
- }
+ ]
}
}
