import { n as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { w as ArrowRight } from "../_libs/lucide-react.mjs";
import { a as serviceGroups } 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/ServicesSection-C0RExCfY.js
var import_jsx_runtime = require_jsx_runtime();
function ServicesSection({ detailed = false }) {
	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: "Our Services",
				title: "Logistics services built around your supply chain",
				description: "From road movements and warehousing to international freight and specialized logistics, our service lines cover the full flow of goods.",
				align: "center"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "mt-12 grid gap-6 md:grid-cols-2",
				children: serviceGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
					id: group.id,
					className: "group flex flex-col rounded-lg border border-border bg-background p-7 shadow-sm transition-shadow hover:shadow-lg scroll-mt-24",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "inline-flex h-12 w-12 items-center justify-center rounded-md bg-navy text-gold transition-colors group-hover:bg-gold group-hover:text-navy-deep",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
								name: group.icon,
								className: "h-6 w-6",
								strokeWidth: 1.5
							})
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
							className: "mt-5 text-xl font-bold uppercase tracking-wide text-navy",
							children: group.title
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "mt-3 text-sm leading-relaxed text-muted-foreground",
							children: group.description
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
							className: `mt-5 grid gap-2 ${detailed ? "sm:grid-cols-2" : "sm:grid-cols-2"}`,
							children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
								className: "flex items-start gap-2 text-sm text-navy/85",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
									className: "mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-gold",
									"aria-hidden": "true"
								}), item]
							}, item))
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
							to: "/services",
							hash: group.id,
							className: "mt-6 inline-flex items-center gap-2 text-sm font-semibold text-navy transition-colors hover:text-gold",
							children: ["Learn More", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, {
								className: "h-4 w-4",
								"aria-hidden": "true"
							})]
						})
					]
				}, group.id))
			})]
		})
	});
}
//#endregion
export { ServicesSection as t };