Merge pull request #498 from escapade-mckv/minor-fixes

Example section retouch
This commit is contained in:
Bobbie 2025-05-26 17:32:03 +05:30 committed by GitHub
commit 621734a2d5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 65052 deletions

File diff suppressed because one or more lines are too long

View File

@ -7,6 +7,7 @@ import {
Bot, Bot,
Briefcase, Briefcase,
Settings, Settings,
Sparkles,
} from 'lucide-react'; } from 'lucide-react';
type PromptExample = { type PromptExample = {
@ -19,22 +20,22 @@ const prompts: PromptExample[] = [
{ {
title: 'Market research dashboard', title: 'Market research dashboard',
query: 'Create a comprehensive market research dashboard analyzing industry trends, customer segments, and competitive landscape. Include data visualization and actionable recommendations.', query: 'Create a comprehensive market research dashboard analyzing industry trends, customer segments, and competitive landscape. Include data visualization and actionable recommendations.',
icon: <BarChart3 size={16} />, icon: <BarChart3 className="text-green-700 dark:text-green-400" size={16} />,
}, },
{ {
title: 'Recommendation engine development', title: 'Recommendation engine development',
query: 'Develop a recommendation engine for personalized product suggestions. Include collaborative filtering, content-based filtering, and hybrid approaches with evaluation metrics.', query: 'Develop a recommendation engine for personalized product suggestions. Include collaborative filtering, content-based filtering, and hybrid approaches with evaluation metrics.',
icon: <Bot size={16} />, icon: <Bot className="text-blue-700 dark:text-blue-400" size={16} />,
}, },
{ {
title: 'Go-to-market strategy', title: 'Go-to-market strategy',
query: 'Develop a comprehensive go-to-market strategy for a new product. Include market sizing, customer acquisition channels, pricing strategy, and launch timeline.', query: 'Develop a comprehensive go-to-market strategy for a new product. Include market sizing, customer acquisition channels, pricing strategy, and launch timeline.',
icon: <Briefcase size={16} />, icon: <Briefcase className="text-rose-700 dark:text-rose-400" size={16} />,
}, },
{ {
title: 'Data pipeline automation', title: 'Data pipeline automation',
query: 'Create an automated data pipeline for ETL processes. Include data validation, error handling, monitoring, and scalable architecture design.', query: 'Create an automated data pipeline for ETL processes. Include data validation, error handling, monitoring, and scalable architecture design.',
icon: <Settings size={16} />, icon: <Settings className="text-purple-700 dark:text-purple-400" size={16} />,
}, },
]; ];
@ -52,11 +53,15 @@ export const Examples = ({
className="group cursor-pointer h-full shadow-none transition-all bg-sidebar hover:bg-neutral-100 dark:hover:bg-neutral-800/60" className="group cursor-pointer h-full shadow-none transition-all bg-sidebar hover:bg-neutral-100 dark:hover:bg-neutral-800/60"
onClick={() => onSelectPrompt && onSelectPrompt(prompt.query)} onClick={() => onSelectPrompt && onSelectPrompt(prompt.query)}
> >
<CardContent className="px-4 pt-0"> <CardHeader className="px-4">
<p className="group-hover:text-foreground transition-all text-muted-foreground text-sm line-clamp-3"> <div className="flex items-center gap-2">
{prompt.query} {prompt.icon}
</p> </div>
</CardContent> <CardTitle className="font-normal group-hover:text-foreground transition-all text-muted-foreground text-sm line-clamp-3">
{prompt.title}
</CardTitle>
</CardHeader>
</Card> </Card>
))} ))}
</div> </div>