"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, cardHover, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Avatar, AvatarFallback } from "@/components/ui/avatar" import { Input } from "@/components/ui/input" import { cn } from "@/lib/utils" import { Search, Star, Phone, MapPin, Home } from "lucide-react" const agents = [ { name: "Sarah Mitchell", initials: "SM", title: "Senior Agent", rating: 5, sold: 48, active: 12, area: "Maple Grove" }, { name: "James Rodriguez", initials: "JR", title: "Associate Agent", rating: 4, sold: 32, active: 8, area: "Downtown" }, { name: "Emily Chen", initials: "EC", title: "Luxury Specialist", rating: 5, sold: 24, active: 6, area: "Lake Shore" }, { name: "Michael Thompson", initials: "MT", title: "Commercial Agent", rating: 4, sold: 18, active: 5, area: "Business District" }, { name: "Lisa Park", initials: "LP", title: "Residential Agent", rating: 5, sold: 56, active: 14, area: "Hillcrest" }, { name: "David Wilson", initials: "DW", title: "New Agent", rating: 4, sold: 8, active: 4, area: "Oak Park" }, { name: "Rachel Adams", initials: "RA", title: "Top Producer", rating: 5, sold: 72, active: 18, area: "Maple Grove" }, { name: "Kevin Nguyen", initials: "KN", title: "Investment Specialist", rating: 4, sold: 36, active: 10, area: "Downtown" }, ] export default function AgentDirectory() { return (

Find an Agent

{agents.length} real estate professionals

{agents.map((a) => ( {a.initials}

{a.name}

{a.title}

{[...Array(5)].map((_, i) => ( ))}

{a.sold} sold {a.area}

))}

) }

Agent Directory

Find an Agent

Sarah Mitchell

James Rodriguez

Emily Chen

Michael Thompson

Lisa Park

David Wilson

Rachel Adams

Kevin Nguyen

Find an Agent

Sarah Mitchell

James Rodriguez

Emily Chen

Michael Thompson

Lisa Park

David Wilson

Rachel Adams

Kevin Nguyen