diff --git a/public/images/community/event-discord.png b/public/images/community/event-discord.png new file mode 100644 index 000000000..f3ec20aea Binary files /dev/null and b/public/images/community/event-discord.png differ diff --git a/public/images/community/lunch-learn.svg b/public/images/community/lunch-learn.svg deleted file mode 100644 index 56d78bbce..000000000 --- a/public/images/community/lunch-learn.svg +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/i18n/en/community.json b/src/i18n/en/community.json new file mode 100644 index 000000000..c5b2c371a --- /dev/null +++ b/src/i18n/en/community.json @@ -0,0 +1,47 @@ +{ + "title": "Join the Community", + "officeHours": { + "title": "Join the Milvus Discord Community", + "content": "Find help, discover solutions, share ideas, and follow discussions. Get notified of upcoming Zilliz events!", + "button": "Join the Milvus Discord Server! " + }, + "community": { + "title": "Welcome to the Milvus Community", + "content": "The Milvus community is comprised of users and open source contributors that share new ideas, collaborate on projects, and promote learning. Our open-source community members contribute code, attend events, advocate for greater adoption of Milvus, and make many other valuable contributions. Read on to learn how you can get involved and become part of this amazing community.", + "features": { + "learn": { + "title": "Learn", + "content": "Expand your knowledge and skills in vector database technologies." + }, + "build": { + "title": "Build", + "content": "Contribute to the development of Milvus through open source collaboration." + }, + "share": { + "title": "Share", + "content": "Share best practices and lessons learned with the community at large." + } + } + }, + "resource": "Resources", + "mail": { + "title": "Mailing Lists", + "mailList": { + "meeting": { + "title": "Milvus Technical Meeting", + "content": "Join our next meeting to be involved in the discussion and decision making of Milvus‘ latest features and development timeline.", + "cta": "Learn more" + }, + "event": { + "title": "Event", + "content": "We host events, often. Click to find out the upcoming events near you.", + "cta": "More Events" + }, + "video": { + "title": "Video", + "content": "We upload videos, often. Click to watch the video tutorials，webinar replays and other video contents.", + "cta": "More Videos" + } + } + } +} diff --git a/src/i18n/index.ts b/src/i18n/index.ts index 2037073d0..2bfbe3e3d 100644 --- a/src/i18n/index.ts +++ b/src/i18n/index.ts @@ -9,6 +9,7 @@ import introEn from './en/intro.json'; import commonEn from './en/milvus.json'; import sizingToolEn from './en/sizingTool.json'; import useCaseEn from './en/useCase.json'; +import communityEn from './en/community.json'; import docsCn from './cn/docs.json'; import headerCn from './cn/header.json'; @@ -35,6 +36,7 @@ export const resources = { home: homeEn, docs: docsEn, demo: demoEn, + community: communityEn, }, cn: { common: commonCn, diff --git a/src/pages/community.jsx b/src/pages/community.jsx index 3593d63f4..55be0bc94 100644 --- a/src/pages/community.jsx +++ b/src/pages/community.jsx @@ -9,33 +9,12 @@ import classes from '@/styles/community.module.less'; import pageClasses from '@/styles/responsive.module.less'; import clsx from 'clsx'; import { ABSOLUTE_BASE_URL } from '@/consts'; +import CustomButton from '@/components/customButton'; -const OFFICE_HOUR_REGISTER_LINK = 'https://discord.gg/RjNbk8RR4f'; - -const CalendarIcon = () => ( - - - - - - - - - - -); +const OFFICE_HOUR_REGISTER_LINK = 'https://discord.com/invite/8uyFbECzPX'; export default function Community() { - const { t } = useTranslation(); + const { t } = useTranslation('community'); const socialMediaList = [ { @@ -62,43 +41,43 @@ export default function Community() { const featureList = [ { - label: 'Learn', - desc: 'Expand your knowledge and skills in vector database technologies.', + label: t('community.features.learn.title'), + desc: t('community.features.learn.content'), icon: '/images/community/icons/learn.svg', }, { - label: 'Build', - desc: 'Contribute to the development of Milvus through open source collaboration.', + label: t('community.features.build.title'), + desc: t('community.features.build.content'), icon: '/images/community/icons/build.svg', }, { - label: 'Share', - desc: 'Share best practices and lessons learned with the community at large.', + label: t('community.features.share.title'), + desc: t('community.features.share.content'), icon: '/images/community/icons/share.svg', }, ]; const resourceList = [ { - label: 'Milvus Technical Meeting', - desc: 'Join our next meeting to be involved in the discussion and decision making of Milvus‘ latest features and development timeline.', + label: t('mail.mailList.meeting.title'), + desc: t('mail.mailList.meeting.content'), icon: '/images/community/icons/meeting.svg', href: 'https://milvus.io/discord', - btnLabel: 'Learn more', + btnLabel: t('mail.mailList.meeting.cta'), }, { - label: 'Event', - desc: 'We host events, often. Click to find out the upcoming events near you.', + label: t('mail.mailList.event.title'), + desc: t('mail.mailList.event.content'), icon: '/images/community/icons/event.svg', href: 'https://www.meetup.com/milvus-meetup/', - btnLabel: 'More Events', + btnLabel: t('mail.mailList.event.cta'), }, { - label: 'Video', - desc: 'We upload videos, often. Click to watch the video tutorials，webinar replays and other video contents.', + label: t('mail.mailList.video.title'), + desc: t('mail.mailList.video.content'), icon: '/images/community/icons/video.svg', href: 'https://www.youtube.com/c/MilvusVectorDatabase', - btnLabel: 'More Videos', + btnLabel: t('mail.mailList.video.cta'), }, ]; @@ -133,7 +112,7 @@ export default function Community() {
-

Join the Community

+

{t('title')}

-
-
-
+
+
+ Discord
-
-

Milvus Community Lunch and Learn

-

- Share your latest Milvus project with the community, hosted by - the Zilliz team. -

-

- - Bi-weekly Tuesday from 12-12:30 PM PST -

- +

{t('officeHours.title')}

+

{t('officeHours.content')}

+ + - Join now - - + {t('officeHours.button')} +
@@ -173,15 +147,8 @@ export default function Community() {
-

Welcome to the Milvus Community

-

- The Milvus community is comprised of users and open source - contributors that share new ideas, collaborate on projects, and - promote learning. Our open-source community members contribute code, - attend events, advocate for greater adoption of Milvus, and make - many other valuable contributions. Read on to learn how you can get - involved and become part of this amazing community. -

+

{t('community.title')}

+

{t('community.content')}