@sonordev/agency-site-kit 0.3.1 → 0.4.1

package/dist/VideoSection-G3DFS7UH.cjs

@@ -1,118 +0,0 @@
-'use strict';
-
-var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
-var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function getEmbedUrl(data) {
-  if (data.embedUrl) return data.embedUrl;
-  if (!data.url) return "";
-  const ytMatch = data.url.match(
-    /(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
-  );
-  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;
-  const vimeoMatch = data.url.match(/vimeo\.com\/(\d+)/);
-  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;
-  return data.url;
-}
-function VideoSection({ data }) {
-  const [playing, setPlaying] = react.useState(false);
-  const thumbnailUrl = data.thumbnail?.asset?._ref || "";
-  const embedUrl = getEmbedUrl(data);
-  const handlePlay = react.useCallback(() => {
-    if (embedUrl) setPlaying(true);
-  }, [embedUrl]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "section",
-    {
-      className: "w-full py-20 md:py-28",
-      style: { background: "var(--sk-bg, #0a0a0a)" },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-5xl mx-auto px-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "h2",
-          {
-            className: "text-3xl md:text-4xl font-bold mb-4",
-            style: {
-              color: "var(--sk-text-primary, #ffffff)",
-              fontFamily: "var(--sk-font-heading, inherit)"
-            },
-            children: data.title
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 40, delay: 0.15, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "sm", hover: false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-hidden rounded-xl", style: { aspectRatio: "16/9" }, children: playing ? /* @__PURE__ */ jsxRuntime.jsx(
-          "iframe",
-          {
-            src: embedUrl,
-            className: "absolute inset-0 w-full h-full",
-            allow: "autoplay; fullscreen; picture-in-picture",
-            allowFullScreen: true,
-            title: data.title,
-            style: { border: "none" }
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handlePlay,
-            className: "absolute inset-0 w-full h-full group cursor-pointer",
-            "aria-label": `Play ${data.title}`,
-            children: [
-              thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  src: thumbnailUrl,
-                  alt: data.title,
-                  className: "w-full h-full object-cover"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "absolute inset-0 transition-opacity duration-300 group-hover:opacity-60",
-                  style: { background: "rgba(0,0,0,0.4)", opacity: 0.5 }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110",
-                  style: {
-                    background: "var(--sk-primary, #6366f1)",
-                    boxShadow: "0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)"
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      width: "32",
-                      height: "32",
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8l14 8-14 8V8z", fill: "#ffffff" })
-                    }
-                  )
-                }
-              ) }),
-              data.duration && /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium",
-                  style: {
-                    background: "rgba(0,0,0,0.6)",
-                    color: "#ffffff",
-                    backdropFilter: "blur(4px)"
-                  },
-                  children: data.duration
-                }
-              )
-            ]
-          }
-        ) }) }) })
-      ] })
-    }
-  );
-}
-
-module.exports = VideoSection;
-//# sourceMappingURL=VideoSection-G3DFS7UH.cjs.map
-//# sourceMappingURL=VideoSection-G3DFS7UH.cjs.map

