import { CheckCircle2, Zap, ShieldCheck } from "lucide-react";

export function AdvantagesBar() {
  const advantages = [
    { icon: Zap, text: "Certyfikat F-Gaz" },
    { icon: ShieldCheck, text: "Gwarancja na sprzęt i montaż" },
    { icon: CheckCircle2, text: "Bezpłatna wycena w 24h" },
  ];

  return (
    <div className="bg-primary text-primary-foreground py-6 border-y border-border/10">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6">
          {advantages.map((adv, idx) => (
            <div key={idx} className="flex items-center justify-center gap-3">
              <adv.icon className="size-5 text-accent shrink-0" />
              <span className="text-sm font-medium leading-tight">
                {adv.text}
              </span>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}