import { ShieldCheck, Clock, CalendarCheck, Headphones } from 'lucide-react'

const badges = [
  { icon: ShieldCheck, text: 'Secure Payment' },
  { icon: Clock, text: '7-Day Delivery' },
  { icon: CalendarCheck, text: 'Cancel Anytime' },
  { icon: Headphones, text: '24/7 Support' },
]

export function TrustBadges() {
  return (
    <div className="flex flex-wrap justify-center gap-8 mt-12">
      {badges.map((badge, index) => (
        <div key={index} className="flex items-center gap-2 text-sm text-muted-foreground">
          <badge.icon className="w-5 h-5 text-primary" />
          <span>{badge.text}</span>
        </div>
      ))}
    </div>
  )
}
