[V0_FILE]typescriptreact:file="app/page.tsx" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Building, Hammer, Users, Package, ArrowRight } from "lucide-react" export default function Home() { return (

PropManager

Sistema de gestión de inmuebles y mantenimiento

Gestione todos sus inmuebles en un solo lugar

Inmuebles Administre todos sus inmuebles

Registre información detallada de cada propiedad, incluyendo ubicación, características y documentos.

Reparaciones Seguimiento de mantenimiento

Registre todas las reparaciones, con fechas, costos, responsables y estado actual.

Contratistas Directorio de profesionales

Mantenga un registro de todos los contratistas con sus especialidades, contactos y valoraciones.

Repuestos Inventario de materiales

Controle su inventario de repuestos y materiales para reparaciones y mantenimiento.

¿Por qué usar PropManager?

Todo en un solo lugar

Centralice toda la información de sus inmuebles, reparaciones, contratistas y repuestos.

Ahorre tiempo y dinero

Gestione eficientemente el mantenimiento preventivo y correctivo de sus propiedades.

Decisiones informadas

Obtenga reportes y estadísticas para tomar mejores decisiones sobre sus inversiones inmobiliarias.

) } [V0_FILE]typescriptreact:file="components/dashboard-nav.tsx" "use client" import Link from "next/link" import { usePathname } from "next/navigation" import { Building, Hammer, Users, Package, Home } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" const navItems = [ { title: "Inicio", href: "/dashboard", icon: Home, }, { title: "Inmuebles", href: "/dashboard/properties", icon: Building, }, { title: "Reparaciones", href: "/dashboard/repairs", icon: Hammer, }, { title: "Contratistas", href: "/dashboard/contractors", icon: Users, }, { title: "Repuestos", href: "/dashboard/parts", icon: Package, }, ] export function DashboardNav() { const pathname = usePathname() return ( ) } [V0_FILE]typescriptreact:file="app/dashboard/layout.tsx" import type React from "react" import { DashboardNav } from "@/components/dashboard-nav" export default function DashboardLayout({ children, }: { children: React.ReactNode }) { return (

PropManager

{children}

) } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Building, Hammer, Users, Package, AlertCircle } from "lucide-react" export default function DashboardPage() { return (

Panel de Control

Resumen de sus inmuebles y actividades de mantenimiento

Total Inmuebles

+2 desde el mes pasado

Reparaciones Pendientes

-3 desde la semana pasada

Contratistas Activos

+4 desde el mes pasado

Repuestos en Inventario

142

-12 desde el mes pasado

Reparaciones Urgentes Reparaciones que requieren atención inmediata

Fuga de agua en baño principal

Apartamento 3B - Edificio Norte

Calentador averiado

Casa 15 - Urbanización Este

Problema eléctrico

Local 7 - Centro Comercial

Próximos Mantenimientos Mantenimientos programados para los próximos días

Revisión de aire acondicionado

15/04

Oficina 12 - Edificio Corporativo

Mantenimiento de jardín

18/04

Residencial Las Palmas

Limpieza de canaletas

22/04

Casa 8 - Urbanización Oeste

) } [V0_FILE]typescriptreact:file="app/dashboard/properties/page.tsx" import Image from "next/image" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter } from "@/components/ui/card" import { Plus, Edit, Trash2 } from "lucide-react" export default function PropertiesPage() { // Datos de ejemplo const properties = [ { id: 1, name: "Apartamento 3B", location: "Edificio Norte, Calle Principal 123", type: "Apartamento", area: "85m²", status: "Ocupado", }, { id: 2, name: "Casa 15", location: "Urbanización Este, Av. Central 456", type: "Casa", area: "150m²", status: "Disponible", }, { id: 3, name: "Local 7", location: "Centro Comercial Plaza, Local 7", type: "Comercial", area: "65m²", status: "Ocupado", }, { id: 4, name: "Oficina 12", location: "Edificio Corporativo, Piso 3", type: "Oficina", area: "120m²", status: "Ocupado", }, { id: 5, name: "Casa 8", location: "Urbanización Oeste, Calle 789", type: "Casa", area: "180m²", status: "En renovación", }, { id: 6, name: "Apartamento 5A", location: "Residencial Las Palmas, Torre 2", type: "Apartamento", area: "95m²", status: "Disponible", }, ] return (

Inmuebles

Gestione todos sus inmuebles desde aquí

{properties.map((property) => (

{property.name}

{property.location}

Tipo: {property.type}

Área: {property.area}

Estado:{" "} {property.status}

))}

) } [V0_FILE]typescriptreact:file="app/dashboard/repairs/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Plus, Filter, ArrowUpDown } from "lucide-react" export default function RepairsPage() { // Datos de ejemplo const repairs = [ { id: 1, title: "Fuga de agua en baño principal", property: "Apartamento 3B - Edificio Norte", date: "10/04/2025", status: "Pendiente", priority: "Alta", contractor: "Plomería Rápida", cost: "$350", }, { id: 2, title: "Calentador averiado", property: "Casa 15 - Urbanización Este", date: "12/04/2025", status: "Programada", priority: "Alta", contractor: "Servicios Técnicos ABC", cost: "$520", }, { id: 3, title: "Problema eléctrico", property: "Local 7 - Centro Comercial", date: "08/04/2025", status: "En progreso", priority: "Alta", contractor: "Electricistas Unidos", cost: "$280", }, { id: 4, title: "Pintura de paredes", property: "Oficina 12 - Edificio Corporativo", date: "25/04/2025", status: "Programada", priority: "Media", contractor: "Pinturas Profesionales", cost: "$650", }, { id: 5, title: "Reparación de puerta", property: "Casa 8 - Urbanización Oeste", date: "05/04/2025", status: "Completada", priority: "Baja", contractor: "Carpintería Moderna", cost: "$180", }, ] return (

