import { J as jsxRuntimeExports } from "./server-OKiEnFgZ.js";
import { d as PageShell, P as PageHero, B as Button, L as Link, A as ArrowRight, S as Section, f as SectionHead, a as Check, E as Eyebrow, c as MapPin, C as CTASection } from "./router-DhFPDtNP.js";
const NIGERIA_STATES = [
  "Abia",
  "Abuja FCT",
  "Adamawa",
  "Akwa Ibom",
  "Anambra",
  "Bauchi",
  "Bayelsa",
  "Benue",
  "Borno",
  "Cross River",
  "Delta",
  "Ebonyi",
  "Edo",
  "Ekiti",
  "Enugu",
  "Gombe",
  "Imo",
  "Jigawa",
  "Kaduna",
  "Kano",
  "Katsina",
  "Kebbi",
  "Kogi",
  "Kwara",
  "Lagos",
  "Nasarawa",
  "Niger",
  "Ogun",
  "Ondo",
  "Osun",
  "Oyo",
  "Plateau",
  "Rivers",
  "Sokoto",
  "Taraba",
  "Yobe",
  "Zamfara"
];
function LocationPage({
  eyebrow,
  h1,
  subtitle,
  intro,
  whyChoose,
  subAreas,
  subAreasTitle,
  faqs,
  stats = [
    { k: "8+", v: "Years experience" },
    { k: "200+", v: "Projects delivered" },
    { k: "120+", v: "Happy clients" },
    { k: "5.0", v: "Google rating" }
  ]
}) {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PageShell, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(PageHero, { eyebrow, h1, subtitle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-3", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, size: "lg", className: "h-12 rounded-full bg-gradient-primary px-7 text-white shadow-soft hover:opacity-95", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/contact", children: [
        "Get a Free Quote ",
        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "ml-1 h-4 w-4" })
      ] }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { asChild: true, size: "lg", variant: "outline", className: "h-12 rounded-full border-2 px-7", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/portfolio", children: "See Our Work" }) })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { className: "!pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid items-start gap-12 lg:grid-cols-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-5 text-base leading-relaxed text-ink-soft md:text-lg lg:col-span-7", children: intro }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 gap-4 lg:col-span-5", children: stats.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-3xl border border-border bg-card p-6 text-center shadow-card", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-3xl font-extrabold text-gradient-primary md:text-4xl", children: s.k }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs text-ink-soft", children: s.v })
      ] }, s.v)) })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { className: "!pt-0", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHead, { eyebrow: "Why choose us", title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
        "Why we're the ",
        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gradient-primary", children: "go-to choice" })
      ] }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-10 grid gap-5 md:grid-cols-2 lg:grid-cols-3", children: whyChoose.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-3xl border border-border bg-card p-6 shadow-card transition-all hover:-translate-y-1 hover:shadow-glow", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid h-9 w-9 place-items-center rounded-xl bg-primary-soft text-primary", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-4 w-4" }) }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "mt-4 text-lg", children: w.title }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm leading-relaxed text-ink-soft", children: w.desc })
      ] }, w.title)) })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { className: "!pt-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-3xl border border-border bg-primary-soft/40 p-8 md:p-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(Eyebrow, { children: "Service areas" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-3xl md:text-4xl", children: subAreasTitle }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6 flex flex-wrap gap-2.5", children: subAreas.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "rounded-full border border-primary/15 bg-white px-4 py-2 text-sm font-semibold text-ink shadow-card", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx(MapPin, { className: "mr-1 inline h-3.5 w-3.5 text-primary" }),
        " ",
        a
      ] }, a)) })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsxs(Section, { className: "!pt-0", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(SectionHead, { eyebrow: "FAQs", title: "Got questions? We've got answers" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto mt-8 max-w-3xl space-y-3", children: faqs.map((f, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "group rounded-2xl border border-border bg-card p-5 shadow-card open:shadow-glow", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 font-semibold text-ink", children: [
          f.q,
          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "grid h-7 w-7 shrink-0 place-items-center rounded-full bg-primary-soft text-primary transition-transform group-open:rotate-45", children: "+" })
        ] }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-sm leading-relaxed text-ink-soft", children: f.a })
      ] }, i)) })
    ] }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { className: "!pt-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-3xl border border-border bg-card p-8 shadow-card md:p-12", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsx(Eyebrow, { children: "Nationwide coverage" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-2xl md:text-3xl", children: "Fully managed web design across all 36 states & FCT" }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-ink-soft", children: "Manso Digital delivers professional web design and digital marketing services across every state in Nigeria. Remote-friendly, fully managed — so you can focus on your business." }),
      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6 grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6", children: NIGERIA_STATES.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/contact", className: "rounded-xl border border-border bg-background px-3 py-2 text-center text-xs font-semibold text-ink-soft hover:border-primary/30 hover:text-primary", children: s }, s)) })
    ] }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(CTASection, {})
  ] });
}
export {
  LocationPage as L
};
