import { J as jsxRuntimeExports } from "./server-OKiEnFgZ.js";
import { d as PageShell, P as PageHero, S as Section, p as posts, L as Link, A as ArrowRight, C as CTASection } from "./router-DhFPDtNP.js";
import { C as Clock } from "./clock-BmwuxCuF.js";
import "node:async_hooks";
import "node:stream/web";
import "node:stream";
function BlogPage() {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PageShell, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(PageHero, { eyebrow: "Insights", h1: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
      "Web design, SEO & marketing insights for ",
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gradient-primary", children: "Lagos businesses" })
    ] }), subtitle: "Practical playbooks and how-tos to help Nigerian businesses win more customers online." }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { className: "!pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: posts.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/blog/$slug", params: {
      slug: p.slug
    }, className: "group overflow-hidden rounded-3xl border border-border bg-card shadow-card transition-all hover:-translate-y-1 hover:shadow-glow", children: [
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative aspect-[16/10] overflow-hidden bg-muted", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: p.image, alt: `${p.title} — Manso Digital, a digital marketing agency in Lagos`, loading: "lazy", className: "h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.03]" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-4 top-4 rounded-full bg-white/95 px-3 py-1 text-xs font-bold text-ink shadow-card", children: p.cat })
      ] }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-6", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg leading-snug", children: p.title }),
        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 flex items-center justify-between text-sm", children: [
          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
            /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "h-3.5 w-3.5" }),
            " ",
            p.read
          ] }),
          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 font-semibold text-primary", children: [
            "Read ",
            /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
          ] })
        ] })
      ] })
    ] }, p.slug)) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(CTASection, { title: "Need help applying these to your business?", description: "Book a free strategy call with our Lagos team." })
  ] });
}
export {
  BlogPage as component
};
