refactor: extract landing/_components

web/src/app/landing/_components/multi-agent-section.tsx

@@ -0,0 +1,22 @@
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
+import { MultiAgentVisualization } from "~/app/_components/multi-agent-visualization";
+
+import { SectionHeader } from "./section-header";
+
+export function MultiAgentSection() {
+  return (
+    <section className="relative flex w-full flex-col items-center justify-center">
+      <SectionHeader
+        title="Multi-Agent Architecture"
+        description="Experience the agent teamwork with our Supervisor + Handoffs design pattern."
+      />
+      <div className="flex h-[70vh] w-full flex-col items-center justify-center">
+        <div className="h-full w-full">
+          <MultiAgentVisualization />
+        </div>
+      </div>
+    </section>
+  );
+}