[V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Toaster } from "@/components/ui/toaster" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Sistema de Crédito Imobiliário", description: "Sistema para gerenciamento de crédito imobiliário", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" import type React from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Building2, CreditCard, Home, Users } from "lucide-react" export default function HomePage() { return (

Sistema de Crédito Imobiliário

Bem-vindo ao Sistema de Crédito Imobiliário

Gerencie modalidades de crédito, linhas de financiamento, clientes e solicitações de crédito imobiliário.

} title="Modalidades de Crédito" description="Gerencie diferentes tipos de crédito com taxas e condições personalizadas." link="/admin/modalidades" /> } title="Linhas de Financiamento" description="Configure linhas para diferentes tipos de imóveis e critérios de elegibilidade." link="/admin/linhas" /> } title="Clientes" description="Cadastre e gerencie informações de clientes e suas solicitações." link="/admin/clientes" /> } title="Solicitações" description="Acompanhe e gerencie todas as solicitações de crédito imobiliário." link="/admin/solicitacoes" />

) } function FeatureCard({ icon, title, description, link, }: { icon: React.ReactNode title: string description: string link: string }) { return (

{icon}

{title}

{description}

) } [V0_FILE]typescriptreact:file="components/main-nav.tsx" "use client" import type React from "react" import Link from "next/link" import { usePathname } from "next/navigation" import { cn } from "@/lib/utils" interface MainNavProps { items: { title: string href: string icon?: React.ReactNode }[] className?: string } export function MainNav({ items, className }: MainNavProps) { const pathname = usePathname() return ( ) } [V0_FILE]typescriptreact:file="components/user-nav.tsx" "use client" import { Avatar, AvatarFallback } from "@/components/ui/avatar" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { LogOut, Settings, User } from "lucide-react" import Link from "next/link" export function UserNav() { return (

Administrador

admin@exemplo.com

Perfil Configurações Sair ) } [V0_FILE]typescriptreact:file="app/admin/layout.tsx" import type React from "react" import { MainNav } from "@/components/main-nav" import { UserNav } from "@/components/user-nav" import { Building2, CreditCard, Home, LayoutDashboard, Users } from "lucide-react" import Link from "next/link" export default function AdminLayout({ children, }: { children: React.ReactNode }) { const navItems = [ { title: "Dashboard", href: "/admin", icon: , }, { title: "Modalidades", href: "/admin/modalidades", icon: , }, { title: "Linhas", href: "/admin/linhas", icon: , }, { title: "Clientes", href: "/admin/clientes", icon: , }, { title: "Solicitações", href: "/admin/solicitacoes", icon: , }, ] return (

SCI Admin

{children}

) } [V0_FILE]typescriptreact:file="app/admin/page.tsx" import type React from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Building2, CreditCard, Home, Users } from "lucide-react" import Link from "next/link" import { Button } from "@/components/ui/button" export default function AdminDashboard() { return (

Dashboard

Visão Geral Análises Relatórios

} /> } /> } /> } />

Solicitações Recentes Distribuição por Modalidade

Análises Visualize métricas e tendências detalhadas.

Conteúdo de análises será exibido aqui.

Relatórios Gere e visualize relatórios personalizados.

Conteúdo de relatórios será exibido aqui.

) } function DashboardCard({ title, value, description, icon, }: { title: string value: string description: string icon: React.ReactNode }) { return ( {title} {icon}

{value}

{description}

) } function RecentRequests() { const requests = [ { id: "REQ-001", client: "João Silva", modality: "Juros Fixos", line: "Apartamento Novo", status: "pendente", date: "2023-05-15", }, { id: "REQ-002", client: "Maria Oliveira", modality: "IPCA", line: "Apartamento Usado", status: "aprovada", date: "2023-05-14", }, { id: "REQ-003", client: "Carlos Santos", modality: "TR", line: "Construção", status: "pendente", date: "2023-05-13", }, { id: "REQ-004", client: "Ana Pereira", modality: "Consórcio", line: "Apartamento Novo", status: "reprovada", date: "2023-05-12", }, ] return (

Cliente

Modalidade

Linha

Status

{requests.map((request) => (

{request.id}

{request.client}

{request.modality}

{request.line}

))}

) } function StatusBadge({ status }: { status: string }) { const styles = { pendente: "bg-yellow-100 text-yellow-800 border-yellow-200", aprovada: "bg-green-100 text-green-800 border-green-200", reprovada: "bg-red-100 text-red-800 border-red-200", } const statusMap = { pendente: "Pendente", aprovada: "Aprovada", reprovada: "Reprovada", } return ( {statusMap[status as keyof typeof statusMap]} ) } function ModalityDistribution() { const data = [ { modality: "Juros Fixos", count: 45, color: "bg-blue-500" }, { modality: "IPCA", count: 32, color: "bg-green-500" }, { modality: "TR", count: 18, color: "bg-yellow-500" }, { modality: "Consórcio", count: 5, color: "bg-purple-500" }, ] const total = data.reduce((acc, item) => acc + item.count, 0) return (

{data.map((item) => (

{item.modality} {Math.round((item.count / total) * 100)}%

))}

) } [V0_FILE]typescriptreact:file="app/admin/modalidades/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Plus } from "lucide-react" import Link from "next/link" export default function ModalidadesPage() { const modalidades = [ { id: 1, nome: "Crédito com Juros Fixos", idadeMin: 18, idadeMax: 25, rendaMin: null, rendaMax: null, taxa: "5% a.a.", prazo: "40 anos", ativo: true, }, { id: 2, nome: "Crédito com Juros Variáveis (IPCA)", idadeMin: 21, idadeMax: 65, rendaMin: 5000, rendaMax: 15000, taxa: "IPCA + 2% a.a.", prazo: "30 anos", ativo: true, }, { id: 3, nome: "Crédito com Juros Variáveis (TR)", idadeMin: 21, idadeMax: 45, rendaMin: 5000, rendaMax: 15000, taxa: "TR + 3% a.a.", prazo: "20 anos", ativo: true, }, { id: 4, nome: "Crédito Consórcio", idadeMin: 40, idadeMax: null, rendaMin: null, rendaMax: null, taxa: "Taxa adm: 20%", prazo: "10 anos", ativo: true, }, ] return (

