Untitled
unknown
plain_text
14 days ago
3.5 kB
3
Indexable
import React from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; import { Card, CardContent } from "@/components/ui/card"; import { Label } from "@/components/ui/label"; import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"; export default function AgentCreator() { return ( <div className="min-h-screen bg-black text-white p-8"> <h1 className="text-3xl font-bold mb-6">Create AI Sales Agent</h1> <div className="grid grid-cols-1 lg:grid-cols-2 gap-6"> <Card className="bg-zinc-900 p-6"> <CardContent> <h2 className="text-xl font-semibold mb-4">1. Prospect Snapshot</h2> <Label>B2B or B2C</Label> <Tabs defaultValue="b2b" className="mb-4"> <TabsList> <TabsTrigger value="b2b">B2B</TabsTrigger> <TabsTrigger value="b2c">B2C</TabsTrigger> </TabsList> </Tabs> <Label className="mt-4">Name</Label> <Input placeholder="John Doe" className="mb-2" /> <Label>Age</Label> <Input placeholder="35" type="number" className="mb-2" /> <Label>Position</Label> <Input placeholder="Marketing Director" className="mb-2" /> <Label>Industry</Label> <Input placeholder="Tech / Healthcare / Finance..." className="mb-2" /> <Label>Company Size</Label> <Input placeholder="1-10, 11-50..." /> </CardContent> </Card> <Card className="bg-zinc-900 p-6"> <CardContent> <h2 className="text-xl font-semibold mb-4">2. Deal Context</h2> <Label>What are you selling?</Label> <Input placeholder="Product or Service description" className="mb-2" /> <Label>Offer Price (optional)</Label> <Input placeholder="$1000" className="mb-2" /> <Label>Expected Objections</Label> <Textarea placeholder="Budget, Timing, Competitor comparisons, etc." className="mb-2" /> <Label>Success Outcome</Label> <Input placeholder="Booked demo, Verbal agreement, etc." /> </CardContent> </Card> <Card className="bg-zinc-900 p-6"> <CardContent> <h2 className="text-xl font-semibold mb-4">3. Conversation Blueprint</h2> <Label>Agent Personality</Label> <Input placeholder="Busy Executive, Skeptical Lead, etc." className="mb-2" /> <Label>Communication Style</Label> <Input placeholder="Direct, Casual, Analytical..." className="mb-2" /> <Label>Training Focus</Label> <Input placeholder="Handling objections, Closing stronger..." className="mb-2" /> <Label>Skill Level</Label> <Tabs defaultValue="intermediate"> <TabsList> <TabsTrigger value="beginner">Beginner</TabsTrigger> <TabsTrigger value="intermediate">Intermediate</TabsTrigger> <TabsTrigger value="advanced">Advanced</TabsTrigger> </TabsList> </Tabs> </CardContent> </Card> </div> <div className="mt-8 flex justify-end"> <Button className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-xl"> Generate Agent </Button> </div> </div> ); }
Editor is loading...
Leave a Comment