feat: add i18n support and add Chinese (#372)

* feat: add i18n support and add Chinese

* fix: resolve conflicts

* Update en.json with cancle settings

* Update zh.json with settngs cancle

---------

Co-authored-by: johnny0120 <15564476+johnny0120@users.noreply.github.com>
Co-authored-by: Willem Jiang <willem.jiang@gmail.com>
Co-authored-by: Willem Jiang <143703838+willem-bd@users.noreply.github.com>

web/src/app/landing/sections/join-community-section.tsx

@@ -3,6 +3,7 @@
 
 import { GithubFilled } from "@ant-design/icons";
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 
 import { AuroraText } from "~/components/magicui/aurora-text";
 import { Button } from "~/components/ui/button";
@@ -10,21 +11,22 @@ import { Button } from "~/components/ui/button";
 import { SectionHeader } from "../components/section-header";
 
 export function JoinCommunitySection() {
+  const t = useTranslations("landing.joinCommunity");
   return (
     <section className="flex w-full flex-col items-center justify-center pb-12">
       <SectionHeader
         anchor="join-community"
         title={
           <AuroraText colors={["#60A5FA", "#A5FA60", "#A560FA"]}>
-            Join the DeerFlow Community
+            {t("title")}
           </AuroraText>
         }
-        description="Contribute brilliant ideas to shape the future of DeerFlow. Collaborate, innovate, and make impacts."
+        description={t("description")}
       />
       <Button className="text-xl" size="lg" asChild>
         <Link href="https://github.com/bytedance/deer-flow" target="_blank">
           <GithubFilled />
-          Contribute Now
+          {t("contributeNow")}
         </Link>
       </Button>
     </section>