Reparaciones

Gestione todas las reparaciones y mantenimientos

Todas Pendientes En progreso Completadas

{repairs.map((repair) => (

{repair.title} {repair.status}

Inmueble

{repair.property}

Fecha

{repair.date}

Prioridad

{repair.priority}

Contratista

{repair.contractor}

Costo estimado

{repair.cost}

))}

) } [V0_FILE]typescriptreact:file="app/dashboard/contractors/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Avatar, AvatarFallback } from "@/components/ui/avatar" import { Badge } from "@/components/ui/badge" import { Plus, Phone, Mail, Star } from "lucide-react" export default function ContractorsPage() { // Datos de ejemplo const contractors = [ { id: 1, name: "Plomería Rápida", contact: "Juan Pérez", phone: "+1 234 567 8901", email: "juan@plomeriarapida.com", specialties: ["Plomería", "Fontanería", "Desagües"], rating: 4.8, }, { id: 2, name: "Servicios Técnicos ABC", contact: "María Rodríguez", phone: "+1 234 567 8902", email: "maria@serviciosabccom", specialties: ["Calefacción", "Aire acondicionado", "Electrodomésticos"], rating: 4.5, }, { id: 3, name: "Electricistas Unidos", contact: "Carlos Gómez", phone: "+1 234 567 8903", email: "carlos@electricistasunidos.com", specialties: ["Instalaciones eléctricas", "Iluminación", "Reparaciones"], rating: 4.9, }, { id: 4, name: "Pinturas Profesionales", contact: "Ana Martínez", phone: "+1 234 567 8904", email: "ana@pinturaspro.com", specialties: ["Pintura interior", "Pintura exterior", "Decoración"], rating: 4.7, }, { id: 5, name: "Carpintería Moderna", contact: "Roberto Sánchez", phone: "+1 234 567 8905", email: "roberto@carpinteriamoderna.com", specialties: ["Muebles", "Puertas", "Reparaciones"], rating: 4.6, }, ] return (

Contratistas

Gestione su directorio de contratistas y profesionales

{contractors.map((contractor) => (

{contractor.name.substring(0, 2).toUpperCase()}

{contractor.name}

Contacto: {contractor.contact}

{contractor.rating}

{contractor.phone}

{contractor.email}

Especialidades:

{contractor.specialties.map((specialty, index) => ( {specialty} ))}

))}

) } [V0_FILE]typescriptreact:file="app/dashboard/parts/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Plus, Search, Package } from "lucide-react" export default function PartsPage() { // Datos de ejemplo const parts = [ { id: 1, name: "Grifo de baño", category: "Plomería", quantity: 8, location: "Almacén Central", price: "$45.99", status: "En stock", }, { id: 2, name: "Interruptor de luz", category: "Eléctrico", quantity: 24, location: "Almacén Central", price: "$12.50", status: "En stock", }, { id: 3, name: "Filtro de aire acondicionado", category: "Climatización", quantity: 3, location: "Almacén Este", price: "$35.75", status: "Bajo stock", }, { id: 4, name: "Cerradura de puerta", category: "Seguridad", quantity: 6, location: "Almacén Central", price: "$78.25", status: "En stock", }, { id: 5, name: "Válvula de calentador", category: "Climatización", quantity: 0, location: "Almacén Este", price: "$125.00", status: "Sin stock", }, { id: 6, name: "Pintura blanca (galón)", category: "Pintura", quantity: 12, location: "Almacén Oeste", price: "$32.99", status: "En stock", }, ] return (

Repuestos

Gestione su inventario de repuestos y materiales

{parts.map((part) => (

{part.name}

{part.status}

Categoría

{part.category}

Cantidad

{part.quantity} unidades

Ubicación

{part.location}

Precio unitario

{part.price}

))}

) } [V0_FILE]typescriptreact:file="lib/utils.ts" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This