admin/PromptArch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Leads Finder intro screen with guided questions and example prompts

Browse Source
This commit is contained in:
admin
2026-03-19 05:07:04 +00:00
Unverified
parent 1e02cef35a
commit d90b4366e8
1 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/AIAssist.tsx
View File

@@ -1192,7 +1192,43 @@ export default function AIAssist({ vibeMode = false }: { vibeMode?: boolean } =
</div>
)}
{aiAssistHistory.length === 0 && (
{aiAssistHistory.length === 0 && currentAgent === "leads" && (
<div className="h-full flex flex-col items-center justify-center text-center py-12 animate-in zoom-in-95 duration-500">
<div className="p-6 bg-emerald-500/10 rounded-full mb-6 relative">
<Users className="h-16 w-16 text-emerald-400/60" />
<div className="absolute inset-0 bg-emerald-500/10 blur-3xl rounded-full" />
</div>
<h3 className="text-2xl font-black text-slate-900 dark:text-emerald-50 mb-2 tracking-tighter">Leads Finder</h3>
<p className="max-w-md text-sm font-medium text-slate-500 dark:text-slate-400 leading-relaxed mb-6">
Find influencers, prospects, and leads across social media platforms. Tell me who you are looking for and I will search the web for relevant leads.
</p>
<div className="max-w-sm w-full bg-[#0b1414]/60 dark:bg-slate-800/50 rounded-2xl p-5 border border-emerald-500/20 mb-6 text-left">
<p className="text-[10px] font-black text-emerald-400 uppercase tracking-widest mb-3">To get started, answer these questions:</p>
<div className="space-y-2 text-[13px] text-slate-400 dark:text-slate-300">
<p>1. What <span className="text-emerald-300 font-bold">niche/industry</span> are you targeting? (e.g. forex, SaaS, fitness, crypto)</p>
<p>2. Which <span className="text-emerald-300 font-bold">region or location</span>? (e.g. Singapore, UAE, Global, Latin America)</p>
<p>3. What <span className="text-emerald-300 font-bold">platform</span> preference? (e.g. Instagram, Twitter/X, LinkedIn, YouTube, TikTok, or all)</p>
<p>4. How many leads do you need? (default: 20+)</p>
</div>
</div>
<div className="flex flex-wrap justify-center gap-2">
{["Forex traders in Singapore", "SaaS founders in UAE", "Fitness influencers on Instagram", "Crypto YouTubers in Latin America", "Marketing agencies in Southeast Asia"].map((label: string) => (
<Badge
key={label}
variant="secondary"
className="px-3 py-1.5 rounded-full cursor-pointer hover:bg-emerald-600 hover:text-white transition-all text-[10px] font-bold border border-emerald-500/20 text-emerald-300 shadow-sm"
onClick={() => setInput(label)}
>
{label}
</Badge>
))}
</div>
</div>
)}
{aiAssistHistory.length === 0 && currentAgent !== "leads" && (
<div className="h-full flex flex-col items-center justify-center text-center py-20 animate-in zoom-in-95 duration-500">
<div className="p-8 bg-blue-500/5 dark:bg-blue-500/10 rounded-full mb-8 relative">
<Ghost className="h-20 w-20 text-blue-400/40 animate-bounce duration-[3s]" />