Modalidades de Crédito

{modalidades.map((modalidade) => ( ))}

) } function ModalidadeCard({ modalidade }: { modalidade: any }) { return (

{modalidade.nome} {modalidade.ativo ? "Ativo" : "Inativo"}

Taxa: {modalidade.taxa} • Prazo: {modalidade.prazo}

Idade: {modalidade.idadeMin} {modalidade.idadeMax ? ` a ${modalidade.idadeMax}` : "+"} anos

Renda:{" "} {modalidade.rendaMin ? `R$ ${modalidade.rendaMin.toLocaleString("pt-BR")}` : "Qualquer"} {modalidade.rendaMax ? ` a R$ ${modalidade.rendaMax.toLocaleString("pt-BR")}` : ""}

) } [V0_FILE]typescriptreact:file="app/admin/modalidades/nova/page.tsx" "use client" import type React from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Switch } from "@/components/ui/switch" import { useToast } from "@/hooks/use-toast" import { ArrowLeft } from "lucide-react" import Link from "next/link" import { useRouter } from "next/navigation" export default function NovaModalidadePage() { const { toast } = useToast() const router = useRouter() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() toast({ title: "Modalidade criada", description: "A modalidade de crédito foi criada com sucesso.", }) router.push("/admin/modalidades") } return (

Nova Modalidade de Crédito

Informações da Modalidade Preencha os dados para criar uma nova modalidade de crédito.

Nome da Modalidade

Faixa Etária

Idade Mínima

Idade Máxima

Faixa de Renda

Renda Mínima (R$)

Renda Máxima (R$)

Tipo de Juros

Taxa de Juros (% a.a.)

Prazo Máximo (anos)

Taxa de Administração (%)

Modalidade ativa

) } [V0_FILE]typescriptreact:file="app/admin/linhas/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Plus } from "lucide-react" import Link from "next/link" export default function LinhasPage() { const linhas = [ { id: 1, nome: "Apartamento Novo", descricao: "Financiamento para aquisição de apartamentos novos", modalidades: ["Todas"], ativo: true, }, { id: 2, nome: "Apartamento Usado", descricao: "Financiamento para aquisição de apartamentos usados", modalidades: ["Juros Fixos", "IPCA", "TR"], ativo: true, }, { id: 3, nome: "Aquisição de Terreno e Construção", descricao: "Financiamento para compra de terreno e construção", modalidades: ["Todas"], ativo: true, }, { id: 4, nome: "Construção em Terreno Próprio", descricao: "Financiamento para construção em terreno próprio", modalidades: ["Juros Fixos", "IPCA", "TR"], ativo: true, }, ] return (

Linhas de Financiamento

