"use client" import { useState } from "react" import { motion } from "framer-motion" import { fadeIn, stagger, staggerItem, cardHoverTarget, 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 { Separator } from "@/components/ui/separator" import { MapPin, Phone, Mail, Clock, Users, Building2, ArrowRight, Navigation, Globe } from "lucide-react" interface Office { city: string address: string phone: string email: string hours: string attorneys: number services: string[] isHeadquarters?: boolean } const offices: Office[] = [ { city: "New York, NY", address: "350 Fifth Avenue, Suite 3000, New York, NY 10118", phone: "(212) 555-0100", email: "nyc@nelsonassoc.com", hours: "Mon-Fri 8:30 AM - 6:00 PM", attorneys: 24, services: ["Corporate Law", "Criminal Defense", "Real Estate", "IP Law"], isHeadquarters: true, }, { city: "Los Angeles, CA", address: "515 S Flower St, Suite 1800, Los Angeles, CA 90071", phone: "(310) 555-0200", email: "la@nelsonassoc.com", hours: "Mon-Fri 8:30 AM - 5:30 PM", attorneys: 18, services: ["Family Law", "Employment Law", "Personal Injury"], }, { city: "Chicago, IL", address: "233 S Wacker Dr, Suite 4200, Chicago, IL 60606", phone: "(312) 555-0300", email: "chicago@nelsonassoc.com", hours: "Mon-Fri 9:00 AM - 5:00 PM", attorneys: 15, services: ["Corporate Law", "Real Estate", "Estate Planning"], }, { city: "San Francisco, CA", address: "555 California St, Suite 1500, San Francisco, CA 94104", phone: "(415) 555-0400", email: "sf@nelsonassoc.com", hours: "Mon-Fri 8:30 AM - 5:30 PM", attorneys: 12, services: ["IP Law", "Corporate Law", "Employment Law"], }, { city: "Miami, FL", address: "100 SE 2nd St, Suite 2500, Miami, FL 33131", phone: "(305) 555-0500", email: "miami@nelsonassoc.com", hours: "Mon-Fri 9:00 AM - 6:00 PM", attorneys: 10, services: ["Real Estate", "Immigration Law", "Corporate Law"], }, { city: "Washington, DC", address: "1200 G Street NW, Suite 800, Washington, DC 20005", phone: "(202) 555-0600", email: "dc@nelsonassoc.com", hours: "Mon-Fri 9:00 AM - 5:00 PM", attorneys: 8, services: ["Corporate Law", "Immigration Law", "Criminal Defense"], }, ] export default function OfficeLocations() { const [selected, setSelected] = useState(offices[0].city) return (

Office Locations

Our Offices

Six locations nationwide to serve you.

{offices.map((office) => ( setSelected(office.city)} className={`w-full rounded-xl border p-4 text-left transition-colors ${ selected === office.city ? "border-primary bg-primary/5" : "hover:bg-muted" }`} >

{office.city}

{office.attorneys} attorneys

{office.isHeadquarters && HQ}

))}

{offices.filter((o) => o.city === selected).map((office) => (

{office.city} {office.attorneys} attorneys on staff

Address

{office.address}

Phone

{office.phone}

{office.email}

Hours

{office.hours}

Practice Areas

{office.services.map((s) => ( {s} ))}

))}

) }