Untitled

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>
  );
}