import { n as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { t as PageHero } from "./PageHero-JlNjeanC.mjs";
import { t as hero1_default } from "./hero1-B6ZL9Cko.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/booking-Bk7aGvC4.js
var import_jsx_runtime = require_jsx_runtime();
function BookingPage() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHero, {
		title: "Book Shipment",
		subtitle: "Enter your shipment details and submit a booking request to our logistics team.",
		image: hero1_default,
		breadcrumb: "Book Shipment"
	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
		className: "bg-surface py-12 sm:py-16",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mx-auto max-w-5xl px-6",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mb-10 text-center",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-xs font-semibold uppercase tracking-[0.22em] text-gold",
						children: "Online Booking"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
						className: "mt-3 text-3xl font-bold text-navy sm:text-4xl",
						children: "Book a Shipment"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "gold-rule mx-auto mt-4",
						"aria-hidden": "true"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mx-auto mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground",
						children: "Enter your pickup, delivery and shipment details below. Our team will review the request and contact you for confirmation."
					})
				]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
				onSubmit: (event) => event.preventDefault(),
				className: "rounded-lg border border-border bg-background p-6 shadow-sm sm:p-8",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
						className: "text-xl font-bold text-navy",
						children: "Consignor Details"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "mt-5 grid gap-5 md:grid-cols-2",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consignorName",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Consignor Name"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consignorName",
								name: "consignorName",
								type: "text",
								placeholder: "Enter consignor name",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consignorPhone",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Mobile Number"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consignorPhone",
								name: "consignorPhone",
								type: "tel",
								placeholder: "Enter mobile number",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consignorEmail",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Email Address"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consignorEmail",
								name: "consignorEmail",
								type: "email",
								placeholder: "Enter email address",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consignorGst",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "GST Number"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consignorGst",
								name: "consignorGst",
								type: "text",
								placeholder: "Enter GST number",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm uppercase outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "pickupPincode",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Pickup Pincode"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "pickupPincode",
								name: "pickupPincode",
								type: "text",
								inputMode: "numeric",
								maxLength: 6,
								placeholder: "Enter 6-digit pincode",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "md:col-span-2",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
									htmlFor: "pickupAddress",
									className: "mb-2 block text-sm font-semibold text-navy",
									children: "Pickup Address"
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
									id: "pickupAddress",
									name: "pickupAddress",
									rows: 3,
									placeholder: "Enter complete pickup address",
									className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
								})]
							})
						]
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-10 border-t border-border" }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
						className: "text-xl font-bold text-navy",
						children: "Consignee Details"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "mt-5 grid gap-5 md:grid-cols-2",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consigneeName",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Consignee Name"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consigneeName",
								name: "consigneeName",
								type: "text",
								placeholder: "Enter consignee name",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consigneePhone",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Mobile Number"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consigneePhone",
								name: "consigneePhone",
								type: "tel",
								placeholder: "Enter mobile number",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "consigneeGst",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "GST Number"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "consigneeGst",
								name: "consigneeGst",
								type: "text",
								placeholder: "Enter GST number",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm uppercase outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "deliveryPincode",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Delivery Pincode"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "deliveryPincode",
								name: "deliveryPincode",
								type: "text",
								inputMode: "numeric",
								maxLength: 6,
								placeholder: "Enter 6-digit pincode",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "md:col-span-2",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
									htmlFor: "deliveryAddress",
									className: "mb-2 block text-sm font-semibold text-navy",
									children: "Delivery Address"
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
									id: "deliveryAddress",
									name: "deliveryAddress",
									rows: 3,
									placeholder: "Enter complete delivery address",
									className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
								})]
							})
						]
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-10 border-t border-border" }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
						className: "text-xl font-bold text-navy",
						children: "Shipment Details"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "mt-5 grid gap-5 md:grid-cols-2",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "serviceType",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Service Type"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
								id: "serviceType",
								name: "serviceType",
								defaultValue: "",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold",
								children: [
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "",
										disabled: true,
										children: "Select service"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "domestic-courier",
										children: "Domestic Courier"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "ptl",
										children: "PTL Services"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "ftl",
										children: "FTL Services"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "international-courier",
										children: "International Courier"
									})
								]
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "packageType",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Package Type"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
								id: "packageType",
								name: "packageType",
								defaultValue: "",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold",
								children: [
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "",
										disabled: true,
										children: "Select package type"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "document",
										children: "Document"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "parcel",
										children: "Parcel"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "box",
										children: "Box"
									}),
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
										value: "cargo",
										children: "Cargo"
									})
								]
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "weight",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Weight"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "weight",
								name: "weight",
								type: "number",
								min: "0",
								step: "0.1",
								placeholder: "Weight in kg",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "packages",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Number of Packages"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "packages",
								name: "packages",
								type: "number",
								min: "1",
								placeholder: "Enter number of packages",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "dimensions",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Dimensions"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "dimensions",
								name: "dimensions",
								type: "text",
								placeholder: "Example: 50 × 40 × 30 cm",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "pickupDate",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Pickup Date"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "pickupDate",
								name: "pickupDate",
								type: "date",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "md:col-span-2",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
									htmlFor: "materialDescription",
									className: "mb-2 block text-sm font-semibold text-navy",
									children: "Material Description"
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
									id: "materialDescription",
									name: "materialDescription",
									rows: 3,
									placeholder: "Describe the material or goods being shipped",
									className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
								})]
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "ewayBill",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "E-Way Bill Number"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "ewayBill",
								name: "ewayBill",
								type: "text",
								placeholder: "Enter E-Way Bill number",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] }),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
								htmlFor: "specialInstructions",
								className: "mb-2 block text-sm font-semibold text-navy",
								children: "Special Instructions"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
								id: "specialInstructions",
								name: "specialInstructions",
								type: "text",
								placeholder: "Optional",
								className: "w-full rounded-md border border-border bg-background px-4 py-3 text-sm outline-none transition focus:border-gold"
							})] })
						]
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "mt-10 border-t border-border pt-8 text-center",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "mb-5 text-sm text-muted-foreground",
							children: "Please review your shipment details before submitting the booking request."
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
							type: "submit",
							className: "rounded-md bg-gold px-8 py-3 text-sm font-semibold text-navy-deep transition-colors hover:bg-gold-soft",
							children: "Submit Booking Request"
						})]
					})
				]
			})]
		})
	})] });
}
//#endregion
export { BookingPage as component };