package/dist/VideoSection-G3DFS7UH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/sections/VideoSection.tsx"],"names":["useState","useCallback","jsx","jsxs","ScrollReveal","GlassCard"],"mappings":";;;;;;;AAWA,SAAS,YAAY,IAAA,EAAkC;AACrD,EAAA,IAAI,IAAA,CAAK,QAAA,EAAU,OAAO,IAAA,CAAK,QAAA;AAC/B,EAAA,IAAI,CAAC,IAAA,CAAK,GAAA,EAAK,OAAO,EAAA;AAGtB,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,KAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAA,IAAI,OAAA,EAAS,OAAO,CAAA,8BAAA,EAAiC,OAAA,CAAQ,CAAC,CAAC,CAAA,WAAA,CAAA;AAG/D,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,mBAAmB,CAAA;AACrD,EAAA,IAAI,UAAA,EAAY,OAAO,CAAA,+BAAA,EAAkC,UAAA,CAAW,CAAC,CAAC,CAAA,WAAA,CAAA;AAEtE,EAAA,OAAO,IAAA,CAAK,GAAA;AACd;AAEe,SAAR,YAAA,CAA8B,EAAE,IAAA,EAAK,EAAsB;AAChE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,EAAW,KAAA,EAAO,IAAA,IAAQ,EAAA;AACpD,EAAA,MAAM,QAAA,GAAW,YAAY,IAAI,CAAA;AAEjC,EAAA,MAAM,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAA,IAAI,QAAA,aAAqB,IAAI,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,uBACEC,cAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uBAAA;AAAA,MACV,KAAA,EAAO,EAAE,UAAA,EAAY,uBAAA,EAAwB;AAAA,MAE7C,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACE,8BAAA,EAAA,EAAa,GAAG,EAAA,EACf,QAAA,kBAAAF,cAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,iCAAA;AAAA,cACP,UAAA,EAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,SACR,EACF,CAAA;AAAA,wBAEAA,cAAA,CAACE,kCAAa,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAC1B,QAAA,kBAAAF,cAAA,CAACG,+BAAU,OAAA,EAAQ,IAAA,EAAK,OAAO,KAAA,EAC7B,QAAA,kBAAAH,cAAA,CAAC,SAAI,SAAA,EAAU,4CAAA,EAA6C,OAAO,EAAE,WAAA,EAAa,MAAA,EAAO,EACtF,QAAA,EAAA,OAAA,mBACCA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,gCAAA;AAAA,YACV,KAAA,EAAM,0CAAA;AAAA,YACN,eAAA,EAAe,IAAA;AAAA,YACf,OAAO,IAAA,CAAK,KAAA;AAAA,YACZ,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAA;AAAO;AAAA,SAC1B,mBAEAC,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,UAAA;AAAA,YACT,SAAA,EAAU,qDAAA;AAAA,YACV,YAAA,EAAY,CAAA,KAAA,EAAQ,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,YAG7B,QAAA,EAAA;AAAA,cAAA,YAAA,oBACCD,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,GAAA,EAAK,YAAA;AAAA,kBACL,KAAK,IAAA,CAAK,KAAA;AAAA,kBACV,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BAIFA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,yEAAA;AAAA,kBACV,KAAA,EAAO,EAAE,UAAA,EAAY,iBAAA,EAAmB,SAAS,GAAA;AAAI;AAAA,eACvD;AAAA,8BAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,iHAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,4BAAA;AAAA,oBACZ,SAAA,EAAW;AAAA,mBACb;AAAA,kBAEA,QAAA,kBAAAA,cAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAM,IAAA;AAAA,sBACN,MAAA,EAAO,IAAA;AAAA,sBACP,OAAA,EAAQ,WAAA;AAAA,sBACR,IAAA,EAAK,MAAA;AAAA,sBACL,KAAA,EAAM,4BAAA;AAAA,sBAEN,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB,MAAK,SAAA,EAAU;AAAA;AAAA;AAC9C;AAAA,eACF,EACF,CAAA;AAAA,cAGC,KAAK,QAAA,oBACJA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,oEAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,iBAAA;AAAA,oBACZ,KAAA,EAAO,SAAA;AAAA,oBACP,cAAA,EAAgB;AAAA,mBAClB;AAAA,kBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA;AAAA,SAEJ,EAEJ,GACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ","file":"VideoSection-G3DFS7UH.cjs","sourcesContent":["'use client';\n\nimport React, { useState, useCallback } from 'react';\nimport type { PortfolioVideoData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface VideoSectionProps {\n  data: PortfolioVideoData;\n}\n\nfunction getEmbedUrl(data: PortfolioVideoData): string {\n  if (data.embedUrl) return data.embedUrl;\n  if (!data.url) return '';\n\n  // Parse YouTube URLs\n  const ytMatch = data.url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/,\n  );\n  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;\n\n  // Parse Vimeo URLs\n  const vimeoMatch = data.url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;\n\n  return data.url;\n}\n\nexport default function VideoSection({ data }: VideoSectionProps) {\n  const [playing, setPlaying] = useState(false);\n\n  const thumbnailUrl = data.thumbnail?.asset?._ref || '';\n  const embedUrl = getEmbedUrl(data);\n\n  const handlePlay = useCallback(() => {\n    if (embedUrl) setPlaying(true);\n  }, [embedUrl]);\n\n  return (\n    <section\n      className=\"w-full py-20 md:py-28\"\n      style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n    >\n      <div className=\"max-w-5xl mx-auto px-6\">\n        <ScrollReveal y={30}>\n          <h2\n            className=\"text-3xl md:text-4xl font-bold mb-4\"\n            style={{\n              color: 'var(--sk-text-primary, #ffffff)',\n              fontFamily: 'var(--sk-font-heading, inherit)',\n            }}\n          >\n            {data.title}\n          </h2>\n        </ScrollReveal>\n\n        <ScrollReveal y={40} delay={0.15}>\n          <GlassCard padding=\"sm\" hover={false}>\n            <div className=\"relative w-full overflow-hidden rounded-xl\" style={{ aspectRatio: '16/9' }}>\n              {playing ? (\n                <iframe\n                  src={embedUrl}\n                  className=\"absolute inset-0 w-full h-full\"\n                  allow=\"autoplay; fullscreen; picture-in-picture\"\n                  allowFullScreen\n                  title={data.title}\n                  style={{ border: 'none' }}\n                />\n              ) : (\n                <button\n                  onClick={handlePlay}\n                  className=\"absolute inset-0 w-full h-full group cursor-pointer\"\n                  aria-label={`Play ${data.title}`}\n                >\n                  {/* Thumbnail */}\n                  {thumbnailUrl && (\n                    <img\n                      src={thumbnailUrl}\n                      alt={data.title}\n                      className=\"w-full h-full object-cover\"\n                    />\n                  )}\n\n                  {/* Dark overlay */}\n                  <div\n                    className=\"absolute inset-0 transition-opacity duration-300 group-hover:opacity-60\"\n                    style={{ background: 'rgba(0,0,0,0.4)', opacity: 0.5 }}\n                  />\n\n                  {/* Play button */}\n                  <div className=\"absolute inset-0 flex items-center justify-center\">\n                    <div\n                      className=\"flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110\"\n                      style={{\n                        background: 'var(--sk-primary, #6366f1)',\n                        boxShadow: '0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)',\n                      }}\n                    >\n                      <svg\n                        width=\"32\"\n                        height=\"32\"\n                        viewBox=\"0 0 32 32\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path d=\"M12 8l14 8-14 8V8z\" fill=\"#ffffff\" />\n                      </svg>\n                    </div>\n                  </div>\n\n                  {/* Duration badge */}\n                  {data.duration && (\n                    <span\n                      className=\"absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium\"\n                      style={{\n                        background: 'rgba(0,0,0,0.6)',\n                        color: '#ffffff',\n                        backdropFilter: 'blur(4px)',\n                      }}\n                    >\n                      {data.duration}\n                    </span>\n                  )}\n                </button>\n              )}\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/chunk-2Y4O3LWM.js

@@ -1,53 +0,0 @@
-'use client';
-import { useRef, useState, useEffect } from 'react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-import { jsx } from 'react/jsx-runtime';
-
-// src/portfolio/components/primitives/AnimatedCounter.tsx
-function AnimatedCounter({
-  value,
-  suffix = "",
-  prefix = "",
-  duration = 2,
-  decimals = 0,
-  className,
-  once = true
-}) {
-  const ref = useRef(null);
-  const [display, setDisplay] = useState(`${prefix}0${suffix}`);
-  useEffect(() => {
-    gsap.registerPlugin(ScrollTrigger);
-    const el = ref.current;
-    if (!el) return;
-    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    if (prefersReducedMotion) {
-      setDisplay(`${prefix}${value.toFixed(decimals)}${suffix}`);
-      return;
-    }
-    const counter = { val: 0 };
-    const ctx = gsap.context(() => {
-      gsap.to(counter, {
-        val: value,
-        duration,
-        ease: "power2.out",
-        snap: decimals === 0 ? { val: 1 } : void 0,
-        scrollTrigger: {
-          trigger: el,
-          start: "top 85%",
-          toggleActions: once ? "play none none none" : "play reverse play reverse"
-        },
-        onUpdate() {
-          const formatted = decimals > 0 ? counter.val.toFixed(decimals) : Math.round(counter.val).toLocaleString();
-          setDisplay(`${prefix}${formatted}${suffix}`);
-        }
-      });
-    }, el);
-    return () => ctx.revert();
-  }, [value, suffix, prefix, duration, decimals, once]);
-  return /* @__PURE__ */ jsx("span", { ref, className, children: display });
-}
-
-export { AnimatedCounter };
-//# sourceMappingURL=chunk-2Y4O3LWM.js.map
-//# sourceMappingURL=chunk-2Y4O3LWM.js.map

package/dist/chunk-2Y4O3LWM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/primitives/AnimatedCounter.tsx"],"names":[],"mappings":";;;;;;AAgBe,SAAR,eAAA,CAAiC;AAAA,EACtC,KAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,QAAA,GAAW,CAAA;AAAA,EACX,QAAA,GAAW,CAAA;AAAA,EACX,SAAA;AAAA,EACA,IAAA,GAAO;AACT,CAAA,EAAyB;AACvB,EAAA,MAAM,GAAA,GAAM,OAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,CAAC,SAAS,UAAU,CAAA,GAAI,SAAS,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,CAAA;AAE5D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,eAAe,aAAa,CAAA;AAEjC,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAGT,IAAA,MAAM,oBAAA,GAAuB,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AACnF,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,UAAA,CAAW,CAAA,EAAG,MAAM,CAAA,EAAG,KAAA,CAAM,QAAQ,QAAQ,CAAC,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA;AACzD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAA,GAAU,EAAE,GAAA,EAAK,CAAA,EAAE;AAEzB,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,OAAA,CAAQ,MAAM;AAC7B,MAAA,IAAA,CAAK,GAAG,OAAA,EAAS;AAAA,QACf,GAAA,EAAK,KAAA;AAAA,QACL,QAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,MAAM,QAAA,KAAa,CAAA,GAAI,EAAE,GAAA,EAAK,GAAE,GAAI,MAAA;AAAA,QACpC,aAAA,EAAe;AAAA,UACb,OAAA,EAAS,EAAA;AAAA,UACT,KAAA,EAAO,SAAA;AAAA,UACP,aAAA,EAAe,OAAO,qBAAA,GAAwB;AAAA,SAChD;AAAA,QACA,QAAA,GAAW;AACT,UAAA,MAAM,SAAA,GAAY,QAAA,GAAW,CAAA,GACzB,OAAA,CAAQ,GAAA,CAAI,OAAA,CAAQ,QAAQ,CAAA,GAC5B,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,EAAE,cAAA,EAAe;AAC3C,UAAA,UAAA,CAAW,GAAG,MAAM,CAAA,EAAG,SAAS,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA;AAAA,QAC7C;AAAA,OACD,CAAA;AAAA,IACH,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM,IAAI,MAAA,EAAO;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAA,EAAO,MAAA,EAAQ,QAAQ,QAAA,EAAU,QAAA,EAAU,IAAI,CAAC,CAAA;AAEpD,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAU,SAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ","file":"chunk-2Y4O3LWM.js","sourcesContent":["'use client';\n\nimport React, { useRef, useEffect, useState } from 'react';\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\ninterface AnimatedCounterProps {\n  value: number;\n  suffix?: string;\n  prefix?: string;\n  duration?: number;\n  decimals?: number;\n  className?: string;\n  once?: boolean;\n}\n\nexport default function AnimatedCounter({\n  value,\n  suffix = '',\n  prefix = '',\n  duration = 2,\n  decimals = 0,\n  className,\n  once = true,\n}: AnimatedCounterProps) {\n  const ref = useRef<HTMLSpanElement>(null);\n  const [display, setDisplay] = useState(`${prefix}0${suffix}`);\n\n  useEffect(() => {\n    gsap.registerPlugin(ScrollTrigger);\n\n    const el = ref.current;\n    if (!el) return;\n\n    // Respect prefers-reduced-motion\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (prefersReducedMotion) {\n      setDisplay(`${prefix}${value.toFixed(decimals)}${suffix}`);\n      return;\n    }\n\n    const counter = { val: 0 };\n\n    const ctx = gsap.context(() => {\n      gsap.to(counter, {\n        val: value,\n        duration,\n        ease: 'power2.out',\n        snap: decimals === 0 ? { val: 1 } : undefined,\n        scrollTrigger: {\n          trigger: el,\n          start: 'top 85%',\n          toggleActions: once ? 'play none none none' : 'play reverse play reverse',\n        },\n        onUpdate() {\n          const formatted = decimals > 0\n            ? counter.val.toFixed(decimals)\n            : Math.round(counter.val).toLocaleString();\n          setDisplay(`${prefix}${formatted}${suffix}`);\n        },\n      });\n    }, el);\n\n    return () => ctx.revert();\n  }, [value, suffix, prefix, duration, decimals, once]);\n\n  return (\n    <span ref={ref} className={className}>\n      {display}\n    </span>\n  );\n}\n"]}

package/dist/chunk-633UMQQH.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-// src/portfolio/sanitize.ts
-function humanizeArchPageEntry(page) {
-  const title = (page?.title || "").trim();
-  if (title && !title.startsWith("/")) return { title };
-  const source = title || (page?.path || "").trim();
-  const lastSegment = source.split(/[?#]/)[0].split("/").filter(Boolean).pop() || "";
-  const label = lastSegment.replace(/\.(html?|php|aspx?)$/i, "").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (c) => c.toUpperCase());
-  return { title: label || "Home" };
-}
-function sanitizeSiteArchitectureData(data) {
-  if (!data || !Array.isArray(data.groups)) return data;
-  return {
-    ...data,
-    groups: data.groups.map((group) => ({
-      ...group,
-      pages: Array.isArray(group.pages) ? group.pages.map(humanizeArchPageEntry) : []
-    }))
-  };
-}
-function sanitizePortfolioSections(sections) {
-  return sections.map(
-    (section) => section?.sectionType === "portfolioSiteArchitecture" ? { ...section, data: sanitizeSiteArchitectureData(section.data) } : section
-  );
-}
-
-exports.sanitizePortfolioSections = sanitizePortfolioSections;
-exports.sanitizeSiteArchitectureData = sanitizeSiteArchitectureData;
-//# sourceMappingURL=chunk-633UMQQH.cjs.map
-//# sourceMappingURL=chunk-633UMQQH.cjs.map

package/dist/chunk-633UMQQH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/sanitize.ts"],"names":[],"mappings":";;;AAuBO,SAAS,sBAAsB,IAAA,EAAwC;AAC5E,EAAA,MAAM,KAAA,GAAA,CAAS,IAAA,EAAM,KAAA,IAAS,EAAA,EAAI,IAAA,EAAK;AACvC,EAAA,IAAI,KAAA,IAAS,CAAC,KAAA,CAAM,UAAA,CAAW,GAAG,CAAA,EAAG,OAAO,EAAE,KAAA,EAAM;AACpD,EAAA,MAAM,MAAA,GAAS,KAAA,IAAA,CAAU,IAAA,EAAM,IAAA,IAAQ,IAAI,IAAA,EAAK;AAChD,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,KAAA,CAAM,MAAM,EAAE,CAAC,CAAA,CAAE,KAAA,CAAM,GAAG,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,KAAI,IAAK,EAAA;AAChF,EAAA,MAAM,QAAQ,WAAA,CACX,OAAA,CAAQ,yBAAyB,EAAE,CAAA,CACnC,QAAQ,QAAA,EAAU,GAAG,CAAA,CACrB,IAAA,GACA,OAAA,CAAQ,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAC1C,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,IAAS,MAAA,EAAO;AAClC;AAGO,SAAS,6BAA6B,IAAA,EAAgB;AAC3D,EAAA,IAAI,CAAC,QAAQ,CAAC,KAAA,CAAM,QAAQ,IAAA,CAAK,MAAM,GAAG,OAAO,IAAA;AACjD,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,MAAA,EAAQ,IAAA,CAAK,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAgB;AAAA,MACvC,GAAG,KAAA;AAAA,MACH,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,qBAAqB,CAAA,GAAI;AAAC,KAChF,CAAE;AAAA,GACJ;AACF;AAGO,SAAS,0BACd,QAAA,EACK;AACL,EAAA,OAAO,QAAA,CAAS,GAAA;AAAA,IAAI,CAAC,OAAA,KACnB,OAAA,EAAS,WAAA,KAAgB,2BAAA,GACrB,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,4BAAA,CAA6B,OAAA,CAAQ,IAAI,GAAE,GAC/D;AAAA,GACN;AACF","file":"chunk-633UMQQH.cjs","sourcesContent":["/**\n * Portfolio section sanitization — single source of truth.\n *\n * Site-architecture entries arrive from generation with raw CLIENT-site paths\n * (often title === path, e.g. \"/wheels/amp-tires\"). Those strings must never\n * cross a server→client props boundary: Googlebot extracts URL-like strings\n * from the RSC flight payload and crawls them against the AGENCY site's\n * origin, flooding Search Console with 404s (seen on upforge.io, June 2026 —\n * ~100 404'd client paths, all traced to /work/* case-study payloads).\n *\n * The enforcement point is `getPortfolioItem` (portfolio/server.ts): tsup's\n * \"add 'use client' to chunks with hooks\" post-processing turns PortfolioPage\n * into a client component in the published build, so sanitizing at render\n * time is too late — the full `item` prop is already serialized. The\n * PortfolioPage call remains as defense-in-depth for a future true-RSC build.\n */\n\ninterface ArchPageEntry {\n  path?: string;\n  title?: string;\n}\n\n/** Convert a raw path/title entry into a display-only { title } label. */\nexport function humanizeArchPageEntry(page: ArchPageEntry): { title: string } {\n  const title = (page?.title || '').trim();\n  if (title && !title.startsWith('/')) return { title };\n  const source = title || (page?.path || '').trim();\n  const lastSegment = source.split(/[?#]/)[0].split('/').filter(Boolean).pop() || '';\n  const label = lastSegment\n    .replace(/\\.(html?|php|aspx?)$/i, '')\n    .replace(/[-_]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (c) => c.toUpperCase());\n  return { title: label || 'Home' };\n}\n\n/** Strip raw page paths from a portfolioSiteArchitecture data payload. */\nexport function sanitizeSiteArchitectureData(data: any): any {\n  if (!data || !Array.isArray(data.groups)) return data;\n  return {\n    ...data,\n    groups: data.groups.map((group: any) => ({\n      ...group,\n      pages: Array.isArray(group.pages) ? group.pages.map(humanizeArchPageEntry) : [],\n    })),\n  };\n}\n\n/** Sanitize every section that can carry raw client-site paths. */\nexport function sanitizePortfolioSections<T extends { sectionType?: string; data?: any }>(\n  sections: T[],\n): T[] {\n  return sections.map((section) =>\n    section?.sectionType === 'portfolioSiteArchitecture'\n      ? { ...section, data: sanitizeSiteArchitectureData(section.data) }\n      : section,\n  );\n}\n"]}

package/dist/chunk-7CFFAKDM.js

@@ -1,74 +0,0 @@
-'use client';
-import { useRef, useEffect } from 'react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-import { jsx } from 'react/jsx-runtime';
-
-// src/portfolio/components/primitives/ScrollReveal.tsx
-function ScrollReveal({
-  children,
-  className,
-  delay = 0,
-  duration = 0.8,
-  y = 40,
-  x = 0,
-  opacity = 0,
-  scale,
-  stagger,
-  once = true,
-  threshold = 0.15
-}) {
-  const ref = useRef(null);
-  useEffect(() => {
-    gsap.registerPlugin(ScrollTrigger);
-    const el = ref.current;
-    if (!el) return;
-    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    if (prefersReducedMotion) {
-      gsap.set(el.children.length > 0 && stagger ? el.children : el, {
-        opacity: 1,
-        y: 0,
-        x: 0,
-        scale: 1
-      });
-      return;
-    }
-    const targets = stagger && el.children.length > 0 ? el.children : el;
-    const fromVars = {
-      opacity,
-      y,
-      x
-    };
-    if (scale !== void 0) {
-      fromVars.scale = scale;
-    }
-    const toVars = {
-      opacity: 1,
-      y: 0,
-      x: 0,
-      duration,
-      delay,
-      ease: "power2.out",
-      scrollTrigger: {
-        trigger: el,
-        start: `top ${(1 - threshold) * 100}%`,
-        toggleActions: once ? "play none none none" : "play reverse play reverse"
-      }
-    };
-    if (scale !== void 0) {
-      toVars.scale = 1;
-    }
-    if (stagger) {
-      toVars.stagger = stagger;
-    }
-    const ctx = gsap.context(() => {
-      gsap.fromTo(targets, fromVars, toVars);
-    }, el);
-    return () => ctx.revert();
-  }, [delay, duration, y, x, opacity, scale, stagger, once, threshold]);
-  return /* @__PURE__ */ jsx("div", { ref, className, children });
-}
-
-export { ScrollReveal };
-//# sourceMappingURL=chunk-7CFFAKDM.js.map
-//# sourceMappingURL=chunk-7CFFAKDM.js.map

package/dist/chunk-7CFFAKDM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/primitives/ScrollReveal.tsx"],"names":[],"mappings":";;;;;;AAoBe,SAAR,YAAA,CAA8B;AAAA,EACnC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,QAAA,GAAW,GAAA;AAAA,EACX,CAAA,GAAI,EAAA;AAAA,EACJ,CAAA,GAAI,CAAA;AAAA,EACJ,OAAA,GAAU,CAAA;AAAA,EACV,KAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,EAAsB;AACpB,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,eAAe,aAAa,CAAA;AAEjC,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAGT,IAAA,MAAM,oBAAA,GAAuB,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AACnF,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,IAAA,CAAK,GAAA,CAAI,GAAG,QAAA,CAAS,MAAA,GAAS,KAAK,OAAA,GAAU,EAAA,CAAG,WAAW,EAAA,EAAI;AAAA,QAC7D,OAAA,EAAS,CAAA;AAAA,QACT,CAAA,EAAG,CAAA;AAAA,QACH,CAAA,EAAG,CAAA;AAAA,QACH,KAAA,EAAO;AAAA,OACR,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,UAAU,OAAA,IAAW,EAAA,CAAG,SAAS,MAAA,GAAS,CAAA,GAAI,GAAG,QAAA,GAAW,EAAA;AAElE,IAAA,MAAM,QAAA,GAA2B;AAAA,MAC/B,OAAA;AAAA,MACA,CAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AAAA,IACnB;AAEA,IAAA,MAAM,MAAA,GAAyB;AAAA,MAC7B,OAAA,EAAS,CAAA;AAAA,MACT,CAAA,EAAG,CAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,aAAA,EAAe;AAAA,QACb,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,CAAA,IAAA,EAAA,CAAQ,CAAA,GAAI,SAAA,IAAa,GAAG,CAAA,CAAA,CAAA;AAAA,QACnC,aAAA,EAAe,OAAO,qBAAA,GAAwB;AAAA;AAChD,KACF;AACA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,MAAA,CAAO,KAAA,GAAQ,CAAA;AAAA,IACjB;AACA,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,MAAA,CAAO,OAAA,GAAU,OAAA;AAAA,IACnB;AAEA,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,OAAA,CAAQ,MAAM;AAC7B,MAAA,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,QAAA,EAAU,MAAM,CAAA;AAAA,IACvC,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM,IAAI,MAAA,EAAO;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAA,EAAO,QAAA,EAAU,CAAA,EAAG,CAAA,EAAG,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,SAAS,CAAC,CAAA;AAEpE,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EACZ,QAAA,EACH,CAAA;AAEJ","file":"chunk-7CFFAKDM.js","sourcesContent":["'use client';\n\nimport React, { useRef, useEffect } from 'react';\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\ninterface ScrollRevealProps {\n  children: React.ReactNode;\n  className?: string;\n  delay?: number;\n  duration?: number;\n  y?: number;\n  x?: number;\n  opacity?: number;\n  scale?: number;\n  stagger?: number;\n  once?: boolean;\n  threshold?: number;\n}\n\nexport default function ScrollReveal({\n  children,\n  className,\n  delay = 0,\n  duration = 0.8,\n  y = 40,\n  x = 0,\n  opacity = 0,\n  scale,\n  stagger,\n  once = true,\n  threshold = 0.15,\n}: ScrollRevealProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    gsap.registerPlugin(ScrollTrigger);\n\n    const el = ref.current;\n    if (!el) return;\n\n    // Respect prefers-reduced-motion\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (prefersReducedMotion) {\n      gsap.set(el.children.length > 0 && stagger ? el.children : el, {\n        opacity: 1,\n        y: 0,\n        x: 0,\n        scale: 1,\n      });\n      return;\n    }\n\n    const targets = stagger && el.children.length > 0 ? el.children : el;\n\n    const fromVars: gsap.TweenVars = {\n      opacity,\n      y,\n      x,\n    };\n    if (scale !== undefined) {\n      fromVars.scale = scale;\n    }\n\n    const toVars: gsap.TweenVars = {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      duration,\n      delay,\n      ease: 'power2.out',\n      scrollTrigger: {\n        trigger: el,\n        start: `top ${(1 - threshold) * 100}%`,\n        toggleActions: once ? 'play none none none' : 'play reverse play reverse',\n      },\n    };\n    if (scale !== undefined) {\n      toVars.scale = 1;\n    }\n    if (stagger) {\n      toVars.stagger = stagger;\n    }\n\n    const ctx = gsap.context(() => {\n      gsap.fromTo(targets, fromVars, toVars);\n    }, el);\n\n    return () => ctx.revert();\n  }, [delay, duration, y, x, opacity, scale, stagger, once, threshold]);\n\n  return (\n    <div ref={ref} className={className}>\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/chunk-APG2QSMB.js

@@ -1,131 +0,0 @@
-import { GlassCard } from './chunk-YB4B3OMC.js';
-import { ScrollReveal } from './chunk-7CFFAKDM.js';
-import Image from 'next/image';
-import Link from 'next/link';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-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 = kpis.slice(0, 3);
-  const servicePreview = services.slice(0, 3);
-  return /* @__PURE__ */ jsx(Link, { href: `${basePath}/${item.slug}`, className: `block group ${className}`, children: /* @__PURE__ */ jsx(GlassCard, { padding: "sm", hover: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    thumbnailSrc && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "relative w-full overflow-hidden rounded-xl",
-        style: { aspectRatio: "16/10" },
-        children: [
-          /* @__PURE__ */ jsx(
-            Image,
-            {
-              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__ */ 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: item.category?.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-2 pb-2", children: [
-      /* @__PURE__ */ jsx(
-        "h3",
-        {
-          className: "text-lg font-semibold line-clamp-1",
-          style: { color: "var(--sk-text-primary, #ffffff)" },
-          children: item.title
-        }
-      ),
-      item.subtitle && /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: "text-sm line-clamp-2",
-          style: { color: "var(--sk-text-tertiary, #71717a)" },
-          children: item.subtitle
-        }
-      ),
-      kpiPreview.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 mt-1", children: kpiPreview.map((kpi, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: "text-base font-bold",
-            style: { color: "var(--sk-primary, #6366f1)" },
-            children: [
-              kpi.prefix || "",
-              kpi.value.toLocaleString(),
-              kpi.suffix
-            ]
-          }
-        ),
-        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 mt-2", children: [
-        servicePreview.map((service) => /* @__PURE__ */ 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: service
-          },
-          service
-        )),
-        services.length > 3 && /* @__PURE__ */ 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__ */ jsx(ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ 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__ */ jsx(PortfolioCard, { item, basePath }, item.id))
-    }
-  ) });
-}
-
-export { PortfolioCard, PortfolioGrid };
-//# sourceMappingURL=chunk-APG2QSMB.js.map
-//# sourceMappingURL=chunk-APG2QSMB.js.map

package/dist/chunk-APG2QSMB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/portfolio/components/PortfolioCard.tsx","../src/portfolio/components/PortfolioGrid.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-APG2QSMB.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport Image from 'next/image';\nimport Link from 'next/link';\nimport type { PortfolioItem } from '../../types';\nimport GlassCard from './primitives/GlassCard';\n\ninterface PortfolioCardProps {\n  item: PortfolioItem;\n  className?: string;\n  /** Base path for portfolio detail links (default: '/work') */\n  basePath?: string;\n}\n\nexport default function PortfolioCard({ item, className = '', basePath = '/work' }: PortfolioCardProps) {\n  // Use hero_screenshots desktop → hero_image → trifolio screenshot convention\n  const thumbnailSrc =\n    item.hero_screenshots?.desktop ||\n    item.hero_image ||\n    (item.project_id ? `/portfolio-previews/${item.slug}.png` : undefined);\n  const kpis = Array.isArray(item.kpis) ? item.kpis : [];\n  const services = Array.isArray(item.services) ? item.services : [];\n  const kpiPreview = kpis.slice(0, 3);\n  const servicePreview = services.slice(0, 3);\n\n  return (\n    <Link href={`${basePath}/${item.slug}`} className={`block group ${className}`}>\n      <GlassCard padding=\"sm\" hover>\n        <div className=\"flex flex-col gap-4\">\n          {/* Thumbnail */}\n          {thumbnailSrc && (\n            <div\n              className=\"relative w-full overflow-hidden rounded-xl\"\n              style={{ aspectRatio: '16/10' }}\n            >\n              <Image\n                src={thumbnailSrc}\n                alt={item.hero_image_alt || item.title}\n                fill\n                sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\"\n                className=\"object-cover object-top transition-transform duration-500 group-hover:scale-105\"\n              />\n              {/* Category badge */}\n              <span\n                className=\"absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold\"\n                style={{\n                  background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)',\n                  color: '#ffffff',\n                  backdropFilter: 'blur(8px)',\n                }}\n              >\n                {item.category?.replace(/[-_]/g, ' ').replace(/\\b\\w/g, (c: string) => c.toUpperCase())}\n              </span>\n            </div>\n          )}\n\n          {/* Text content */}\n          <div className=\"flex flex-col gap-2 px-2 pb-2\">\n            <h3\n              className=\"text-lg font-semibold line-clamp-1\"\n              style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n            >\n              {item.title}\n            </h3>\n\n            {item.subtitle && (\n              <p\n                className=\"text-sm line-clamp-2\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                {item.subtitle}\n              </p>\n            )}\n\n            {/* KPI preview */}\n            {kpiPreview.length > 0 && (\n              <div className=\"flex items-center gap-4 mt-1\">\n                {kpiPreview.map((kpi, i) => (\n                  <div key={i} className=\"flex flex-col\">\n                    <span\n                      className=\"text-base font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      {kpi.prefix || ''}\n                      {kpi.value.toLocaleString()}\n                      {kpi.suffix}\n                    </span>\n                    <span\n                      className=\"text-[10px] uppercase tracking-wider font-medium\"\n                      style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                    >\n                      {kpi.label}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* Services tags */}\n            {servicePreview.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5 mt-2\">\n                {servicePreview.map((service) => (\n                  <span\n                    key={service}\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-secondary, #a1a1aa)',\n                      border: '1px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  >\n                    {service}\n                  </span>\n                ))}\n                {services.length > 3 && (\n                  <span\n                    className=\"px-2.5 py-0.5 rounded-full text-[11px] font-medium\"\n                    style={{\n                      background: 'var(--sk-surface, rgba(255,255,255,0.05))',\n                      color: 'var(--sk-text-tertiary, #71717a)',\n                    }}\n                  >\n                    +{item.services.length - 3}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </GlassCard>\n    </Link>\n  );\n}\n","'use client';\n\nimport React from 'react';\nimport type { PortfolioItem } from '../../types';\nimport ScrollReveal from './primitives/ScrollReveal';\nimport PortfolioCard from './PortfolioCard';\n\ninterface PortfolioGridProps {\n  items: PortfolioItem[];\n  className?: string;\n  /** Base path for portfolio detail links (default: '/work') */\n  basePath?: string;\n}\n\nexport default function PortfolioGrid({ items, className = '', basePath = '/work' }: PortfolioGridProps) {\n  return (\n    <ScrollReveal stagger={0.1}>\n      <div\n        className={`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`}\n        style={{\n          gap: 'var(--sk-grid-gap, 24px)',\n        }}\n      >\n        {items.map((item) => (\n          <PortfolioCard key={item.id} item={item} basePath={basePath} />\n        ))}\n      </div>\n    </ScrollReveal>\n  );\n}\n"]}