From d90b4366e84dbb10c730c3cff33f96bf22479b9d Mon Sep 17 00:00:00 2001
From: admin <admin@rommark.dev>
Date: Thu, 19 Mar 2026 05:07:04 +0000
Subject: [PATCH] feat: Leads Finder intro screen with guided questions and
 example prompts

---
 components/AIAssist.tsx | 38 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/components/AIAssist.tsx b/components/AIAssist.tsx
index 07b205c..0a2005c 100644
--- a/components/AIAssist.tsx
+++ b/components/AIAssist.tsx
@@ -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]" />