{linhas.map((linha) => ( ))}

) } function LinhaCard({ linha }: { linha: any }) { return (

{linha.nome} {linha.ativo ? "Ativo" : "Inativo"}

{linha.descricao}

Modalidades compatíveis:

{linha.modalidades.map((modalidade: string) => ( {modalidade} ))}

) } [V0_FILE]typescriptreact:file="app/admin/linhas/nova/page.tsx" "use client" import type React from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Checkbox } from "@/components/ui/checkbox" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Switch } from "@/components/ui/switch" import { Textarea } from "@/components/ui/textarea" import { useToast } from "@/hooks/use-toast" import { ArrowLeft } from "lucide-react" import Link from "next/link" import { useRouter } from "next/navigation" export default function NovaLinhaPage() { const { toast } = useToast() const router = useRouter() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() toast({ title: "Linha criada", description: "A linha de financiamento foi criada com sucesso.", }) router.push("/admin/linhas") } return (

Nova Linha de Financiamento

Informações da Linha Preencha os dados para criar uma nova linha de financiamento.

Nome da Linha

Descrição

</div>

<div className="space-y-2">
                <Label>Modalidades Compatíveis</Label>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-2 border rounded-md p-4">
                  <div className="flex items-center space-x-2">
                    <Checkbox id="todas" />
                    <Label htmlFor="todas" className="font-normal">
                      Todas as modalidades
                    </Label>
                  </div>
                  <div className="flex items-center space-x-2">
                    <Checkbox id="juros-fixos" />
                    <Label htmlFor="juros-fixos" className="font-normal">
                      Juros Fixos
                    </Label>
                  </div>
                  <div className="flex items-center space-x-2">
                    <Checkbox id="ipca" />
                    <Label htmlFor="ipca" className="font-normal">
                      IPCA
                    </Label>
                  </div>
                  <div className="flex items-center space-x-2">
                    <Checkbox id="tr" />
                    <Label htmlFor="tr" className="font-normal">
                      TR
                    </Label>
                  </div>
                  <div className="flex items-center space-x-2">
                    <Checkbox id="consorcio" />
                    <Label htmlFor="consorcio" className="font-normal">
                      Consórcio
                    </Label>
                  </div>
                </div>
              </div>

<div className="grid gap-2">
                <Label htmlFor="criterios">Critérios de Elegibilidade</Label>
                <Textarea
                  id="criterios"
                  placeholder="Descreva os critérios de elegibilidade para esta linha"
                  className="min-h-[100px]"
                />
              </div>

<div className="flex items-center space-x-2">
                <Switch id="ativo" defaultChecked />
                <Label htmlFor="ativo">Linha ativa</Label>
              </div>
            </div>
          </CardContent>
          <CardFooter className="flex justify-between">
            <Button variant="outline" asChild>
              <Link href="/admin/linhas">Cancelar</Link>
            </Button>
            <Button type="submit">Criar Linha</Button>
          </CardFooter>
        </form>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/clientes/page.tsx"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Plus } from "lucide-react"
import Link from "next/link"

export default function ClientesPage() {
  const clientes = [
    { id: 1, nome: "João Silva", idade: 35, renda: 7500, solicitacoes: 2 },
    { id: 2, nome: "Maria Oliveira", idade: 42, renda: 9200, solicitacoes: 1 },
    { id: 3, nome: "Carlos Santos", idade: 28, renda: 4800, solicitacoes: 0 },
    { id: 4, nome: "Ana Pereira", idade: 51, renda: 12000, solicitacoes: 3 },
    { id: 5, nome: "Paulo Costa", idade: 39, renda: 6500, solicitacoes: 1 },
    { id: 6, nome: "Fernanda Lima", idade: 33, renda: 8300, solicitacoes: 0 },
    { id: 7, nome: "Ricardo Souza", idade: 45, renda: 15000, solicitacoes: 2 },
    { id: 8, nome: "Juliana Alves", idade: 29, renda: 5200, solicitacoes: 1 },
  ]

return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Clientes</h1>
        <Button asChild>
          <Link href="/admin/clientes/novo">
            <Plus className="mr-2 h-4 w-4" /> Novo Cliente
          </Link>
        </Button>
      </div>

<Card>
        <CardHeader>
          <CardTitle>Gerenciamento de Clientes</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="flex items-center gap-2 mb-6">
            <Input placeholder="Buscar cliente..." className="max-w-sm" />
            <Button variant="outline">Buscar</Button>
          </div>

<div className="rounded-md border">
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>Nome</TableHead>
                  <TableHead>Idade</TableHead>
                  <TableHead>Renda</TableHead>
                  <TableHead>Solicitações</TableHead>
                  <TableHead className="text-right">Ações</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {clientes.map((cliente) => (
                  <TableRow key={cliente.id}>
                    <TableCell className="font-medium">{cliente.nome}</TableCell>
                    <TableCell>{cliente.idade} anos</TableCell>
                    <TableCell>R$ {cliente.renda.toLocaleString("pt-BR")}</TableCell>
                    <TableCell>{cliente.solicitacoes}</TableCell>
                    <TableCell className="text-right">
                      <div className="flex justify-end gap-2">
                        <Button variant="outline" size="sm" asChild>
                          <Link href={`/admin/clientes/${cliente.id}`}>Detalhes</Link>
                        </Button>
                        <Button variant="outline" size="sm" asChild>
                          <Link href={`/admin/clientes/${cliente.id}/editar`}>Editar</Link>
                        </Button>
                      </div>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/clientes/novo/page.tsx"
"use client"

import type React from "react"

import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { useToast } from "@/hooks/use-toast"
import { ArrowLeft } from "lucide-react"
import Link from "next/link"
import { useRouter } from "next/navigation"

export default function NovoClientePage() {
  const { toast } = useToast()
  const router = useRouter()

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    toast({
      title: "Cliente criado",
      description: "O cliente foi cadastrado com sucesso.",
    })
    router.push("/admin/clientes")
  }

return (
    <div className="space-y-6">
      <div className="flex items-center">
        <Button variant="ghost" size="sm" asChild className="mr-2">
          <Link href="/admin/clientes">
            <ArrowLeft className="h-4 w-4 mr-1" /> Voltar
          </Link>
        </Button>
        <h1 className="text-3xl font-bold tracking-tight">Novo Cliente</h1>
      </div>

<Card>
        <form onSubmit={handleSubmit}>
          <CardHeader>
            <CardTitle>Informações do Cliente</CardTitle>
            <CardDescription>Preencha os dados para cadastrar um novo cliente.</CardDescription>
          </CardHeader>
          <CardContent className="space-y-6">
            <div className="space-y-4">
              <div className="grid gap-2">
                <Label htmlFor="nome">Nome Completo</Label>
                <Input id="nome" placeholder="Nome completo do cliente" required />
              </div>

<div className="space-y-2">
                  <Label htmlFor="dataNascimento">Data de Nascimento</Label>
                  <Input id="dataNascimento" type="date" required />
                </div>
              </div>

<div className="space-y-2">
                  <Label htmlFor="telefone">Telefone</Label>
                  <Input id="telefone" placeholder="(00) 00000-0000" required />
                </div>
              </div>

<div className="grid gap-2">
                <Label htmlFor="endereco">Endereço</Label>
                <Input id="endereco" placeholder="Endereço completo" required />
              </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="cidade">Cidade</Label>
                  <Input id="cidade" placeholder="Cidade" required />
                </div>

<div className="space-y-2">
                  <Label htmlFor="estado">Estado</Label>
                  <Input id="estado" placeholder="Estado" required />
                </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="profissao">Profissão</Label>
                  <Input id="profissao" placeholder="Profissão do cliente" required />
                </div>

<div className="space-y-2">
                  <Label htmlFor="renda">Renda Mensal (R$)</Label>
                  <Input id="renda" type="number" min="0" step="100" placeholder="0.00" required />
                </div>
              </div>
            </div>
          </CardContent>
          <CardFooter className="flex justify-between">
            <Button variant="outline" asChild>
              <Link href="/admin/clientes">Cancelar</Link>
            </Button>
            <Button type="submit">Cadastrar Cliente</Button>
          </CardFooter>
        </form>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/solicitacoes/page.tsx"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Plus } from "lucide-react"
import Link from "next/link"

export default function SolicitacoesPage() {
  const solicitacoes = [
    {
      id: "SOL-001",
      cliente: "João Silva",
      modalidade: "Juros Fixos",
      linha: "Apartamento Novo",
      valor: 350000,
      data: "2023-05-15",
      status: "pendente",
    },
    {
      id: "SOL-002",
      cliente: "Maria Oliveira",
      modalidade: "IPCA",
      linha: "Apartamento Usado",
      valor: 280000,
      data: "2023-05-14",
      status: "aprovada",
    },
    {
      id: "SOL-003",
      cliente: "Carlos Santos",
      modalidade: "TR",
      linha: "Construção",
      valor: 420000,
      data: "2023-05-13",
      status: "pendente",
    },
    {
      id: "SOL-004",
      cliente: "Ana Pereira",
      modalidade: "Consórcio",
      linha: "Apartamento Novo",
      valor: 500000,
      data: "2023-05-12",
      status: "reprovada",
    },
    {
      id: "SOL-005",
      cliente: "Paulo Costa",
      modalidade: "Juros Fixos",
      linha: "Terreno e Construção",
      valor: 380000,
      data: "2023-05-11",
      status: "aprovada",
    },
    {
      id: "SOL-006",
      cliente: "Fernanda Lima",
      modalidade: "IPCA",
      linha: "Apartamento Usado",
      valor: 320000,
      data: "2023-05-10",
      status: "pendente",
    },
    {
      id: "SOL-007",
      cliente: "Ricardo Souza",
      modalidade: "TR",
      linha: "Construção",
      valor: 450000,
      data: "2023-05-09",
      status: "aprovada",
    },
    {
      id: "SOL-008",
      cliente: "Juliana Alves",
      modalidade: "Juros Fixos",
      linha: "Apartamento Novo",
      valor: 290000,
      data: "2023-05-08",
      status: "pendente",
    },
  ]

return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Solicitações de Crédito</h1>
        <Button asChild>
          <Link href="/admin/solicitacoes/nova">
            <Plus className="mr-2 h-4 w-4" /> Nova Solicitação
          </Link>
        </Button>
      </div>

<Card>
        <CardHeader>
          <CardTitle>Gerenciamento de Solicitações</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="flex flex-col md:flex-row items-start md:items-center gap-4 mb-6">
            <Input placeholder="Buscar solicitação..." className="max-w-sm" />
            <Select>
              <SelectTrigger className="w-[180px]">
                <SelectValue placeholder="Status" />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="todos">Todos</SelectItem>
                <SelectItem value="pendente">Pendente</SelectItem>
                <SelectItem value="aprovada">Aprovada</SelectItem>
                <SelectItem value="reprovada">Reprovada</SelectItem>
              </SelectContent>
            </Select>
            <Button variant="outline">Filtrar</Button>
          </div>

<div className="rounded-md border">
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>ID</TableHead>
                  <TableHead>Cliente</TableHead>
                  <TableHead>Modalidade</TableHead>
                  <TableHead>Linha</TableHead>
                  <TableHead>Valor</TableHead>
                  <TableHead>Data</TableHead>
                  <TableHead>Status</TableHead>
                  <TableHead className="text-right">Ações</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {solicitacoes.map((solicitacao) => (
                  <TableRow key={solicitacao.id}>
                    <TableCell className="font-medium">{solicitacao.id}</TableCell>
                    <TableCell>{solicitacao.cliente}</TableCell>
                    <TableCell>{solicitacao.modalidade}</TableCell>
                    <TableCell>{solicitacao.linha}</TableCell>
                    <TableCell>R$ {solicitacao.valor.toLocaleString("pt-BR")}</TableCell>
                    <TableCell>{new Date(solicitacao.data).toLocaleDateString("pt-BR")}</TableCell>
                    <TableCell>
                      <StatusBadge status={solicitacao.status} />
                    </TableCell>
                    <TableCell className="text-right">
                      <Button variant="outline" size="sm" asChild>
                        <Link href={`/admin/solicitacoes/${solicitacao.id}`}>Detalhes</Link>
                      </Button>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}

function StatusBadge({ status }: { status: string }) {
  const styles = {
    pendente: "bg-yellow-100 text-yellow-800 border-yellow-200",
    aprovada: "bg-green-100 text-green-800 border-green-200",
    reprovada: "bg-red-100 text-red-800 border-red-200",
  }

const statusMap = {
    pendente: "Pendente",
    aprovada: "Aprovada",
    reprovada: "Reprovada",
  }

return (
    <span
      className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${styles[status as keyof typeof styles]}`}
    >
      {statusMap[status as keyof typeof statusMap]}
    </span>
  )
}
[V0_FILE]typescriptreact:file="app/admin/solicitacoes/nova/page.tsx"
"use client"

import type React from "react"

import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { useToast } from "@/hooks/use-toast"
import { ArrowLeft } from "lucide-react"
import Link from "next/link"
import { useRouter } from "next/navigation"

export default function NovaSolicitacaoPage() {
  const { toast } = useToast()
  const router = useRouter()

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    toast({
      title: "Solicitação criada",
      description: "A solicitação de crédito foi criada com sucesso.",
    })
    router.push("/admin/solicitacoes")
  }

return (
    <div className="space-y-6">
      <div className="flex items-center">
        <Button variant="ghost" size="sm" asChild className="mr-2">
          <Link href="/admin/solicitacoes">
            <ArrowLeft className="h-4 w-4 mr-1" /> Voltar
          </Link>
        </Button>
        <h1 className="text-3xl font-bold tracking-tight">Nova Solicitação de Crédito</h1>
      </div>

<Card>
        <form onSubmit={handleSubmit}>
          <CardHeader>
            <CardTitle>Informações da Solicitação</CardTitle>
            <CardDescription>Preencha os dados para criar uma nova solicitação de crédito.</CardDescription>
          </CardHeader>
          <CardContent className="space-y-6">
            <div className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="cliente">Cliente</Label>
                <Select required>
                  <SelectTrigger id="cliente">
                    <SelectValue placeholder="Selecione o cliente" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="1">João Silva</SelectItem>
                    <SelectItem value="2">Maria Oliveira</SelectItem>
                    <SelectItem value="3">Carlos Santos</SelectItem>
                    <SelectItem value="4">Ana Pereira</SelectItem>
                    <SelectItem value="5">Paulo Costa</SelectItem>
                    <SelectItem value="6">Fernanda Lima</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="space-y-2">
                <Label htmlFor="modalidade">Modalidade de Crédito</Label>
                <Select required>
                  <SelectTrigger id="modalidade">
                    <SelectValue placeholder="Selecione a modalidade" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="1">Crédito com Juros Fixos</SelectItem>
                    <SelectItem value="2">Crédito com Juros Variáveis (IPCA)</SelectItem>
                    <SelectItem value="3">Crédito com Juros Variáveis (TR)</SelectItem>
                    <SelectItem value="4">Crédito Consórcio</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="space-y-2">
                <Label htmlFor="linha">Linha de Financiamento</Label>
                <Select required>
                  <SelectTrigger id="linha">
                    <SelectValue placeholder="Selecione a linha" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="1">Apartamento Novo</SelectItem>
                    <SelectItem value="2">Apartamento Usado</SelectItem>
                    <SelectItem value="3">Aquisição de Terreno e Construção</SelectItem>
                    <SelectItem value="4">Construção em Terreno Próprio</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="valor">Valor do Imóvel (R$)</Label>
                  <Input id="valor" type="number" min="0" step="1000" placeholder="0.00" required />
                </div>

<div className="space-y-2">
                  <Label htmlFor="entrada">Valor da Entrada (R$)</Label>
                  <Input id="entrada" type="number" min="0" step="1000" placeholder="0.00" required />
                </div>
              </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="prazo">Prazo (anos)</Label>
                  <Input id="prazo" type="number" min="1" max="40" placeholder="30" required />
                </div>

<div className="space-y-2">
                  <Label htmlFor="data">Data da Solicitação</Label>
                  <Input id="data" type="date" defaultValue={new Date().toISOString().split("T")[0]} required />
                </div>
              </div>

<div className="space-y-2">
                <Label htmlFor="observacoes">Observações</Label>
                <Input id="observacoes" placeholder="Observações adicionais" />
              </div>
            </div>
          </CardContent>
          <CardFooter className="flex justify-between">
            <Button variant="outline" asChild>
              <Link href="/admin/solicitacoes">Cancelar</Link>
            </Button>
            <Button type="submit">Criar Solicitação</Button>
          </CardFooter>
        </form>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/cliente/layout.tsx"
import type React from "react"
import { MainNav } from "@/components/main-nav"
import { UserNav } from "@/components/user-nav"
import { Building2, CreditCard, Home, LayoutDashboard, User } from "lucide-react"
import Link from "next/link"

export default function ClienteLayout({
  children,
}: {
  children: React.ReactNode
}) {
  const navItems = [
    {
      title: "Dashboard",
      href: "/cliente",
      icon: <LayoutDashboard className="h-4 w-4" />,
    },
    {
      title: "Modalidades",
      href: "/cliente/modalidades",
      icon: <CreditCard className="h-4 w-4" />,
    },
    {
      title: "Linhas",
      href: "/cliente/linhas",
      icon: <Building2 className="h-4 w-4" />,
    },
    {
      title: "Minhas Solicitações",
      href: "/cliente/solicitacoes",
      icon: <Home className="h-4 w-4" />,
    },
    {
      title: "Perfil",
      href: "/cliente/perfil",
      icon: <User className="h-4 w-4" />,
    },
  ]

return (
    <div className="flex min-h-screen flex-col">
      <header className="sticky top-0 z-40 border-b bg-background">
        <div className="container flex h-16 items-center justify-between py-4">
          <div className="flex items-center gap-6">
            <Link href="/" className="font-bold text-xl text-green-600">
              SCI Cliente
            </Link>
            <MainNav items={navItems} />
          </div>
          <UserNav />
        </div>
      </header>
      <main className="flex-1 container py-6">{children}</main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/cliente/page.tsx"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Progress } from "@/components/ui/progress"
import { Building2, CreditCard, Home, Plus } from "lucide-react"
import Link from "next/link"

export default function ClienteDashboard() {
  return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Olá, João Silva</h1>
        <Button asChild>
          <Link href="/cliente/solicitacoes/nova">
            <Plus className="mr-2 h-4 w-4" /> Nova Solicitação
          </Link>
        </Button>
      </div>

<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">Solicitações Ativas</CardTitle>
            <Home className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">2</div>
            <p className="text-xs text-muted-foreground">1 pendente, 1 aprovada</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">Modalidades Disponíveis</CardTitle>
            <CreditCard className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">3</div>
            <p className="text-xs text-muted-foreground">De acordo com seu perfil</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
            <CardTitle className="text-sm font-medium">Linhas de Financiamento</CardTitle>
            <Building2 className="h-4 w-4 text-muted-foreground" />
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">4</div>
            <p className="text-xs text-muted-foreground">Todas disponíveis</p>
          </CardContent>
        </Card>
      </div>

<div className="grid gap-4 md:grid-cols-2">
        <Card className="col-span-1">
          <CardHeader>
            <CardTitle>Solicitações Recentes</CardTitle>
            <CardDescription>Acompanhe o status das suas solicitações</CardDescription>
          </CardHeader>
          <CardContent>
            <div className="space-y-4">
              <div className="space-y-2">
                <div className="flex items-center justify-between">
                  <div className="text-sm font-medium">SOL-001 - Apartamento Novo</div>
                  <div className="text-xs text-yellow-600 font-medium">Pendente</div>
                </div>
                <Progress value={30} className="h-2" />
                <div className="text-xs text-muted-foreground">Solicitado em 15/05/2023 - R$ 350.000,00</div>
              </div>

<div className="space-y-2">
                <div className="flex items-center justify-between">
                  <div className="text-sm font-medium">SOL-002 - Apartamento Usado</div>
                  <div className="text-xs text-green-600 font-medium">Aprovada</div>
                </div>
                <Progress value={100} className="h-2" />
                <div className="text-xs text-muted-foreground">Solicitado em 10/04/2023 - R$ 280.000,00</div>
              </div>
            </div>
          </CardContent>
          <CardFooter>
            <Button variant="outline" asChild className="w-full">
              <Link href="/cliente/solicitacoes">Ver todas as solicitações</Link>
            </Button>
          </CardFooter>
        </Card>

<Card className="col-span-1">
          <CardHeader>
            <CardTitle>Recomendações para Você</CardTitle>
            <CardDescription>Com base no seu perfil</CardDescription>
          </CardHeader>
          <CardContent>
            <div className="space-y-4">
              <div className="rounded-lg border p-3">
                <div className="font-medium">Crédito com Juros Fixos</div>
                <div className="text-sm text-muted-foreground mt-1">Taxa: 5% a.a. • Prazo: até 40 anos</div>
                <div className="text-sm mt-2">
                  <span className="text-green-600 font-medium">Compatível</span> com seu perfil
                </div>
              </div>

<div className="rounded-lg border p-3">
                <div className="font-medium">Crédito com Juros Variáveis (IPCA)</div>
                <div className="text-sm text-muted-foreground mt-1">Taxa: IPCA + 2% a.a. • Prazo: até 30 anos</div>
                <div className="text-sm mt-2">
                  <span className="text-green-600 font-medium">Compatível</span> com seu perfil
                </div>
              </div>
            </div>
          </CardContent>
          <CardFooter>
            <Button variant="outline" asChild className="w-full">
              <Link href="/cliente/modalidades">Ver todas as modalidades</Link>
            </Button>
          </CardFooter>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/cliente/modalidades/page.tsx"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import Link from "next/link"

export default function ModalidadesClientePage() {
  const modalidades = [
    {
      id: 1,
      nome: "Crédito com Juros Fixos",
      idadeMin: 18,
      idadeMax: 25,
      rendaMin: null,
      rendaMax: null,
      taxa: "5% a.a.",
      prazo: "40 anos",
      compativel: true,
    },
    {
      id: 2,
      nome: "Crédito com Juros Variáveis (IPCA)",
      idadeMin: 21,
      idadeMax: 65,
      rendaMin: 5000,
      rendaMax: 15000,
      taxa: "IPCA + 2% a.a.",
      prazo: "30 anos",
      compativel: true,
    },
    {
      id: 3,
      nome: "Crédito com Juros Variáveis (TR)",
      idadeMin: 21,
      idadeMax: 45,
      rendaMin: 5000,
      rendaMax: 15000,
      taxa: "TR + 3% a.a.",
      prazo: "20 anos",
      compativel: true,
    },
    {
      id: 4,
      nome: "Crédito Consórcio",
      idadeMin: 40,
      idadeMax: null,
      rendaMin: null,
      rendaMax: null,
      taxa: "Taxa adm: 20%",
      prazo: "10 anos",
      compativel: false,
    },
  ]

return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Modalidades de Crédito</h1>
      </div>

<div className="flex items-center gap-2">
        <Input placeholder="Buscar modalidade..." className="max-w-sm" />
        <Button variant="outline">Buscar</Button>
      </div>

<Tabs defaultValue="todas" className="space-y-4">
        <TabsList>
          <TabsTrigger value="todas">Todas</TabsTrigger>
          <TabsTrigger value="compativeis">Compatíveis</TabsTrigger>
        </TabsList>

<TabsContent value="todas" className="space-y-4">
          <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
            {modalidades.map((modalidade) => (
              <ModalidadeCard key={modalidade.id} modalidade={modalidade} />
            ))}
          </div>
        </TabsContent>

<TabsContent value="compativeis" className="space-y-4">
          <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
            {modalidades
              .filter((modalidade) => modalidade.compativel)
              .map((modalidade) => (
                <ModalidadeCard key={modalidade.id} modalidade={modalidade} />
              ))}
          </div>
        </TabsContent>
      </Tabs>
    </div>
  )
}

function ModalidadeCard({ modalidade }: { modalidade: any }) {
  return (
    <Card>
      <CardHeader>
        <div className="flex items-start justify-between">
          <CardTitle>{modalidade.nome}</CardTitle>
          {modalidade.compativel ? (
            <span className="px-2 py-1 rounded text-xs font-medium bg-green-100 text-green-800">Compatível</span>
          ) : (
            <span className="px-2 py-1 rounded text-xs font-medium bg-red-100 text-red-800">Incompatível</span>
          )}
        </div>
        <CardDescription>
          Taxa: {modalidade.taxa} • Prazo: {modalidade.prazo}
        </CardDescription>
      </CardHeader>
      <CardContent>
        <div className="space-y-2 text-sm">
          <div className="grid grid-cols-2 gap-2">
            <div>
              <span className="font-medium">Idade:</span> {modalidade.idadeMin}
              {modalidade.idadeMax ? ` a ${modalidade.idadeMax}` : "+"} anos
            </div>
            <div>
              <span className="font-medium">Renda:</span>{" "}
              {modalidade.rendaMin ? `R$ ${modalidade.rendaMin.toLocaleString("pt-BR")}` : "Qualquer"}
              {modalidade.rendaMax ? ` a R$ ${modalidade.rendaMax.toLocaleString("pt-BR")}` : ""}
            </div>
          </div>
          <div className="flex justify-end space-x-2 pt-2">
            <Button variant="outline" size="sm" asChild>
              <Link href={`/cliente/modalidades/${modalidade.id}`}>Detalhes</Link>
            </Button>
            {modalidade.compativel && (
              <Button size="sm" asChild>
                <Link href={`/cliente/solicitacoes/nova?modalidade=${modalidade.id}`}>Solicitar</Link>
              </Button>
            )}
          </div>
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="app/cliente/linhas/page.tsx"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import Link from "next/link"

export default function LinhasClientePage() {
  const linhas = [
    {
      id: 1,
      nome: "Apartamento Novo",
      descricao: "Financiamento para aquisição de apartamentos novos",
      modalidades: ["Todas"],
    },
    {
      id: 2,
      nome: "Apartamento Usado",
      descricao: "Financiamento para aquisição de apartamentos usados",
      modalidades: ["Juros Fixos", "IPCA", "TR"],
    },
    {
      id: 3,
      nome: "Aquisição de Terreno e Construção",
      descricao: "Financiamento para compra de terreno e construção",
      modalidades: ["Todas"],
    },
    {
      id: 4,
      nome: "Construção em Terreno Próprio",
      descricao: "Financiamento para construção em terreno próprio",
      modalidades: ["Juros Fixos", "IPCA", "TR"],
    },
  ]

return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Linhas de Financiamento</h1>
      </div>

<div className="flex items-center gap-2">
        <Input placeholder="Buscar linha..." className="max-w-sm" />
        <Button variant="outline">Buscar</Button>
      </div>

<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
        {linhas.map((linha) => (
          <LinhaCard key={linha.id} linha={linha} />
        ))}
      </div>
    </div>
  )
}

function LinhaCard({ linha }: { linha: any }) {
  return (
    <Card>
      <CardHeader>
        <CardTitle>{linha.nome}</CardTitle>
        <CardDescription>{linha.descricao}</CardDescription>
      </CardHeader>
      <CardContent>
        <div className="space-y-2 text-sm">
          <div>
            <span className="font-medium">Modalidades compatíveis:</span>
            <div className="mt-1 flex flex-wrap gap-1">
              {linha.modalidades.map((modalidade: string) => (
                <span
                  key={modalidade}
                  className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800"
                >
                  {modalidade}
                </span>
              ))}
            </div>
          </div>
          <div className="flex justify-end space-x-2 pt-2">
            <Button variant="outline" size="sm" asChild>
              <Link href={`/cliente/linhas/${linha.id}`}>Detalhes</Link>
            </Button>
            <Button size="sm" asChild>
              <Link href={`/cliente/solicitacoes/nova?linha=${linha.id}`}>Solicitar</Link>
            </Button>
          </div>
        </div>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="app/cliente/solicitacoes/page.tsx"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Plus } from "lucide-react"
import Link from "next/link"

export default function SolicitacoesClientePage() {
  const solicitacoes = [
    {
      id: "SOL-001",
      modalidade: "Juros Fixos",
      linha: "Apartamento Novo",
      valor: 350000,
      data: "2023-05-15",
      status: "pendente",
    },
    {
      id: "SOL-002",
      modalidade: "IPCA",
      linha: "Apartamento Usado",
      valor: 280000,
      data: "2023-04-10",
      status: "aprovada",
    },
  ]

return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h1 className="text-3xl font-bold tracking-tight">Minhas Solicitações</h1>
        <Button asChild>
          <Link href="/cliente/solicitacoes/nova">
            <Plus className="mr-2 h-4 w-4" /> Nova Solicitação
          </Link>
        </Button>
      </div>

<Card>
        <CardHeader>
          <CardTitle>Histórico de Solicitações</CardTitle>
        </CardHeader>
        <CardContent>
          <div className="flex flex-col md:flex-row items-start md:items-center gap-4 mb-6">
            <Select>
              <SelectTrigger className="w-[180px]">
                <SelectValue placeholder="Status" />
              </SelectTrigger>
              <SelectContent>
                <SelectItem value="todos">Todos</SelectItem>
                <SelectItem value="pendente">Pendente</SelectItem>
                <SelectItem value="aprovada">Aprovada</SelectItem>
                <SelectItem value="reprovada">Reprovada</SelectItem>
              </SelectContent>
            </Select>
            <Button variant="outline">Filtrar</Button>
          </div>

<div className="rounded-md border">
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>ID</TableHead>
                  <TableHead>Modalidade</TableHead>
                  <TableHead>Linha</TableHead>
                  <TableHead>Valor</TableHead>
                  <TableHead>Data</TableHead>
                  <TableHead>Status</TableHead>
                  <TableHead className="text-right">Ações</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {solicitacoes.map((solicitacao) => (
                  <TableRow key={solicitacao.id}>
                    <TableCell className="font-medium">{solicitacao.id}</TableCell>
                    <TableCell>{solicitacao.modalidade}</TableCell>
                    <TableCell>{solicitacao.linha}</TableCell>
                    <TableCell>R$ {solicitacao.valor.toLocaleString("pt-BR")}</TableCell>
                    <TableCell>{new Date(solicitacao.data).toLocaleDateString("pt-BR")}</TableCell>
                    <TableCell>
                      <StatusBadge status={solicitacao.status} />
                    </TableCell>
                    <TableCell className="text-right">
                      <Button variant="outline" size="sm" asChild>
                        <Link href={`/cliente/solicitacoes/${solicitacao.id}`}>Detalhes</Link>
                      </Button>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}

const statusMap = {
    pendente: "Pendente",
    aprovada: "Aprovada",
    reprovada: "Reprovada",
  }

import type React from "react"

import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { useToast } from "@/hooks/use-toast"
import { ArrowLeft } from "lucide-react"
import Link from "next/link"
import { useRouter } from "next/navigation"

export default function NovaSolicitacaoClientePage() {
  const { toast } = useToast()
  const router = useRouter()

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    toast({
      title: "Solicitação enviada",
      description: "Sua solicitação de crédito foi enviada com sucesso.",
    })
    router.push("/cliente/solicitacoes")
  }

return (
    <div className="space-y-6">
      <div className="flex items-center">
        <Button variant="ghost" size="sm" asChild className="mr-2">
          <Link href="/cliente/solicitacoes">
            <ArrowLeft className="h-4 w-4 mr-1" /> Voltar
          </Link>
        </Button>
        <h1 className="text-3xl font-bold tracking-tight">Nova Solicitação de Crédito</h1>
      </div>

<Card>
        <form onSubmit={handleSubmit}>
          <CardHeader>
            <CardTitle>Informações da Solicitação</CardTitle>
            <CardDescription>Preencha os dados para solicitar seu crédito imobiliário.</CardDescription>
          </CardHeader>
          <CardContent className="space-y-6">
            <div className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="modalidade">Modalidade de Crédito</Label>
                <Select required>
                  <SelectTrigger id="modalidade">
                    <SelectValue placeholder="Selecione a modalidade" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="1">Crédito com Juros Fixos</SelectItem>
                    <SelectItem value="2">Crédito com Juros Variáveis (IPCA)</SelectItem>
                    <SelectItem value="3">Crédito com Juros Variáveis (TR)</SelectItem>
                  </SelectContent>
                </Select>
              </div>

<div className="space-y-2">
                <Label htmlFor="endereco">Endereço do Imóvel</Label>
                <Input id="endereco" placeholder="Endereço completo do imóvel" required />
              </div>

<div className="space-y-2">
                  <Label htmlFor="estado">Estado</Label>
                  <Input id="estado" placeholder="Estado" required />
                </div>