import { Truck, RotateCcw, BadgeCheck, CustomerSupport } from 'lucide-react';

const incentives = [
  { icon: Truck, text: 'จัดส่งฟรี สั่งซื้อ 500฿ ขึ้นไป' },
  { icon: RotateCcw, text: 'คืนสินค้าฟรี ภายใน 7 วัน' },
  { icon: BadgeCheck, text: 'สินค้าคุณภาพ รับประกัน 1 ปี' },
  { icon: CustomerSupport, text: 'ติดต่อ 086-xxx-xxxx' }
];

export default function IncentiveCols() {
  return (
    <section className="py-4 border-b">
      <div className="container mx-auto px-4">
        <div className="flex flex-wrap justify-center gap-6 md:gap-12">
          {incentives.map((item, i) => (
            <div key={i} className="flex items-center gap-2 text-sm text-gray-600">
              <item.icon className="w-4 h-4 text-blue-600" />
              <span>{item.text}</span>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}