"use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import { fadeIn, stagger, staggerItem, buttonTap } from "@/lib/animations" import { GradientMesh } from "@/components/backgrounds/gradient-mesh" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Separator } from "@/components/ui/separator" import { ScrollArea } from "@/components/ui/scroll-area" import { FileText, CheckCircle, ArrowRight, RefreshCw, Download, Eye, Edit3, AlertCircle } from "lucide-react" const contractTypes = [ { id: "nda", title: "Non-Disclosure Agreement", desc: "Protect confidential information" }, { id: "service", title: "Service Agreement", desc: "Define service terms and conditions" }, { id: "employment", title: "Employment Contract", desc: "Standard employment terms" }, { id: "freelance", title: "Freelance Contract", desc: "Independent contractor agreement" }, { id: "lease", title: "Lease Agreement", desc: "Property rental terms" }, { id: "partnership", title: "Partnership Agreement", desc: "Business partnership terms" }, ] const generatedClauses = [ "This Agreement is entered into as of [Date] by and between [Party A] and [Party B].", "Party A agrees to provide the Services described in Exhibit A attached hereto.", "In consideration of the Services, Party B shall pay Party A the sum of [Amount] within [Number] days of invoice.", "Either party may terminate this Agreement upon [Number] days written notice.", "This Agreement shall be governed by and construed in accordance with the laws of [State/Jurisdiction].", ] export default function ContractGenerator() { const [step, setStep] = useState(1) const [contractType, setContractType] = useState("") const [partyA, setPartyA] = useState("") const [partyB, setPartyB] = useState("") const [generated, setGenerated] = useState(false) const handleGenerate = () => { setGenerated(true) setStep(3) } const reset = () => { setStep(1) setContractType("") setPartyA("") setPartyB("") setGenerated(false) } return (

Contract Generator

Build a Contract

Create customized legal contracts in minutes.

{[1, 2, 3].map((s) => (

= s ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`}> {step > s ? : s}

{s < 3 &&

s ? "bg-primary" : "bg-muted"}`} />}

))}

{step === 1 && ( Select Contract Type Choose the type of contract you need.

{contractTypes.map((ct) => ( { setContractType(ct.id); setStep(2) }} className={`rounded-xl border p-4 text-left transition-colors ${contractType === ct.id ? "border-primary bg-primary/5" : "hover:bg-muted"}`} >

{ct.title}

{ct.desc}

))}

)} {step === 2 && ( Party Details Enter the parties involved in this agreement.

Party A (Your Name/Company) setPartyA(e.target.value)} placeholder="e.g. Acme Corp" />

Party B (Counterparty) setPartyB(e.target.value)} placeholder="e.g. John Doe" />

Effective Date

)} {step === 3 && (

Your Contract Preview and download your generated contract.

{contractTypes.find((ct) => ct.id === contractType)?.title}

Between {partyA} and {partyB}

{generatedClauses.map((clause, i) => (

{i + 1}. {clause}

))}

This is a draft document. Review with an attorney before signing.

)}

) }