> ## Documentation Index
> Fetch the complete documentation index at: https://wavecnct.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Wave Connect 帮助中心

> 搜索文档、指南和资源

export const HelpHero = () => {
  const QUICK_LINKS = [
    {
      title: "快速入门",
      href: "/getting-started/what-is-wave",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-5 w-5" aria-hidden="true">
          <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" />
          <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" />
          <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" />
          <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" />
        </svg>
      ),
    },
    {
      title: "集成",
      href: "/integrations/overview",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-5 w-5" aria-hidden="true">
          <path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02z" />
        </svg>
      ),
    },
    {
      title: "联系支持",
      href: "/contact",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-5 w-5" aria-hidden="true">
          <circle cx="12" cy="12" r="10" />
          <path d="m4.93 4.93 4.24 4.24" />
          <path d="m14.83 9.17 4.24-4.24" />
          <path d="m14.83 14.83 4.24 4.24" />
          <path d="m9.17 14.83-4.24 4.24" />
          <circle cx="12" cy="12" r="4" />
        </svg>
      ),
    },
  ];
  return (
    <div className="flex flex-col items-center text-center">
      <h1 className="m-0 mb-3 text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl">
        需要帮助吗？
      </h1>
      <p className="m-0 mb-8 text-lg text-slate-500">搜索文档、指南和资源</p>

      <button
        id="help-hero-search"
        type="button"
        aria-label="搜索文档"
        className="mb-10 flex w-full max-w-xl cursor-pointer items-center gap-3 rounded-full border border-slate-200 bg-white px-5 py-3.5 shadow-sm outline-none transition-all hover:border-blue-600 hover:shadow-md"
      >
        <svg className="h-4 w-4 shrink-0 text-slate-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <circle cx="11" cy="11" r="8" />
          <path d="m21 21-4.3-4.3" />
        </svg>
        <span className="flex-1 text-left text-slate-400">搜索</span>
        <span className="inline-flex items-center gap-1">
          <span className="inline-flex h-6 w-6 items-center justify-center rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold text-slate-500">⌘</span>
          <span className="inline-flex h-6 w-6 items-center justify-center rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold text-slate-500">K</span>
        </span>
      </button>

      <div className="grid w-full max-w-3xl grid-cols-1 gap-4 sm:grid-cols-3" role="group" aria-label="快速链接">
        {QUICK_LINKS.map((card) => (
          <a
            key={card.title}
            href={card.href}
            className="flex flex-col items-start gap-4 rounded-2xl border border-slate-200 bg-white p-5 text-slate-900 no-underline transition-all hover:-translate-y-0.5 hover:border-blue-200 hover:shadow-md"
          >
            <span className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 text-blue-600">
              {card.icon}
            </span>
            <span className="text-sm font-semibold text-slate-900">{card.title}</span>
          </a>
        ))}
      </div>
    </div>
  );
};

export const ExploreSection = () => {
  const TOPICS = [
    {
      title: "您的个人资料",
      description: "创建并个性化您的数字名片。",
      href: "/profiles",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-7 w-7" aria-hidden="true">
          <rect width="18" height="14" x="3" y="5" rx="2" />
          <path d="M14 9h4" />
          <path d="M14 13h2" />
          <circle cx="8.5" cy="10" r="1.5" />
          <path d="M6 15.5a2.5 2.5 0 0 1 5 0" />
        </svg>
      ),
    },
    {
      title: "分享",
      description: "通过轻触、扫描或发送，随时随地分享您的名片。",
      href: "/sharing/ways-to-share",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-7 w-7" aria-hidden="true">
          <circle cx="18" cy="5" r="3" />
          <circle cx="6" cy="12" r="3" />
          <circle cx="18" cy="19" r="3" />
          <line x1="8.59" x2="15.42" y1="13.51" y2="17.49" />
          <line x1="15.41" x2="8.59" y1="6.51" y2="10.49" />
        </svg>
      ),
    },
    {
      title: "联系人",
      description: "捕获线索，管理每一段人脉关系。",
      href: "/contacts/manage-contacts",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-7 w-7" aria-hidden="true">
          <path d="M17 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z" />
          <circle cx="12" cy="10" r="3" />
          <path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662" />
          <path d="M2 7h3" />
          <path d="M2 12h3" />
          <path d="M2 17h3" />
        </svg>
      ),
    },
  ];
  const TEAMS = [
    {
      title: "模板",
      href: "/templates/overview",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4" aria-hidden="true">
          <rect width="18" height="18" x="3" y="3" rx="2" />
          <path d="M3 9h18" />
          <path d="M9 21V9" />
        </svg>
      ),
    },
    {
      title: "集成",
      href: "/integrations/overview",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4" aria-hidden="true">
          <path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02z" />
        </svg>
      ),
    },
    {
      title: "团队",
      href: "/teams/overview",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4" aria-hidden="true">
          <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
          <circle cx="9" cy="7" r="4" />
          <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
          <path d="M16 3.13a4 4 0 0 1 0 7.75" />
        </svg>
      ),
    },
    {
      title: "安全",
      href: "/security/overview",
      icon: (
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="h-4 w-4" aria-hidden="true">
          <rect width="18" height="11" x="3" y="11" rx="2" ry="2" />
          <path d="M7 11V7a5 5 0 0 1 10 0v4" />
        </svg>
      ),
    },
  ];
  return (
    <div className="flex flex-col gap-16">
      <section className="flex flex-col gap-6">
        <header>
          <h2 className="m-0 mb-1 text-2xl font-bold tracking-tight text-slate-900">按主题探索</h2>
          <p className="m-0 text-slate-500">充分利用您的 Wave 名片所需的核心内容。</p>
        </header>

        <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
          {TOPICS.map((topic) => (
            <a
              key={topic.title}
              href={topic.href}
              className="flex flex-col overflow-hidden rounded-2xl border border-slate-200 bg-white text-slate-900 no-underline shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md"
            >
              <div className="flex h-36 items-center justify-center bg-gradient-to-b from-slate-50 to-blue-50">
                <span className="flex h-14 w-14 items-center justify-center rounded-2xl bg-blue-600 text-white shadow-sm">
                  {topic.icon}
                </span>
              </div>
              <div className="flex flex-col gap-1 p-6">
                <h3 className="m-0 text-base font-bold text-slate-900">{topic.title}</h3>
                <p className="m-0 text-sm text-slate-500">{topic.description}</p>
              </div>
            </a>
          ))}
        </div>
      </section>
    </div>
  );
};

export const HomeDivider = () => <hr className="m-0 border-0 border-t border-slate-200" />;

<div className="hc-home not-prose mx-auto flex w-full max-w-7xl flex-col gap-16 pb-8">
  <HelpHero />

  <HomeDivider />

  <ExploreSection />
</div>
