import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"

export default function HelpPage() {
  return (
    <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
      <h1 className="text-2xl font-bold tracking-tighter leading-tight">帮助中心</h1>
      <Card className="hover:shadow-[var(--shadow-card)]">
        <CardHeader>
          <CardTitle className="text-base">常见流程</CardTitle>
        </CardHeader>
        <CardContent className="space-y-2 text-sm text-muted-foreground">
          <p>1. 浏览打手或店铺，选择服务并下单。</p>
          <p>2. 在订单会话中协商时间，服务完成后发起结单。</p>
          <p>3. 双方提交密封评价后，系统同时揭晓评价。</p>
          <p>
            需要规则细节可查看
            <Link href="/terms" className="text-primary hover:underline">
              用户协议
            </Link>
            。
          </p>
        </CardContent>
      </Card>
    </div>
  )
}
