@sonordev/agency-site-kit 0.3.1 → 0.4.1

package/dist/chunk-QDXZ27R7.js

@@ -0,0 +1,33 @@
+'use client';
+
+// src/shared/images.ts
+var SANITY_ASSET_REF = /^image-[A-Za-z0-9]+-\d+x\d+-[a-z0-9]+$/;
+var FILENAME_DIMS = /-(\d{2,5})x(\d{2,5})\.[a-z0-9]+(?:\?.*)?$/i;
+var warnedAboutRefs = false;
+function resolvePortfolioImage(input) {
+  const raw = typeof input === "string" ? input : input?.asset?._ref ?? "";
+  const value = (raw || "").trim();
+  if (!value) return null;
+  if (SANITY_ASSET_REF.test(value)) {
+    if (!warnedAboutRefs && typeof console !== "undefined") {
+      warnedAboutRefs = true;
+      console.warn(
+        "[@sonordev/agency-site-kit] Received a raw Sanity asset ref instead of an image URL \u2014 skipping render. The Sonor API should resolve image refs to cdn.sanity.io URLs before returning portfolio sections."
+      );
+    }
+    return null;
+  }
+  if (!/^https?:\/\//i.test(value) && !value.startsWith("/")) return null;
+  const dims = value.match(FILENAME_DIMS);
+  if (dims) {
+    const width = parseInt(dims[1], 10);
+    const height = parseInt(dims[2], 10);
+    if (width > 0 && height > 0) return { url: value, width, height };
+  }
+  return { url: value };
+}
+
+export {
+  resolvePortfolioImage
+};
+//# sourceMappingURL=chunk-QDXZ27R7.js.map

package/dist/chunk-QDXZ27R7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/images.ts"],"sourcesContent":["/**\n * Portfolio image resolution — single source of truth for turning the mixed\n * image shapes the API sends (plain URL strings, Supabase Storage URLs,\n * Sanity image objects) into something safe to render.\n *\n * IMPORTANT: a raw Sanity asset _ref (`image-{id}-{W}x{H}-{fmt}`) is an asset\n * ID, NOT a URL. Rendering it as `src` issues a garbage relative request\n * against the agency site's origin. Resolving refs to cdn.sanity.io URLs is\n * the API's job (it owns the Sanity project config); this helper refuses refs\n * so a broken image can never render, and warns once so the gap is visible.\n *\n * When a URL carries `-{W}x{H}.{ext}` dimensions (Sanity CDN URLs always do),\n * they're parsed out so callers can give next/image exact intrinsic sizes.\n */\n\nexport interface ResolvedPortfolioImage {\n  url: string;\n  width?: number;\n  height?: number;\n}\n\n/** Raw Sanity asset reference — an ID, not a URL. */\nconst SANITY_ASSET_REF = /^image-[A-Za-z0-9]+-\\d+x\\d+-[a-z0-9]+$/;\n\n/** `…-1200x800.png` (optionally with a query string) → intrinsic dimensions. */\nconst FILENAME_DIMS = /-(\\d{2,5})x(\\d{2,5})\\.[a-z0-9]+(?:\\?.*)?$/i;\n\ninterface SanityImageLike {\n  asset?: { _ref?: string };\n}\n\nlet warnedAboutRefs = false;\n\n/**\n * Resolve a portfolio image input into a renderable URL (+ intrinsic\n * dimensions when they can be derived). Returns null for empty values and\n * for unresolved Sanity refs — callers skip rendering in that case.\n */\nexport function resolvePortfolioImage(\n  input: string | SanityImageLike | null | undefined,\n): ResolvedPortfolioImage | null {\n  const raw =\n    typeof input === 'string' ? input : input?.asset?._ref ?? '';\n  const value = (raw || '').trim();\n  if (!value) return null;\n\n  if (SANITY_ASSET_REF.test(value)) {\n    if (!warnedAboutRefs && typeof console !== 'undefined') {\n      warnedAboutRefs = true;\n      console.warn(\n        '[@sonordev/agency-site-kit] Received a raw Sanity asset ref instead of an ' +\n          'image URL — skipping render. The Sonor API should resolve image refs to ' +\n          'cdn.sanity.io URLs before returning portfolio sections.',\n      );\n    }\n    return null;\n  }\n\n  // Only absolute http(s) URLs or site-rooted paths are renderable.\n  if (!/^https?:\\/\\//i.test(value) && !value.startsWith('/')) return null;\n\n  const dims = value.match(FILENAME_DIMS);\n  if (dims) {\n    const width = parseInt(dims[1], 10);\n    const height = parseInt(dims[2], 10);\n    if (width > 0 && height > 0) return { url: value, width, height };\n  }\n\n  return { url: value };\n}\n"],"mappings":";;;AAsBA,IAAM,mBAAmB;AAGzB,IAAM,gBAAgB;AAMtB,IAAI,kBAAkB;AAOf,SAAS,sBACd,OAC+B;AAC/B,QAAM,MACJ,OAAO,UAAU,WAAW,QAAQ,OAAO,OAAO,QAAQ;AAC5D,QAAM,SAAS,OAAO,IAAI,KAAK;AAC/B,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,iBAAiB,KAAK,KAAK,GAAG;AAChC,QAAI,CAAC,mBAAmB,OAAO,YAAY,aAAa;AACtD,wBAAkB;AAClB,cAAQ;AAAA,QACN;AAAA,MAGF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,gBAAgB,KAAK,KAAK,KAAK,CAAC,MAAM,WAAW,GAAG,EAAG,QAAO;AAEnE,QAAM,OAAO,MAAM,MAAM,aAAa;AACtC,MAAI,MAAM;AACR,UAAM,QAAQ,SAAS,KAAK,CAAC,GAAG,EAAE;AAClC,UAAM,SAAS,SAAS,KAAK,CAAC,GAAG,EAAE;AACnC,QAAI,QAAQ,KAAK,SAAS,EAAG,QAAO,EAAE,KAAK,OAAO,OAAO,OAAO;AAAA,EAClE;AAEA,SAAO,EAAE,KAAK,MAAM;AACtB;","names":[]}

package/dist/chunk-QGSW43TM.cjs

@@ -0,0 +1,538 @@
+'use strict';
+
+var chunkZBPF7TLZ_cjs = require('./chunk-ZBPF7TLZ.cjs');
+var chunkUXUU7FVT_cjs = require('./chunk-UXUU7FVT.cjs');
+var chunk7ZHRMWJU_cjs = require('./chunk-7ZHRMWJU.cjs');
+var dynamic = require('next/dynamic');
+var HeroSection = require('@sonordev/agency-site-kit/portfolio/sections/HeroSection');
+var ChallengesSection = require('@sonordev/agency-site-kit/portfolio/sections/ChallengesSection');
+var ResultsSection = require('@sonordev/agency-site-kit/portfolio/sections/ResultsSection');
+var TechStackSection = require('@sonordev/agency-site-kit/portfolio/sections/TechStackSection');
+var ServicesSection = require('@sonordev/agency-site-kit/portfolio/sections/ServicesSection');
+var TestimonialSection = require('@sonordev/agency-site-kit/portfolio/sections/TestimonialSection');
+var SpeedComparisonSection = require('@sonordev/agency-site-kit/portfolio/sections/SpeedComparisonSection');
+var DesignSystemSection = require('@sonordev/agency-site-kit/portfolio/sections/DesignSystemSection');
+var DetailsSection = require('@sonordev/agency-site-kit/portfolio/sections/DetailsSection');
+var PortfolioAnalytics = require('@sonordev/agency-site-kit/portfolio/components/PortfolioAnalytics');
+var jsxRuntime = require('react/jsx-runtime');
+var ScrollReveal = require('@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal');
+var Image = require('next/image');
+var Link = require('next/link');
+var GlassCard = require('@sonordev/agency-site-kit/portfolio/primitives/GlassCard');
+var client = require('@sonordev/agency-site-kit/portfolio/client');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
+var HeroSection__default = /*#__PURE__*/_interopDefault(HeroSection);
+var ChallengesSection__default = /*#__PURE__*/_interopDefault(ChallengesSection);
+var ResultsSection__default = /*#__PURE__*/_interopDefault(ResultsSection);
+var TechStackSection__default = /*#__PURE__*/_interopDefault(TechStackSection);
+var ServicesSection__default = /*#__PURE__*/_interopDefault(ServicesSection);
+var TestimonialSection__default = /*#__PURE__*/_interopDefault(TestimonialSection);
+var SpeedComparisonSection__default = /*#__PURE__*/_interopDefault(SpeedComparisonSection);
+var DesignSystemSection__default = /*#__PURE__*/_interopDefault(DesignSystemSection);
+var DetailsSection__default = /*#__PURE__*/_interopDefault(DetailsSection);
+var PortfolioAnalytics__default = /*#__PURE__*/_interopDefault(PortfolioAnalytics);
+var ScrollReveal__default = /*#__PURE__*/_interopDefault(ScrollReveal);
+var Image__default = /*#__PURE__*/_interopDefault(Image);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var GlassCard__default = /*#__PURE__*/_interopDefault(GlassCard);
+
+var StrategySection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/StrategySection'), { ssr: true });
+var GallerySection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/GallerySection'), { ssr: true });
+var VideoSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/VideoSection'), { ssr: true });
+var TeamSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/TeamSection'), { ssr: true });
+var FeatureSpotlightSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/FeatureSpotlightSection'), { ssr: true });
+var BeforeAfterSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/BeforeAfterSection'), { ssr: true });
+var MetricsTimelineSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/MetricsTimelineSection'), { ssr: true });
+var ConversionFunnelSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/ConversionFunnelSection'), { ssr: true });
+var PerformanceSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/PerformanceSection'), { ssr: true });
+var SiteArchitectureSection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/SiteArchitectureSection'), { ssr: true });
+var CTASection = dynamic__default.default(() => import('@sonordev/agency-site-kit/portfolio/sections/CTASection'), { ssr: true });
+function renderSection(section, item, index) {
+  const key = `${section.sectionType}-${index}`;
+  switch (section.sectionType) {
+    case "portfolioHero":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        HeroSection__default.default,
+        {
+          data: section.data,
+          screenshots: item.hero_screenshots ?? void 0,
+          liveUrl: item.live_url ?? void 0
+        },
+        key
+      );
+    case "portfolioChallenges":
+      return /* @__PURE__ */ jsxRuntime.jsx(ChallengesSection__default.default, { data: section.data }, key);
+    case "portfolioStrategy":
+      return /* @__PURE__ */ jsxRuntime.jsx(StrategySection, { data: section.data }, key);
+    case "portfolioResults":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ResultsSection__default.default,
+        {
+          data: section.data,
+          metricsDelta: item.metricsDelta,
+          metricsRefreshedAt: item.metrics_last_refreshed_at
+        },
+        key
+      );
+    case "portfolioTechStack":
+      return /* @__PURE__ */ jsxRuntime.jsx(TechStackSection__default.default, { data: section.data }, key);
+    case "portfolioServices":
+      return /* @__PURE__ */ jsxRuntime.jsx(ServicesSection__default.default, { data: section.data }, key);
+    case "portfolioTestimonial":
+      return /* @__PURE__ */ jsxRuntime.jsx(TestimonialSection__default.default, { data: section.data }, key);
+    case "portfolioGallery":
+      return /* @__PURE__ */ jsxRuntime.jsx(GallerySection, { data: section.data }, key);
+    case "portfolioVideo":
+      return /* @__PURE__ */ jsxRuntime.jsx(VideoSection, { data: section.data }, key);
+    case "portfolioTeam":
+      return /* @__PURE__ */ jsxRuntime.jsx(TeamSection, { data: section.data }, key);
+    case "portfolioFeatureSpotlight":
+      return /* @__PURE__ */ jsxRuntime.jsx(FeatureSpotlightSection, { data: section.data }, key);
+    case "portfolioBeforeAfter":
+      return /* @__PURE__ */ jsxRuntime.jsx(BeforeAfterSection, { data: section.data }, key);
+    case "portfolioMetricsTimeline":
+      return /* @__PURE__ */ jsxRuntime.jsx(MetricsTimelineSection, { data: section.data }, key);
+    case "portfolioConversionFunnel":
+      return /* @__PURE__ */ jsxRuntime.jsx(ConversionFunnelSection, { data: section.data }, key);
+    case "portfolioPerformance":
+      return /* @__PURE__ */ jsxRuntime.jsx(PerformanceSection, { data: section.data }, key);
+    case "portfolioSpeedComparison":
+      return /* @__PURE__ */ jsxRuntime.jsx(SpeedComparisonSection__default.default, { data: section.data }, key);
+    case "portfolioSiteArchitecture":
+      return /* @__PURE__ */ jsxRuntime.jsx(SiteArchitectureSection, { data: chunk7ZHRMWJU_cjs.sanitizeSiteArchitectureData(section.data) }, key);
+    case "portfolioDesignSystem":
+      return /* @__PURE__ */ jsxRuntime.jsx(DesignSystemSection__default.default, { data: section.data }, key);
+    case "portfolioDetails":
+      return /* @__PURE__ */ jsxRuntime.jsx(DetailsSection__default.default, { data: section.data }, key);
+    case "portfolioCTA":
+      return /* @__PURE__ */ jsxRuntime.jsx(CTASection, { data: section.data }, key);
+    case "portfolioSeo":
+      return null;
+    default:
+      return null;
+  }
+}
+var SECTION_ORDER = {
+  portfolioHero: 0,
+  portfolioChallenges: 1,
+  portfolioStrategy: 2,
+  portfolioResults: 3,
+  portfolioPerformance: 4,
+  portfolioSpeedComparison: 5,
+  portfolioSiteArchitecture: 6,
+  portfolioTechStack: 7,
+  portfolioDesignSystem: 8,
+  portfolioServices: 9,
+  portfolioBeforeAfter: 10,
+  portfolioTestimonial: 11,
+  portfolioMetricsTimeline: 12,
+  portfolioConversionFunnel: 13,
+  portfolioDetails: 14,
+  portfolioSeo: 15,
+  portfolioCTA: 16
+};
+function PortfolioPage({ item: rawItem }) {
+  const item = chunkUXUU7FVT_cjs.curatePortfolioProof(rawItem);
+  const sortedSections = item.sectionsOrdered ? [...item.sections].sort(
+    (a, b) => (a.sectionType === "portfolioHero" ? 0 : 1) - (b.sectionType === "portfolioHero" ? 0 : 1)
+  ) : [...item.sections].sort(
+    (a, b) => (SECTION_ORDER[a.sectionType] ?? 99) - (SECTION_ORDER[b.sectionType] ?? 99)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "flex w-full min-w-0 max-w-full flex-col overflow-x-clip", children: [
+    sortedSections.map((section, index) => {
+      const rendered = renderSection(section, item, index);
+      if (!rendered) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "w-full",
+          "data-portfolio-section": section.sectionType,
+          children: rendered
+        },
+        `wrapper-${section.sectionType}-${index}`
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(PortfolioAnalytics__default.default, { slug: item.slug })
+  ] });
+}
+function jsonLd(value) {
+  return JSON.stringify(value).replace(/</g, "\\u003c");
+}
+function PortfolioSchema({ item, url, publisher }) {
+  const headline = item.seo?.metaTitle || item.title;
+  const description = item.seo?.metaDescription || item.description;
+  const keywords = [
+    ...item.seo?.keywords ?? [],
+    item.category,
+    ...item.services
+  ].filter(Boolean);
+  const org = publisher ? {
+    "@type": "Organization",
+    name: publisher.name,
+    ...publisher.url ? { url: publisher.url } : {},
+    ...publisher.logo ? { logo: { "@type": "ImageObject", url: publisher.logo } } : {}
+  } : void 0;
+  const schema = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline,
+    ...description ? { description } : {},
+    ...item.hero_image ? { image: [item.hero_image] } : {},
+    url,
+    mainEntityOfPage: { "@type": "WebPage", "@id": url },
+    ...item.published_at ? { datePublished: item.published_at } : {},
+    ...item.metrics_last_refreshed_at || item.published_at ? { dateModified: item.metrics_last_refreshed_at || item.published_at } : {},
+    ...keywords.length ? { keywords: keywords.join(", ") } : {},
+    ...org ? { author: org, publisher: org } : {},
+    ...item.details?.industry ? { about: item.details.industry } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: jsonLd(schema) }
+    }
+  );
+}
+function PortfolioCard({ item, className = "", basePath = "/work" }) {
+  const thumbnailSrc = item.hero_screenshots?.desktop || item.hero_image || (item.project_id ? `/portfolio-previews/${item.slug}.png` : void 0);
+  const kpis = Array.isArray(item.kpis) ? item.kpis : [];
+  const services = Array.isArray(item.services) ? item.services : [];
+  const kpiPreview = chunkUXUU7FVT_cjs.curateHeroKpis(kpis).slice(0, 3);
+  const servicePreview = services.slice(0, 3);
+  return /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: `${basePath}/${item.slug}`, className: `block group ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(GlassCard__default.default, { padding: "sm", hover: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    thumbnailSrc && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "relative w-full overflow-hidden rounded-xl",
+        style: { aspectRatio: "16/10" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Image__default.default,
+            {
+              src: thumbnailSrc,
+              alt: item.hero_image_alt || item.title,
+              fill: true,
+              sizes: "(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw",
+              className: "object-cover object-top transition-transform duration-500 group-hover:scale-105"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold",
+              style: {
+                background: "color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)",
+                color: "#ffffff",
+                backdropFilter: "blur(8px)"
+              },
+              children: chunkZBPF7TLZ_cjs.formatCategoryLabel(item.category)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 px-2 pb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "h3",
+        {
+          className: "text-lg font-semibold line-clamp-1",
+          style: { color: "var(--sk-text-primary, #ffffff)" },
+          children: item.title
+        }
+      ),
+      item.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: "text-sm line-clamp-2",
+          style: { color: "var(--sk-text-tertiary, #71717a)" },
+          children: item.subtitle
+        }
+      ),
+      kpiPreview.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 mt-1", children: kpiPreview.map((kpi, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "text-base font-bold",
+            style: { color: "var(--sk-primary, #6366f1)" },
+            children: [
+              kpi.prefix || "",
+              kpi.value.toLocaleString(),
+              kpi.suffix
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "text-[10px] uppercase tracking-wider font-medium",
+            style: { color: "var(--sk-text-tertiary, #71717a)" },
+            children: kpi.label
+          }
+        )
+      ] }, i)) }),
+      servicePreview.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5 mt-2", children: [
+        servicePreview.map((service) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "px-2.5 py-0.5 rounded-full text-[11px] font-medium",
+            style: {
+              background: "var(--sk-surface, rgba(255,255,255,0.05))",
+              color: "var(--sk-text-secondary, #a1a1aa)",
+              border: "1px solid var(--sk-border, rgba(255,255,255,0.1))"
+            },
+            children: chunkZBPF7TLZ_cjs.formatServiceTag(service)
+          },
+          service
+        )),
+        services.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "px-2.5 py-0.5 rounded-full text-[11px] font-medium",
+            style: {
+              background: "var(--sk-surface, rgba(255,255,255,0.05))",
+              color: "var(--sk-text-tertiary, #71717a)"
+            },
+            children: [
+              "+",
+              item.services.length - 3
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}
+function PortfolioGrid({ items, className = "", basePath = "/work" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ScrollReveal__default.default, { stagger: 0.1, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`,
+      style: {
+        gap: "var(--sk-grid-gap, 24px)"
+      },
+      children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(PortfolioCard, { item, basePath }, item.id))
+    }
+  ) });
+}
+function CategoryLink({
+  href,
+  label,
+  active
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      "aria-current": active ? "page" : void 0,
+      className: "px-4 py-1.5 rounded-full text-sm font-medium transition-colors",
+      style: {
+        background: active ? "color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)" : "var(--sk-surface, rgba(255,255,255,0.05))",
+        color: active ? "var(--sk-primary, #6366f1)" : "var(--sk-text-secondary, #a1a1aa)",
+        border: `1px solid ${active ? "color-mix(in srgb, var(--sk-primary, #6366f1) 25%, transparent)" : "var(--sk-border, rgba(255,255,255,0.1))"}`
+      },
+      children: label
+    }
+  );
+}
+function PageLink({ href, label, disabled }) {
+  if (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-disabled": "true",
+        className: "px-4 py-2 rounded-xl text-sm font-medium opacity-40",
+        style: {
+          background: "var(--sk-surface, rgba(255,255,255,0.05))",
+          color: "var(--sk-text-tertiary, #71717a)",
+          border: "1px solid var(--sk-border, rgba(255,255,255,0.1))"
+        },
+        children: label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      className: "px-4 py-2 rounded-xl text-sm font-medium transition-colors",
+      style: {
+        background: "var(--sk-surface, rgba(255,255,255,0.05))",
+        color: "var(--sk-text-secondary, #a1a1aa)",
+        border: "1px solid var(--sk-border, rgba(255,255,255,0.1))"
+      },
+      children: label
+    }
+  );
+}
+async function PortfolioIndex({
+  basePath = "/work",
+  category = null,
+  page = 1,
+  pageSize = 12,
+  heading,
+  emptyState,
+  showCategories = true,
+  className = ""
+}) {
+  const currentPage = Math.max(1, Math.floor(page));
+  const categories = await chunk7ZHRMWJU_cjs.getPortfolioCategories();
+  const activeCategory = category ? categories.find((c) => chunk7ZHRMWJU_cjs.slugifyCategory(c) === category) ?? null : null;
+  const { items, total } = await chunk7ZHRMWJU_cjs.getPortfolioItems({
+    category: activeCategory ?? void 0,
+    limit: pageSize,
+    offset: (currentPage - 1) * pageSize
+  });
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const pageHref = (p) => {
+    const base = activeCategory ? `${basePath}/category/${chunk7ZHRMWJU_cjs.slugifyCategory(activeCategory)}` : basePath;
+    return p <= 1 ? base : `${base}?page=${p}`;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-6", children: [
+    heading,
+    showCategories && categories.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Portfolio categories", className: "flex flex-wrap gap-2 mb-10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CategoryLink, { href: basePath, label: "All", active: !activeCategory }),
+      categories.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+        CategoryLink,
+        {
+          href: `${basePath}/category/${chunk7ZHRMWJU_cjs.slugifyCategory(c)}`,
+          label: c,
+          active: activeCategory === c
+        },
+        c
+      ))
+    ] }),
+    items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(PortfolioGrid, { items, basePath }) : emptyState ?? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex flex-col items-center gap-3 py-24 rounded-2xl text-center",
+        style: {
+          background: "var(--sk-surface, rgba(255,255,255,0.03))",
+          border: "1px dashed var(--sk-border, rgba(255,255,255,0.1))"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "text-lg font-semibold",
+              style: { color: "var(--sk-text-primary, #ffffff)" },
+              children: "Case studies coming soon"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", style: { color: "var(--sk-text-tertiary, #71717a)" }, children: activeCategory ? `Nothing published in ${activeCategory} yet.` : "We're writing up our latest work right now." })
+        ]
+      }
+    ),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
+      {
+        "aria-label": "Portfolio pages",
+        className: "flex items-center justify-center gap-3 mt-12",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PageLink,
+            {
+              href: pageHref(currentPage - 1),
+              label: "\u2190 Previous",
+              disabled: currentPage <= 1
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", style: { color: "var(--sk-text-tertiary, #71717a)" }, children: [
+            "Page ",
+            currentPage,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PageLink,
+            {
+              href: pageHref(currentPage + 1),
+              label: "Next \u2192",
+              disabled: currentPage >= totalPages
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+var PULSE_CSS = `
+.sk-skeleton{animation:sk-skeleton-pulse 1.6s ease-in-out infinite;background:var(--sk-surface,rgba(255,255,255,0.06));border:1px solid var(--sk-border,rgba(255,255,255,0.08));border-radius:16px}
+@keyframes sk-skeleton-pulse{0%,100%{opacity:.55}50%{opacity:1}}
+@media (prefers-reduced-motion:reduce){.sk-skeleton{animation:none}}
+`;
+function SkeletonStyles() {
+  return /* @__PURE__ */ jsxRuntime.jsx("style", { href: "sk-skeletons", precedence: "default", children: PULSE_CSS });
+}
+function PortfolioIndexSkeleton({ cards = 6 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "w-full py-16", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonStyles, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto px-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-9 w-56 mb-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-5 w-80 mb-10" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: cards }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton w-full", style: { aspectRatio: "16/10" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-5 w-3/4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-4 w-1/2" })
+      ] }, i)) })
+    ] })
+  ] });
+}
+function PortfolioPageSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonStyles, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-6 py-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-start", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-7 w-32", style: { borderRadius: "9999px" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-12 w-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-12 w-4/5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-5 w-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton h-5 w-2/3" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sk-skeleton w-full", style: { aspectRatio: "11/5" } })
+    ] }) })
+  ] });
+}
+
+// src/types.ts
+var PORTFOLIO_SECTION_TYPES = [
+  "portfolioHero",
+  "portfolioChallenges",
+  "portfolioStrategy",
+  "portfolioResults",
+  "portfolioTechStack",
+  "portfolioServices",
+  "portfolioTestimonial",
+  "portfolioGallery",
+  "portfolioVideo",
+  "portfolioTeam",
+  "portfolioFeatureSpotlight",
+  "portfolioBeforeAfter",
+  "portfolioMetricsTimeline",
+  "portfolioConversionFunnel",
+  "portfolioPerformance",
+  "portfolioSpeedComparison",
+  "portfolioSiteArchitecture",
+  "portfolioDesignSystem",
+  "portfolioDetails",
+  "portfolioSeo",
+  "portfolioCTA"
+];
+
+exports.PORTFOLIO_SECTION_TYPES = PORTFOLIO_SECTION_TYPES;
+exports.PortfolioIndex = PortfolioIndex;
+exports.PortfolioIndexSkeleton = PortfolioIndexSkeleton;
+exports.PortfolioPage = PortfolioPage;
+exports.PortfolioPageSkeleton = PortfolioPageSkeleton;
+exports.PortfolioSchema = PortfolioSchema;
+Object.keys(client).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return client[k]; }
+  });
+});
+//# sourceMappingURL=chunk-QGSW43TM.cjs.map
+//# sourceMappingURL=chunk-QGSW43TM.cjs.map