import { jsxs, Fragment, jsx } from "react/jsx-runtime";
import { Link } from "@tanstack/react-router";
import { Truck, Clock, ShieldCheck, Headphones, MapPin, ArrowRight } from "lucide-react";
import { S as SITE, L as LOCATIONS } from "./router-D4ixsMHb.js";
import { h as heroImg } from "./hero-TkSUT3Ve.js";
import "@tanstack/react-query";
import "react";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "clsx";
import "tailwind-merge";
import "cmdk";
import "@radix-ui/react-dialog";
import "@supabase/supabase-js";
import "sonner";
function LocationsIndex() {
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsxs("section", { className: "relative overflow-hidden text-brand-foreground", style: {
      background: "var(--gradient-brand)"
    }, children: [
      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 opacity-30", style: {
        backgroundImage: "radial-gradient(rgba(255,255,255,0.35) 1px, transparent 1px)",
        backgroundSize: "22px 22px"
      } }),
      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute -right-32 -top-32 h-96 w-96 rounded-full", style: {
        background: "radial-gradient(circle, rgba(255,255,255,0.18), transparent 70%)"
      } }),
      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute -bottom-40 -left-32 h-[28rem] w-[28rem] rounded-full", style: {
        background: "radial-gradient(circle, rgba(125,211,252,0.25), transparent 70%)"
      } }),
      /* @__PURE__ */ jsxs("div", { className: "container relative mx-auto grid gap-10 px-4 py-16 md:grid-cols-[1.2fr_0.8fr] md:items-center md:px-6 md:py-24", children: [
        /* @__PURE__ */ jsxs("div", { children: [
          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-xs font-semibold text-white backdrop-blur ring-1 ring-white/20", children: [
            /* @__PURE__ */ jsx(Truck, { className: "h-3.5 w-3.5" }),
            " Areas we deliver"
          ] }),
          /* @__PURE__ */ jsxs("h1", { className: "mt-4 font-display text-4xl font-extrabold leading-[1.05] md:text-6xl", children: [
            "Areas we ",
            /* @__PURE__ */ jsx("span", { className: "text-sky-300", children: "deliver" }),
            " to across Kenya."
          ] }),
          /* @__PURE__ */ jsxs("p", { className: "mt-5 max-w-xl text-base leading-relaxed text-white/85 md:text-lg", children: [
            "Tap any city below to see exactly what ",
            SITE.name,
            " delivers there — dental chairs, instruments, implants and consumables — with local lead times, neighbourhoods covered and pickup options."
          ] }),
          /* @__PURE__ */ jsx("div", { className: "mt-8 grid max-w-md grid-cols-3 gap-3", children: [{
            Icon: Clock,
            label: "24–72h",
            sub: "to most cities"
          }, {
            Icon: ShieldCheck,
            label: "100%",
            sub: "authentic stock"
          }, {
            Icon: Headphones,
            label: "1-hour",
            sub: "quote response"
          }].map(({
            Icon,
            label,
            sub
          }) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-white/15 bg-white/5 p-3 backdrop-blur", children: [
            /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-sky-300" }),
            /* @__PURE__ */ jsx("p", { className: "mt-2 font-display text-lg font-extrabold leading-none", children: label }),
            /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] uppercase tracking-wider text-white/65", children: sub })
          ] }, label)) })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "relative hidden md:block", children: [
          /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded border border-white/15 shadow-2xl", children: [
            /* @__PURE__ */ jsx("img", { src: heroImg, alt: "Aquadent Supplies delivery network across Kenya", className: "aspect-[4/5] w-full object-cover" }),
            /* @__PURE__ */ jsx("div", { className: "absolute inset-0", style: {
              background: "linear-gradient(160deg, rgba(11,44,107,0.55) 0%, rgba(30,144,255,0.25) 60%, rgba(11,44,107,0.7) 100%)"
            } })
          ] }),
          [{
            name: "Nairobi",
            t: "top-6",
            l: "left-6"
          }, {
            name: "Mombasa",
            t: "top-32",
            l: "right-4"
          }, {
            name: "Kisumu",
            t: "bottom-32",
            l: "left-2"
          }, {
            name: "Eldoret",
            t: "bottom-6",
            l: "right-8"
          }].map((p) => /* @__PURE__ */ jsxs("div", { className: `absolute ${p.t} ${p.l} flex items-center gap-2 rounded-full bg-white/95 px-3 py-1.5 text-xs font-semibold text-brand shadow-lg ring-1 ring-black/5`, children: [
            /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
              /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75" }),
              /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-sky-500" })
            ] }),
            p.name
          ] }, p.name))
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("section", { className: "container mx-auto px-4 py-16 md:px-6 md:py-20", children: [
      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-end justify-between gap-4", children: /* @__PURE__ */ jsxs("div", { children: [
        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-full bg-brand-bright/10 px-3 py-1 text-xs font-semibold text-brand-bright", children: [
          /* @__PURE__ */ jsx(MapPin, { className: "h-3.5 w-3.5" }),
          " Areas we deliver"
        ] }),
        /* @__PURE__ */ jsx("h2", { className: "mt-3 font-display text-3xl font-extrabold text-foreground md:text-4xl", children: "Pick your city to see what we deliver" }),
        /* @__PURE__ */ jsx("p", { className: "mt-2 max-w-xl text-sm text-muted-foreground", children: "Each city page lists the dental products we stock and ship there, local delivery windows, neighbourhoods we cover and city-specific FAQs." })
      ] }) }),
      /* @__PURE__ */ jsx("div", { className: "mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-3", children: LOCATIONS.map((l, i) => /* @__PURE__ */ jsxs(Link, { to: "/locations/$city", params: {
        city: l.slug
      }, className: "group relative overflow-hidden rounded border border-border bg-card p-6 shadow-[var(--shadow-card)] transition hover:-translate-y-1 hover:border-brand-bright hover:shadow-[var(--shadow-elevated)]", children: [
        /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute -right-12 -top-12 h-40 w-40 rounded-full opacity-0 transition group-hover:opacity-100", style: {
          background: "radial-gradient(circle, color-mix(in oklab, var(--brand-bright) 28%, transparent), transparent 70%)"
        } }),
        /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between", children: [
          /* @__PURE__ */ jsx("span", { className: "inline-flex h-12 w-12 items-center justify-center rounded text-white shadow-md", style: {
            background: "var(--gradient-brand)"
          }, children: /* @__PURE__ */ jsx(MapPin, { className: "h-5 w-5" }) }),
          /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-surface px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-muted-foreground", children: [
            "0",
            i + 1
          ] })
        ] }),
        /* @__PURE__ */ jsx("h3", { className: "relative mt-5 font-display text-xl font-extrabold text-foreground", children: l.city }),
        /* @__PURE__ */ jsx("p", { className: "relative mt-0.5 text-[11px] font-semibold uppercase tracking-wider text-brand-bright", children: l.region }),
        /* @__PURE__ */ jsxs("p", { className: "relative mt-3 text-sm leading-relaxed text-foreground/75", children: [
          "Serving ",
          l.serving.slice(0, 3).join(", "),
          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: " and more." })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "relative mt-5 flex items-center justify-between border-t border-border pt-4 text-sm font-semibold text-brand-bright", children: [
          "View delivery details",
          /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4 transition group-hover:translate-x-1" })
        ] })
      ] }, l.slug)) })
    ] }),
    /* @__PURE__ */ jsx("section", { className: "container mx-auto px-4 pb-20 md:px-6", children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded px-6 py-10 text-brand-foreground md:px-12 md:py-14", style: {
      background: "var(--gradient-brand)"
    }, children: [
      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 opacity-20", style: {
        backgroundImage: "radial-gradient(rgba(255,255,255,0.6) 1px, transparent 1px)",
        backgroundSize: "18px 18px"
      } }),
      /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-start justify-between gap-6 md:flex-row md:items-center", children: [
        /* @__PURE__ */ jsxs("div", { children: [
          /* @__PURE__ */ jsx("h3", { className: "font-display text-2xl font-extrabold md:text-3xl", children: "Don't see your town?" }),
          /* @__PURE__ */ jsx("p", { className: "mt-2 max-w-xl text-sm text-white/85", children: "We ship to every county in Kenya. Get a tailored quote with delivery estimates to your exact location." })
        ] }),
        /* @__PURE__ */ jsxs(Link, { to: "/quote", className: "inline-flex items-center gap-2 rounded-full bg-white px-6 py-3 text-sm font-bold text-brand shadow-lg transition hover:-translate-y-0.5", children: [
          "Request a quote ",
          /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" })
        ] })
      ] })
    ] }) })
  ] });
}
export {
  LocationsIndex as component
};
