import { J as jsxRuntimeExports } from "./server-OKiEnFgZ.js";
import { d as PageShell, P as PageHero, S as Section, C as CTASection } from "./router-DhFPDtNP.js";
import { s as sanieldan, b as gamatTravels, g as gamatCargo, a as gamatProperties } from "./portfolio-gamat-properties-lagos-szDKqWCu.js";
import "node:async_hooks";
import "node:stream/web";
import "node:stream";
const projects = [{
  title: "Sanieldan Properties — Real Estate Website, Lagos",
  tag: "Real Estate · Lagos",
  image: sanieldan,
  alt: "Real estate website design in Lagos Nigeria — Sanieldan Properties"
}, {
  title: "Gamat Travels — Visa & Travel Agency Website, Nigeria",
  tag: "Travel · Nigeria",
  image: gamatTravels,
  alt: "Travel website design in Nigeria — Gamat Travels"
}, {
  title: "Gamat Cargo Services — Logistics Website, Nigeria",
  tag: "Logistics · Nigeria",
  image: gamatCargo,
  alt: "Cargo website design in Nigeria — Gamat Cargo Services"
}, {
  title: "Gamat Properties — Real Estate Website, Lagos",
  tag: "Real Estate · Lagos",
  image: gamatProperties,
  alt: "Real estate website design in Lagos Nigeria — Gamat Properties"
}];
function PortfolioPage() {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PageShell, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(PageHero, { eyebrow: "Selected work", h1: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
      "Premium digital work from our ",
      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gradient-primary", children: "Lagos studio" })
    ] }), subtitle: "A snapshot of websites, ecommerce stores, SEO campaigns and brand systems we've built for clients across Lagos and Nigeria." }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(Section, { className: "!pt-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-8 md:grid-cols-2", children: projects.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { 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.jsx("div", { className: "aspect-[4/3] overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: p.image, alt: p.alt, loading: "lazy", className: "h-full w-full object-cover object-top transition-transform duration-500 group-hover:scale-[1.03]" }) }),
      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-6 md:p-7", children: [
        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-primary", children: p.tag }),
        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mt-2 text-xl md:text-2xl", children: p.title })
      ] })
    ] }, p.title)) }) }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(CTASection, { title: "Your project could be next.", description: "Let's craft a website that wins customers in Lagos and beyond." })
  ] });
}
export {
  PortfolioPage as component
};
