refactor: extract components folder

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

@@ -0,0 +1,31 @@
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
+import { GithubFilled } from "@ant-design/icons";
+import Link from "next/link";
+
+import { AuroraText } from "~/components/magicui/aurora-text";
+import { Button } from "~/components/ui/button";
+
+import { SectionHeader } from "./section-header";
+
+export function JoinCommunitySection() {
+  return (
+    <section className="flex w-full flex-col items-center justify-center pb-12">
+      <SectionHeader
+        title={
+          <AuroraText colors={["#60A5FA", "#A5FA60", "#A560FA"]}>
+            Join the DeerFlow Community
+          </AuroraText>
+        }
+        description="Contribute brilliant ideas to shape the future of DeerFlow. Collaborate, innovate, and make impacts."
+      />
+      <Button className="text-xl" size="lg" asChild>
+        <Link href="https://github.com/bytedance/deer-flow" target="_blank">
+          <GithubFilled />
+          Contribute Now
+        </Link>
+      </Button>
+    </section>
+  );
+}