import { Phone, Mail, Clock, MapPin } from "lucide-react"

export function QuickContactBar() {
  return (
    <div className="bg-slate-900 text-white py-2 text-sm">
      <div className="container mx-auto px-4 md:px-6">
        <div className="flex flex-wrap items-center justify-between gap-4">
          <div className="flex flex-wrap items-center gap-6">
            <a href="tel:+918796625333" className="flex items-center gap-2 hover:text-teal-400 transition-colors">
              <Phone className="h-4 w-4" />
              <span>{"+91 8796625333"}</span>
            </a>
            <a href="mailto:contact@agmont.in" className="flex items-center gap-2 hover:text-teal-400 transition-colors">
              <Mail className="h-4 w-4" />
              <span>{"contact@agmont.in"}</span>
            </a>
          </div>
          <div className="flex items-center gap-6">
            <div className="flex items-center gap-2 text-slate-300">
              <Clock className="h-4 w-4" />
              <span>{"Mon-Fri: 10AM-6PM | Sat: 10:30AM-4PM"}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}