import { n as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { n as industries } from "./router-eHxkqfmM.mjs";
import { n as SectionHeading } from "./QuoteCTA-BzP_2twX.mjs";
import { t as Icon } from "./Icon-CaGrdLqe.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/IndustriesSection-C2mukkMG.js
var import_jsx_runtime = require_jsx_runtime();
function IndustriesSection() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
		className: "section-pad bg-surface",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mx-auto max-w-7xl px-6",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SectionHeading, {
				eyebrow: "Industries",
				title: "Industries We Serve",
				description: "Logistics requirements differ by sector. Our services are adapted to the handling, timing and documentation needs of each industry we support.",
				align: "center"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
				className: "mt-12 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
				children: industries.map((industry) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
					className: "flex flex-col items-center gap-3 rounded-lg border border-border bg-background p-6 text-center transition-colors hover:border-gold",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
						name: industry.icon,
						className: "h-7 w-7 text-navy",
						strokeWidth: 1.5
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "text-sm font-semibold text-navy",
						children: industry.title
					})]
				}, industry.title))
			})]
		})
	});
}
//#endregion
export { IndustriesSection as t };