zetaloop
52 lines
2.2 KiB
TypeScript
52 lines
2.2 KiB
TypeScript
import { Badge } from "@/components/ui/badge"
|
||
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">
|
||
<div className="space-y-3">
|
||
<Badge variant="outline" className="w-fit text-xs font-normal">
|
||
帮助
|
||
</Badge>
|
||
<div className="space-y-2">
|
||
<h1 className="text-2xl font-bold tracking-tight leading-tight">帮助中心</h1>
|
||
<p className="text-sm leading-relaxed text-muted-foreground">
|
||
了解下单、沟通、结单和评价流程。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<Card className="overflow-hidden border-border/80 shadow-sm">
|
||
<CardHeader className="border-b border-border/60">
|
||
<CardTitle className="text-base">常见流程</CardTitle>
|
||
</CardHeader>
|
||
<CardContent className="p-0 text-sm leading-relaxed text-muted-foreground">
|
||
<section className="border-b border-border/60 p-5">
|
||
<h2 className="text-sm font-semibold text-foreground">选择服务</h2>
|
||
<p className="mt-2">浏览打手或店铺，选择合适的服务并下单。</p>
|
||
</section>
|
||
<section className="border-b border-border/60 p-5">
|
||
<h2 className="text-sm font-semibold text-foreground">订单沟通</h2>
|
||
<p className="mt-2">在订单会话中协商时间，服务完成后发起结单。</p>
|
||
</section>
|
||
<section className="border-b border-border/60 p-5">
|
||
<h2 className="text-sm font-semibold text-foreground">评价揭晓</h2>
|
||
<p className="mt-2">双方提交密封评价后，系统同时揭晓评价。</p>
|
||
</section>
|
||
<section className="p-5">
|
||
<h2 className="text-sm font-semibold text-foreground">规则说明</h2>
|
||
<p className="mt-2">
|
||
需要规则细节可查看
|
||
<Link href="/terms" className="text-primary hover:underline">
|
||
用户协议
|
||
</Link>
|
||
。
|
||
</p>
|
||
</section>
|
||
</CardContent>
|
||
</Card>
|
||
</div>
|
||
)
|
||
}
|