Files
thermcool/components/sections/AdvantagesBar.tsx
T

27 lines
947 B
TypeScript

import { CheckCircle2, Zap, ShieldCheck, Banknote } from "lucide-react";
export function AdvantagesBar() {
const advantages = [
{ icon: Zap, text: "Szybki termin realizacji" },
{ icon: ShieldCheck, text: "Gwarancja na sprzęt i montaż" },
{ icon: CheckCircle2, text: "Uprawnienia F-gaz" },
];
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 md:justify-start 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>
);
}