Help centerPro

• Instant search
• Topic cards
• Article reader
• Was this helpful?

• Self-serve support and knowledge bases.

• Developer API docs: use a docs layout with a table of contents.

Import it from @/components/blocks/help-center after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { HelpCenter } from "@/components/blocks/help-center";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <HelpCenter />
    </main>
  );
}

• Result counts are announced; articles use real headings and ordered steps.

• Topics lift on hover; views slide between list and article; feedback swaps in place.

• Topic cards are 1 or 2 columns.

• Search is local; for large help centers, query your search service.

• Track "Was this helpful?" votes per article.