55 lines
2.0 KiB
TypeScript
55 lines
2.0 KiB
TypeScript
"use client"
|
|
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
|
|
|
|
export default function HelpPage() {
|
|
return (
|
|
<div className="flex flex-1 flex-col gap-6 p-4 lg:p-8">
|
|
<div className="space-y-2">
|
|
<h1 className="text-2xl font-semibold">Support</h1>
|
|
<p className="text-muted-foreground">Tips for getting the most out of Sanati.</p>
|
|
</div>
|
|
|
|
<div className="grid gap-4 lg:grid-cols-2">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle className="text-base">Quickstart</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="space-y-2 text-sm text-muted-foreground">
|
|
<p>1. Run onboarding with your product URL or manual details.</p>
|
|
<p>2. Open Opportunities and pick platforms + strategies.</p>
|
|
<p>3. Review matches, generate replies, and track status.</p>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle className="text-base">Outreach Tips</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="space-y-2 text-sm text-muted-foreground">
|
|
<p>Lead with empathy and context, not a hard pitch.</p>
|
|
<p>Reference the specific problem the post mentions.</p>
|
|
<p>Offer help or a quick walkthrough before asking for a call.</p>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle className="text-base">Common Issues</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="space-y-3 text-sm text-muted-foreground">
|
|
<div>
|
|
<p className="font-medium text-foreground">Scrape fails</p>
|
|
<p>Use manual input or try a different URL (homepage works best).</p>
|
|
</div>
|
|
<div>
|
|
<p className="font-medium text-foreground">Search returns few results</p>
|
|
<p>Enable Serper API key or broaden strategies in the search config.</p>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
)
|
|
}
|