finstep-template-cli 1.0.1

package/template/src/pages/admin/pages/applications/index.tsx

@@ -0,0 +1,558 @@
+import { useState } from "react";
+import Header from "@/components/f-b-header";
+import Footer from "@/components/f-b-footer";
+
+interface Application {
+  id: string;
+  companyName: string;
+  name: string;
+  phone: string;
+  email: string;
+  position?: string;
+  requirements?: string;
+  status: "pending" | "approved" | "rejected";
+  submittedAt: string;
+  reviewedAt?: string;
+  reviewedBy?: string;
+}
+
+export default function ApplicationsPage() {
+  const [activeTab, setActiveTab] = useState<
+    "all" | "pending" | "approved" | "rejected"
+  >("all");
+  const [showDetailModal, setShowDetailModal] = useState(false);
+  const [selectedApplication, setSelectedApplication] =
+    useState<Application | null>(null);
+  const [rejectReason, setRejectReason] = useState("");
+
+  // Mock data
+  const [applications, setApplications] = useState<Application[]>([
+    {
+      id: "1",
+      companyName: "腾讯科技",
+      name: "张三",
+      phone: "13800138001",
+      email: "zhangsan@tencent.com",
+      position: "产品经理",
+      requirements:
+        "希望使用AI工具提升产品设计效率，主要用于用户画像分析和市场趋势预测。",
+      status: "pending",
+      submittedAt: "2024-01-15 14:30:25",
+    },
+    {
+      id: "2",
+      companyName: "阿里巴巴",
+      name: "李四",
+      phone: "13800138002",
+      email: "lisi@alibaba.com",
+      position: "技术总监",
+      requirements: "需要集成AI代理到现有系统中，用于客户服务自动化。",
+      status: "approved",
+      submittedAt: "2024-01-14 09:15:42",
+      reviewedAt: "2024-01-14 16:20:15",
+      reviewedBy: "管理员",
+    },
+    {
+      id: "3",
+      companyName: "字节跳动",
+      name: "王五",
+      phone: "13800138003",
+      email: "wangwu@bytedance.com",
+      position: "数据分析师",
+      requirements: "希望使用AIGC工具生成营销内容和数据报告。",
+      status: "rejected",
+      submittedAt: "2024-01-13 11:45:18",
+      reviewedAt: "2024-01-13 17:30:22",
+      reviewedBy: "管理员",
+    },
+    {
+      id: "4",
+      companyName: "百度",
+      name: "赵六",
+      phone: "13800138004",
+      email: "zhaoliu@baidu.com",
+      position: "研发工程师",
+      requirements: "需要AI工具协助代码生成和技术文档编写。",
+      status: "pending",
+      submittedAt: "2024-01-12 16:20:33",
+    },
+    {
+      id: "5",
+      companyName: "美团",
+      name: "孙七",
+      phone: "13800138005",
+      email: "sunqi@meituan.com",
+      position: "运营经理",
+      requirements: "希望使用AI分析用户行为数据，优化运营策略。",
+      status: "approved",
+      submittedAt: "2024-01-11 13:55:47",
+      reviewedAt: "2024-01-12 10:15:30",
+      reviewedBy: "管理员",
+    },
+  ]);
+
+  const filteredApplications = applications.filter((app) => {
+    if (activeTab === "all") return true;
+    return app.status === activeTab;
+  });
+
+  const stats = {
+    total: applications.length,
+    pending: applications.filter((app) => app.status === "pending").length,
+    approved: applications.filter((app) => app.status === "approved").length,
+    rejected: applications.filter((app) => app.status === "rejected").length,
+  };
+
+  const handleApprove = (id: string) => {
+    setApplications((prev) =>
+      prev.map((app) =>
+        app.id === id
+          ? {
+              ...app,
+              status: "approved" as const,
+              reviewedAt: new Date().toLocaleString("zh-CN"),
+              reviewedBy: "管理员",
+            }
+          : app
+      )
+    );
+    setShowDetailModal(false);
+    setRejectReason("");
+  };
+
+  const handleReject = (id: string) => {
+    setApplications((prev) =>
+      prev.map((app) =>
+        app.id === id
+          ? {
+              ...app,
+              status: "rejected" as const,
+              reviewedAt: new Date().toLocaleString("zh-CN"),
+              reviewedBy: "管理员",
+            }
+          : app
+      )
+    );
+    setShowDetailModal(false);
+    setRejectReason("");
+  };
+
+  const getStatusBadge = (status: Application["status"]) => {
+    switch (status) {
+      case "pending":
+        return (
+          <span className="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-yellow-500/20 text-yellow-400 border border-yellow-500/30">
+            <div className="w-1.5 h-1.5 bg-yellow-400 rounded-full mr-1.5"></div>
+            待审核
+          </span>
+        );
+      case "approved":
+        return (
+          <span className="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-green-500/20 text-green-400 border border-green-500/30">
+            <div className="w-1.5 h-1.5 bg-green-400 rounded-full mr-1.5"></div>
+            已通过
+          </span>
+        );
+      case "rejected":
+        return (
+          <span className="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-red-500/20 text-red-400 border border-red-500/30">
+            <div className="w-1.5 h-1.5 bg-red-400 rounded-full mr-1.5"></div>
+            已拒绝
+          </span>
+        );
+    }
+  };
+
+  return (
+    <>
+      <Header />
+
+      <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 pt-20">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+          {/* Page Header */}
+          <div className="mb-8">
+            <div className="flex items-center mb-4">
+              <div className="w-10 h-10 bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl flex items-center justify-center mr-3">
+                <i className="ri-file-list-3-line w-5 h-5 flex items-center justify-center text-white"></i>
+              </div>
+              <div>
+                <h1 className="text-3xl font-bold text-white">客户申请管理</h1>
+                <p className="text-slate-400 mt-1">
+                  管理和审核客户的产品使用申请
+                </p>
+              </div>
+            </div>
+          </div>
+
+          {/* Stats Cards */}
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
+            <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800/60 rounded-2xl p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-slate-400 text-sm font-medium">总申请数</p>
+                  <p className="text-2xl font-bold text-white mt-1">
+                    {stats.total}
+                  </p>
+                </div>
+                <div className="w-12 h-12 bg-blue-500/20 rounded-xl flex items-center justify-center">
+                  <i className="ri-file-list-line w-6 h-6 flex items-center justify-center text-blue-400"></i>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800/60 rounded-2xl p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-slate-400 text-sm font-medium">待审核</p>
+                  <p className="text-2xl font-bold text-white mt-1">
+                    {stats.pending}
+                  </p>
+                </div>
+                <div className="w-12 h-12 bg-yellow-500/20 rounded-xl flex items-center justify-center">
+                  <i className="ri-time-line w-6 h-6 flex items-center justify-center text-yellow-400"></i>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800/60 rounded-2xl p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-slate-400 text-sm font-medium">已通过</p>
+                  <p className="text-2xl font-bold text-white mt-1">
+                    {stats.approved}
+                  </p>
+                </div>
+                <div className="w-12 h-12 bg-green-500/20 rounded-xl flex items-center justify-center">
+                  <i className="ri-check-line w-6 h-6 flex items-center justify-center text-green-400"></i>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800/60 rounded-2xl p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-slate-400 text-sm font-medium">已拒绝</p>
+                  <p className="text-2xl font-bold text-white mt-1">
+                    {stats.rejected}
+                  </p>
+                </div>
+                <div className="w-12 h-12 bg-red-500/20 rounded-xl flex items-center justify-center">
+                  <i className="ri-close-line w-6 h-6 flex items-center justify-center text-red-400"></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Filter Tabs */}
+          <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800/60 rounded-2xl p-6 mb-6">
+            <div className="flex space-x-1 bg-slate-800/50 p-1 rounded-xl">
+              {[
+                { key: "all", label: "全部申请", count: stats.total },
+                { key: "pending", label: "待审核", count: stats.pending },
+                { key: "approved", label: "已通过", count: stats.approved },
+                { key: "rejected", label: "已拒绝", count: stats.rejected },
+              ].map((tab) => (
+                <button
+                  key={tab.key}
+                  onClick={() =>
+                    setActiveTab(
+                      tab.key as "pending" | "approved" | "rejected" | "all"
+                    )
+                  }
+                  className={`flex-1 px-4 py-2.5 rounded-lg text-sm font-medium transition-all ${
+                    activeTab === tab.key
+                      ? "bg-blue-600 text-white shadow-lg shadow-blue-500/25"
+                      : "text-slate-400 hover:text-white hover:bg-slate-700/50"
+                  }`}
+                >
+                  {tab.label}
+                  <span
+                    className={`ml-2 px-2 py-0.5 rounded-full text-xs ${
+                      activeTab === tab.key
+                        ? "bg-white/20 text-white"
+                        : "bg-slate-600/50 text-slate-300"
+                    }`}
+                  >
+                    {tab.count}
+                  </span>
+                </button>
+              ))}
+            </div>
+          </div>
+
+          {/* Applications Table */}
+          <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800/60 rounded-2xl overflow-hidden">
+            <div className="overflow-x-auto">
+              <table className="w-full">
+                <thead className="bg-slate-800/50">
+                  <tr>
+                    <th className="px-6 py-4 text-left text-xs font-medium text-slate-400 uppercase tracking-wider">
+                      申请信息
+                    </th>
+                    <th className="px-6 py-4 text-left text-xs font-medium text-slate-400 uppercase tracking-wider">
+                      联系方式
+                    </th>
+                    <th className="px-6 py-4 text-left text-xs font-medium text-slate-400 uppercase tracking-wider">
+                      状态
+                    </th>
+                    <th className="px-6 py-4 text-left text-xs font-medium text-slate-400 uppercase tracking-wider">
+                      申请时间
+                    </th>
+                    <th className="px-6 py-4 text-left text-xs font-medium text-slate-400 uppercase tracking-wider">
+                      操作
+                    </th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-slate-800/60">
+                  {filteredApplications.map((application) => (
+                    <tr
+                      key={application.id}
+                      className="hover:bg-slate-800/30 transition-colors"
+                    >
+                      <td className="px-6 py-4">
+                        <div>
+                          <div className="text-white font-medium">
+                            {application.name}
+                          </div>
+                          <div className="text-slate-400 text-sm">
+                            {application.companyName}
+                          </div>
+                          {application.position && (
+                            <div className="text-slate-500 text-xs mt-1">
+                              {application.position}
+                            </div>
+                          )}
+                        </div>
+                      </td>
+                      <td className="px-6 py-4">
+                        <div>
+                          <div className="text-slate-300 text-sm">
+                            {application.phone}
+                          </div>
+                          <div className="text-slate-400 text-sm">
+                            {application.email}
+                          </div>
+                        </div>
+                      </td>
+                      <td className="px-6 py-4">
+                        {getStatusBadge(application.status)}
+                      </td>
+                      <td className="px-6 py-4">
+                        <div className="text-slate-300 text-sm">
+                          {application.submittedAt}
+                        </div>
+                        {application.reviewedAt && (
+                          <div className="text-slate-500 text-xs mt-1">
+                            审核：{application.reviewedAt}
+                          </div>
+                        )}
+                      </td>
+                      <td className="px-6 py-4">
+                        <button
+                          onClick={() => {
+                            setSelectedApplication(application);
+                            setShowDetailModal(true);
+                          }}
+                          className="inline-flex items-center px-3 py-1.5 bg-blue-600/20 hover:bg-blue-600/30 text-blue-400 hover:text-blue-300 rounded-lg transition-all text-sm whitespace-nowrap"
+                        >
+                          <i className="ri-eye-line w-4 h-4 flex items-center justify-center mr-1"></i>
+                          查看详情
+                        </button>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+
+            {filteredApplications.length === 0 && (
+              <div className="text-center py-12">
+                <i className="ri-inbox-line w-12 h-12 flex items-center justify-center text-slate-500 mx-auto mb-4"></i>
+                <p className="text-slate-400">暂无申请记录</p>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
+      {/* Detail Modal */}
+      {showDetailModal && selectedApplication && (
+        <div className="fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50">
+          <div className="bg-slate-900/98 backdrop-blur-xl border border-slate-800/60 rounded-2xl shadow-2xl shadow-black/40 w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
+            {/* Modal Header */}
+            <div className="flex items-center justify-between p-6 border-b border-slate-800/60">
+              <div className="flex items-center">
+                <div className="w-10 h-10 bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl flex items-center justify-center mr-3">
+                  <i className="ri-user-line w-5 h-5 flex items-center justify-center text-white"></i>
+                </div>
+                <div>
+                  <h2 className="text-xl font-semibold text-white">申请详情</h2>
+                  <p className="text-slate-400 text-sm">
+                    {selectedApplication.name} -{" "}
+                    {selectedApplication.companyName}
+                  </p>
+                </div>
+              </div>
+              <button
+                onClick={() => setShowDetailModal(false)}
+                className="text-slate-400 hover:text-white transition-colors w-8 h-8 flex items-center justify-center rounded-lg hover:bg-slate-800/50"
+              >
+                <i className="ri-close-line w-5 h-5 flex items-center justify-center"></i>
+              </button>
+            </div>
+
+            {/* Modal Content */}
+            <div className="p-6">
+              <div className="space-y-6">
+                {/* Basic Info */}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      公司名称
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {selectedApplication.companyName}
+                    </p>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      申请人姓名
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {selectedApplication.name}
+                    </p>
+                  </div>
+                </div>
+
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      手机号
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {selectedApplication.phone}
+                    </p>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      邮箱
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {selectedApplication.email}
+                    </p>
+                  </div>
+                </div>
+
+                {selectedApplication.position && (
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      职位
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {selectedApplication.position}
+                    </p>
+                  </div>
+                )}
+
+                {selectedApplication.requirements && (
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      使用需求
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl leading-relaxed">
+                      {selectedApplication.requirements}
+                    </p>
+                  </div>
+                )}
+
+                {/* Status and Timeline */}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      当前状态
+                    </label>
+                    <div className="bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {getStatusBadge(selectedApplication.status)}
+                    </div>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium text-slate-400 mb-2">
+                      申请时间
+                    </label>
+                    <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                      {selectedApplication.submittedAt}
+                    </p>
+                  </div>
+                </div>
+
+                {selectedApplication.reviewedAt && (
+                  <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                    <div>
+                      <label className="block text-sm font-medium text-slate-400 mb-2">
+                        审核时间
+                      </label>
+                      <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                        {selectedApplication.reviewedAt}
+                      </p>
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-slate-400 mb-2">
+                        审核人
+                      </label>
+                      <p className="text-white bg-slate-800/50 px-4 py-3 rounded-xl">
+                        {selectedApplication.reviewedBy}
+                      </p>
+                    </div>
+                  </div>
+                )}
+
+                {/* Actions for Pending Applications */}
+                {selectedApplication.status === "pending" && (
+                  <>
+                    <div className="border-t border-slate-800 pt-6">
+                      <h3 className="text-lg font-medium text-white mb-4">
+                        审核操作
+                      </h3>
+
+                      <div className="mb-4">
+                        <label className="block text-sm font-medium text-slate-400 mb-2">
+                          拒绝原因（仅在拒绝时填写）
+                        </label>
+                        <textarea
+                          value={rejectReason}
+                          onChange={(e) => setRejectReason(e.target.value)}
+                          rows={3}
+                          className="w-full px-4 py-3 bg-slate-800/50 border border-slate-700/50 rounded-xl text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all text-sm resize-none"
+                          placeholder="请输入拒绝原因（可选）"
+                        />
+                      </div>
+
+                      <div className="flex space-x-4">
+                        <button
+                          onClick={() => handleApprove(selectedApplication.id)}
+                          className="flex-1 bg-gradient-to-r from-green-600 to-green-700 text-white px-6 py-3 rounded-xl hover:from-green-700 hover:to-green-800 transition-all duration-300 font-medium shadow-lg shadow-green-500/25 hover:shadow-green-500/40 whitespace-nowrap"
+                        >
+                          <i className="ri-check-line w-4 h-4 flex items-center justify-center mr-2"></i>
+                          通过申请
+                        </button>
+                        <button
+                          onClick={() => handleReject(selectedApplication.id)}
+                          className="flex-1 bg-gradient-to-r from-red-600 to-red-700 text-white px-6 py-3 rounded-xl hover:from-red-700 hover:to-red-800 transition-all duration-300 font-medium shadow-lg shadow-red-500/25 hover:shadow-red-500/40 whitespace-nowrap"
+                        >
+                          <i className="ri-close-line w-4 h-4 flex items-center justify-center mr-2"></i>
+                          拒绝申请
+                        </button>
+                      </div>
+                    </div>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+
+      <Footer />
+    </>
+  );
+}

package/template/src/pages/home/index.tsx

@@ -0,0 +1,129 @@
+import { useState, useCallback, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { Header, Footer, useGlobalMessage } from "finstep-b-components";
+// import Header from "@/components/f-b-header";
+// import Footer from "@/components/f-b-footer";
+import HeroSection from "@/components/hero-section";
+import TrustedBy from "@/components/trusted-by";
+import { useStore } from "@/stores/store-context";
+import { observer } from "mobx-react-lite";
+import { login, feishuLogin } from "@/api/home";
+import { getQueryParams } from "@/utils/index";
+import { useGlobalLoading } from "@/hooks/useGlobalLoading";
+// AI生成的代码 - Home 页面组件，使用上下文感知的 message API
+function Home() {
+  const { userStore } = useStore();
+  const navigate = useNavigate();
+  const { success } = useGlobalMessage();
+  const { withLoading } = useGlobalLoading();
+  const [changeLoginMode, setChangeLoginMode] = useState<
+    (show: boolean) => void
+  >(() => () => {});
+  // AI生成的代码 - 使用全局loading store替换局部loading状态
+  // const [loading, setLoading] = useState(false);
+  const queryParams = getQueryParams();
+  const fsCode = queryParams.code; // 获取查询参数
+  // AI生成的代码 - 使用 useCallback 避免无限渲染
+  const handleLoginModeChange = useCallback(
+    (changeLoginModeFunc: (show: boolean) => void) => {
+      setChangeLoginMode(() => changeLoginModeFunc);
+    },
+    []
+  );
+  // AI生成的代码 - 处理登录逻辑，包含调试信息
+  const handleLoginAsync = async (params: {
+    phone: string;
+    password: string;
+  }) => {
+    console.log("handleLogin 被调用", params);
+    const res = await login({
+      username: params.phone,
+      password: params.password,
+    });
+    console.log("登录接口响应:", res);
+    userStore.setUserInfo({
+      userId: res.user_id,
+      login: true,
+      username: res.username,
+      accessToken: res.access_token,
+      refreshToken: res.refresh_token,
+    });
+    if (changeLoginMode) {
+      changeLoginMode(false);
+    }
+    success("登录成功");
+  };
+
+  // AI生成的代码 - 同步登录处理函数，符合 Header 组件期望的类型
+  const handleLogin = (params: { phone: string; password: string }) => {
+    handleLoginAsync(params);
+  };
+  const fsLogin = async () => {
+    // await withLoading(async () => {
+    //   await new Promise((resolve) => setTimeout(resolve, 100000000));
+    // }, "正在进行飞书登录...");
+    if (userStore.userInfo.login) {
+      return;
+    }
+    if (fsCode) {
+      await withLoading(async () => {
+        const res = await feishuLogin({ mobile: "FEISHU@" + fsCode });
+        userStore.setUserInfo({
+          userId: res.user_id,
+          login: true,
+          username: res.username,
+          accessToken: res.access_token,
+          refreshToken: res.refresh_token,
+        });
+      }, "正在进行飞书登录...");
+    }
+  };
+  // AI生成的代码 - 飞书登录处理函数
+  const handleFeishuLogin = () => {
+    window.location.href = `https://accounts.feishu.cn/open-apis/authen/v1/authorize?client_id=cli_a6d3837cf537900e&redirect_uri=${encodeURIComponent(
+      window.location.origin + window.location.pathname
+    )}`;
+  };
+  // AI生成的代码 - 其他处理函数
+  const handleLogout = () => {
+    userStore.setUserInfo({
+      userId: 0,
+      login: false,
+      username: "",
+      accessToken: "",
+      refreshToken: "",
+    });
+    navigate("/");
+  };
+  const handleNavigate = (path: string) => {
+    console.log(path);
+    navigate(path);
+  };
+  const handleRegisterSubmit = () => {};
+  useEffect(() => {
+    fsLogin();
+  }, []);
+  return (
+    <div className="min-h-screen bg-slate-950">
+      <Header
+        userInfo={{
+          ...userStore.userInfo,
+          accessToken: userStore.userInfo.accessToken || "",
+          refreshToken: userStore.userInfo.refreshToken || "",
+        }}
+        onLogin={handleLogin}
+        onLogout={handleLogout}
+        onFeishuLogin={handleFeishuLogin}
+        onNavigate={handleNavigate}
+        onRegisterSubmit={handleRegisterSubmit}
+        onLoginModeChange={handleLoginModeChange}
+      />
+      <main>
+        <HeroSection />
+        <TrustedBy />
+      </main>
+      <Footer />
+    </div>
+  );
+}
+export default observer(Home);