import { Container } from "@/components/container";

const industries = ["Retail", "Hospitality", "Logistics", "B2B", "WMS"];

export function LogoCloud() {
  return (
    <section className="bg-white py-10">
      <Container>
        <p className="text-sm font-semibold text-slate-500">Industrije i timovi za koje gradimo</p>
        <div className="mt-5 grid gap-3 sm:grid-cols-5">
          {industries.map((item) => (
            <div
              key={item}
              className="flex h-16 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-sm font-semibold text-slate-500"
            >
              {item}
            </div>
          ))}
        </div>
      </Container>
    </section>
  );
}