@sonordev/agency-site-kit 0.3.1 → 0.4.0

package/dist/portfolio/sections/ServicesSection.js

@@ -0,0 +1,122 @@
+import { resolvePortfolioImage } from '../../chunk-XJ434N7I.js';
+import ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';
+import GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ServicesSection({ data }) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: "w-full py-20 md:py-28",
+      style: { background: "var(--sk-bg, #0a0a0a)" },
+      children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-6", children: [
+        /* @__PURE__ */ jsxs(ScrollReveal, { y: 30, children: [
+          /* @__PURE__ */ 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: "Services Provided"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-lg mb-12 max-w-2xl",
+              style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+              children: "A breakdown of the services delivered for this project."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((service, index) => {
+          const icon = resolvePortfolioImage(service.icon);
+          return /* @__PURE__ */ jsx(GlassCard, { padding: "lg", hover: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex items-center justify-center w-12 h-12 rounded-xl",
+                style: {
+                  background: "color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)"
+                },
+                children: icon ? /* @__PURE__ */ jsx("img", { src: icon.url, alt: "", width: 24, height: 24, loading: "lazy", decoding: "async", className: "w-6 h-6 object-contain" }) : /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    style: { color: "var(--sk-primary, #6366f1)" },
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: "text-lg font-semibold",
+                style: { color: "var(--sk-text-primary, #ffffff)" },
+                children: service.title
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-sm leading-relaxed",
+                style: { color: "var(--sk-text-tertiary, #71717a)" },
+                children: service.description
+              }
+            ),
+            service.features.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2 mt-1", children: service.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  className: "shrink-0 mt-0.5",
+                  style: { color: "#10b981" },
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M13.333 4L6 11.333 2.667 8",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-sm",
+                  style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+                  children: feature
+                }
+              )
+            ] }, fi)) })
+          ] }) }, index);
+        }) }) })
+      ] })
+    }
+  );
+}
+
+export { ServicesSection as default };
+//# sourceMappingURL=ServicesSection.js.map
+//# sourceMappingURL=ServicesSection.js.map

package/dist/portfolio/sections/ServicesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/portfolio/components/sections/ServicesSection.tsx"],"names":[],"mappings":"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","file":"ServicesSection.js","sourcesContent":["// Server component — renders on the server; the client primitives below cross the\n// RSC boundary via package subpaths (never import them relatively here).\nimport React from 'react';\nimport type { PortfolioServicesData } from '../../../types';\nimport { resolvePortfolioImage } from '../../../shared/images';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\n\ninterface ServicesSectionProps {\n  data: PortfolioServicesData;\n}\n\nexport default function ServicesSection({ data }: ServicesSectionProps) {\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-7xl 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            Services Provided\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            A breakdown of the services delivered for this project.\n          </p>\n        </ScrollReveal>\n\n        <ScrollReveal stagger={0.1}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            {data.items.map((service, index) => {\n              const icon = resolvePortfolioImage(service.icon);\n              return (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-4\">\n                  {/* Icon */}\n                  <div\n                    className=\"flex items-center justify-center w-12 h-12 rounded-xl\"\n                    style={{\n                      background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)',\n                    }}\n                  >\n                    {icon ? (\n                      <img src={icon.url} alt=\"\" width={24} height={24} loading=\"lazy\" decoding=\"async\" className=\"w-6 h-6 object-contain\" />\n                    ) : (\n                      <svg\n                        width=\"24\"\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        style={{ color: 'var(--sk-primary, #6366f1)' }}\n                      >\n                        <path\n                          d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\n                          stroke=\"currentColor\"\n                          strokeWidth=\"2\"\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                        />\n                      </svg>\n                    )}\n                  </div>\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {service.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {service.description}\n                  </p>\n\n                  {/* Feature list */}\n                  {service.features.length > 0 && (\n                    <ul className=\"flex flex-col gap-2 mt-1\">\n                      {service.features.map((feature, fi) => (\n                        <li key={fi} className=\"flex items-start gap-2\">\n                          <svg\n                            width=\"16\"\n                            height=\"16\"\n                            viewBox=\"0 0 16 16\"\n                            fill=\"none\"\n                            className=\"shrink-0 mt-0.5\"\n                            style={{ color: '#10b981' }}\n                          >\n                            <path\n                              d=\"M13.333 4L6 11.333 2.667 8\"\n                              stroke=\"currentColor\"\n                              strokeWidth=\"1.5\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                            />\n                          </svg>\n                          <span\n                            className=\"text-sm\"\n                            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n                          >\n                            {feature}\n                          </span>\n                        </li>\n                      ))}\n                    </ul>\n                  )}\n                </div>\n              </GlassCard>\n              );\n            })}\n          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/{SiteArchitectureSection-J7BPBERH.cjs → portfolio/sections/SiteArchitectureSection.cjs}

@@ -1,15 +1,43 @@
-'use strict';
-
-var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
-var react = require('react');
-var gsap = require('gsap');
-var ScrollTrigger = require('gsap/ScrollTrigger');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var gsap__default = /*#__PURE__*/_interopDefault(gsap);
+'use client';
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/portfolio/components/sections/SiteArchitectureSection.tsx
+var SiteArchitectureSection_exports = {};
+__export(SiteArchitectureSection_exports, {
+  default: () => SiteArchitectureSection
+});
+module.exports = __toCommonJS(SiteArchitectureSection_exports);
+var import_react = require("react");
+var import_ScrollReveal = __toESM(require("@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
 function getBranchColor(index) {
   const hues = [
     "var(--sk-primary, #6366f1)",
@@ -23,61 +51,60 @@ function getBranchColor(index) {
   ];
   return hues[index % hues.length];
 }
+var EASE = "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+var EASE_BACK = "cubic-bezier(0.34, 1.4, 0.64, 1)";
 function SiteArchitectureSection({ data }) {
   const { totalPages, totalWords, groups } = data;
-  const treeRef = react.useRef(null);
-  react.useRef(null);
-  const [expandedGroup, setExpandedGroup] = react.useState(null);
-  react.useEffect(() => {
-    gsap__default.default.registerPlugin(ScrollTrigger.ScrollTrigger);
-    const ctx = gsap__default.default.context(() => {
-      gsap__default.default.utils.toArray(".arch-node").forEach((node, i) => {
-        gsap__default.default.fromTo(
-          node,
-          { opacity: 0, scale: 0.8, y: 20 },
-          {
-            opacity: 1,
-            scale: 1,
-            y: 0,
-            duration: 0.5,
-            delay: i * 0.08,
-            ease: "back.out(1.4)",
-            scrollTrigger: {
-              trigger: treeRef.current,
-              start: "top 70%",
-              toggleActions: "play none none none"
-            }
-          }
-        );
-      });
-      gsap__default.default.utils.toArray(".arch-line").forEach((line, i) => {
-        const length = line.getTotalLength();
-        gsap__default.default.set(line, { strokeDasharray: length, strokeDashoffset: length });
-        gsap__default.default.to(line, {
-          strokeDashoffset: 0,
-          duration: 0.6,
-          delay: i * 0.1,
-          ease: "power2.out",
-          scrollTrigger: {
-            trigger: treeRef.current,
-            start: "top 70%",
-            toggleActions: "play none none none"
-          }
+  const treeRef = (0, import_react.useRef)(null);
+  const [expandedGroup, setExpandedGroup] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    const tree = treeRef.current;
+    if (!tree) return;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+    const rect = tree.getBoundingClientRect();
+    if (rect.top < window.innerHeight && rect.bottom > 0) return;
+    const nodes = Array.from(tree.querySelectorAll(".arch-node"));
+    if (nodes.length === 0) return;
+    for (const node of nodes) {
+      node.style.opacity = "0";
+      node.style.transform = "translateY(20px) scale(0.8)";
+      node.style.willChange = "opacity, transform";
+    }
+    const io = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry.isIntersecting) return;
+        io.disconnect();
+        nodes.forEach((node, i) => {
+          const d = i * 0.08;
+          node.style.transition = `opacity 0.5s ${EASE} ${d}s, transform 0.5s ${EASE_BACK} ${d}s`;
+          node.style.opacity = "1";
+          node.style.transform = "translateY(0px) scale(1)";
         });
-      });
-    });
-    return () => ctx.revert();
+      },
+      { rootMargin: "0px 0px -30% 0px" }
+      // ≈ the old 'top 70%' trigger
+    );
+    io.observe(tree);
+    return () => {
+      io.disconnect();
+      for (const node of nodes) {
+        node.style.opacity = "";
+        node.style.transform = "";
+        node.style.transition = "";
+        node.style.willChange = "";
+      }
+    };
   }, [groups.length]);
   const hasWords = totalWords > 0;
   const subtitle = hasWords ? `${totalPages} pages structured across ${groups.length} content ${groups.length === 1 ? "category" : "categories"} with ${totalWords.toLocaleString()} words of content.` : `${totalPages} pages structured across ${groups.length} content ${groups.length === 1 ? "category" : "categories"}.`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "section",
     {
       className: "w-full py-20 md:py-28",
       style: { background: "var(--sk-bg, #0a0a0a)" },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto px-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-6xl mx-auto px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ScrollReveal.default, { y: 30, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "h2",
             {
               className: "text-3xl md:text-4xl font-bold mb-4",
@@ -88,7 +115,7 @@ function SiteArchitectureSection({ data }) {
               children: "Site Architecture"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "p",
             {
               className: "text-lg mb-16 max-w-3xl",
@@ -97,8 +124,8 @@ function SiteArchitectureSection({ data }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: treeRef, className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: treeRef, className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "div",
             {
               className: "arch-node relative px-6 py-3 rounded-xl text-center",
@@ -108,7 +135,7 @@ function SiteArchitectureSection({ data }) {
                 boxShadow: "0 0 30px color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)"
               },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     className: "text-sm font-bold tracking-wide",
@@ -116,7 +143,7 @@ function SiteArchitectureSection({ data }) {
                     children: "/"
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   "span",
                   {
                     className: "block text-xs mt-0.5",
@@ -130,16 +157,16 @@ function SiteArchitectureSection({ data }) {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: groups.map((group, gi) => {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: groups.map((group, gi) => {
             const color = getBranchColor(gi);
             const isExpanded = expandedGroup === gi;
             const hasChildren = group.pages.length > 0;
-            return /* @__PURE__ */ jsxRuntime.jsxs(
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
               "div",
               {
                 className: "arch-node flex flex-col",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "div",
                     {
                       className: "w-px h-6 mx-auto mb-2",
@@ -148,7 +175,7 @@ function SiteArchitectureSection({ data }) {
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                     "button",
                     {
                       onClick: () => hasChildren && setExpandedGroup(isExpanded ? null : gi),
@@ -159,7 +186,7 @@ function SiteArchitectureSection({ data }) {
                         boxShadow: isExpanded ? `0 0 20px color-mix(in srgb, ${color} 15%, transparent)` : "none"
                       },
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                           "div",
                           {
                             className: "absolute -top-2.5 -right-2 px-2 py-0.5 rounded-full text-xs font-bold",
@@ -171,15 +198,15 @@ function SiteArchitectureSection({ data }) {
                             children: group.count
                           }
                         ),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                             "div",
                             {
                               className: "w-2 h-2 rounded-full shrink-0",
                               style: { background: color }
                             }
                           ),
-                          /* @__PURE__ */ jsxRuntime.jsx(
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                             "span",
                             {
                               className: "text-sm font-semibold truncate",
@@ -188,7 +215,7 @@ function SiteArchitectureSection({ data }) {
                             }
                           )
                         ] }),
-                        hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
+                        hasChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                           "span",
                           {
                             className: "text-[10px] mt-1 block transition-colors",
@@ -199,7 +226,7 @@ function SiteArchitectureSection({ data }) {
                       ]
                     }
                   ),
-                  isExpanded && hasChildren && /* @__PURE__ */ jsxRuntime.jsxs(
+                  isExpanded && hasChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                     "div",
                     {
                       className: "mt-2 rounded-lg overflow-hidden",
@@ -208,7 +235,7 @@ function SiteArchitectureSection({ data }) {
                         border: `1px solid color-mix(in srgb, ${color} 15%, transparent)`
                       },
                       children: [
-                        group.pages.map((page, pi) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        group.pages.map((page, pi) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                           "div",
                           {
                             className: "flex items-center gap-2 px-3 py-1.5",
@@ -216,14 +243,14 @@ function SiteArchitectureSection({ data }) {
                               borderBottom: pi < group.pages.length - 1 ? `1px solid color-mix(in srgb, ${color} 8%, transparent)` : "none"
                             },
                             children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                                 "div",
                                 {
                                   className: "w-1 h-1 rounded-full shrink-0",
                                   style: { background: color, opacity: 0.5 }
                                 }
                               ),
-                              /* @__PURE__ */ jsxRuntime.jsx(
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                                 "span",
                                 {
                                   className: "text-xs truncate",
@@ -236,7 +263,7 @@ function SiteArchitectureSection({ data }) {
                           },
                           pi
                         )),
-                        group.count > group.pages.length && /* @__PURE__ */ jsxRuntime.jsxs(
+                        group.count > group.pages.length && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                           "div",
                           {
                             className: "px-3 py-1.5 text-xs italic",
@@ -257,7 +284,7 @@ function SiteArchitectureSection({ data }) {
             );
           }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 20, delay: 0.4, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ScrollReveal.default, { y: 20, delay: 0.4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "div",
           {
             className: "mt-12 flex items-center justify-center gap-8 md:gap-12 py-4 px-6 rounded-xl mx-auto max-w-2xl",
@@ -266,8 +293,8 @@ function SiteArchitectureSection({ data }) {
               border: "1px solid color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     className: "text-2xl font-bold block",
@@ -275,7 +302,7 @@ function SiteArchitectureSection({ data }) {
                     children: totalPages
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     className: "text-[10px] uppercase tracking-wider block mt-0.5",
@@ -284,15 +311,15 @@ function SiteArchitectureSection({ data }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "div",
                 {
                   className: "w-px h-8",
                   style: { background: "color-mix(in srgb, var(--sk-text-tertiary, #71717a) 20%, transparent)" }
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     className: "text-2xl font-bold block",
@@ -300,7 +327,7 @@ function SiteArchitectureSection({ data }) {
                     children: groups.length
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     className: "text-[10px] uppercase tracking-wider block mt-0.5",
@@ -309,16 +336,16 @@ function SiteArchitectureSection({ data }) {
                   }
                 )
               ] }),
-              hasWords && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
+              hasWords && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "div",
                   {
                     className: "w-px h-8",
                     style: { background: "color-mix(in srgb, var(--sk-text-tertiary, #71717a) 20%, transparent)" }
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "span",
                     {
                       className: "text-2xl font-bold block",
@@ -326,7 +353,7 @@ function SiteArchitectureSection({ data }) {
                       children: totalWords > 1e3 ? `${(totalWords / 1e3).toFixed(0)}k` : totalWords
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "span",
                     {
                       className: "text-[10px] uppercase tracking-wider block mt-0.5",
@@ -343,7 +370,4 @@ function SiteArchitectureSection({ data }) {
     }
   );
 }
-
-module.exports = SiteArchitectureSection;
-//# sourceMappingURL=SiteArchitectureSection-J7BPBERH.cjs.map
-//# sourceMappingURL=SiteArchitectureSection-J7BPBERH.cjs.map
+//# sourceMappingURL=SiteArchitectureSection.cjs.map

package/dist/portfolio/sections/SiteArchitectureSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/portfolio/components/sections/SiteArchitectureSection.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useEffect, useState } from 'react';\nimport ScrollReveal from '@sonordev/agency-site-kit/portfolio/primitives/ScrollReveal';\nimport GlassCard from '@sonordev/agency-site-kit/portfolio/primitives/GlassCard';\n\ninterface PageGroup {\n  label: string;\n  count: number;\n  // path is optional: PortfolioPage strips raw client-site paths before they\n  // reach this client component so they never enter the RSC flight payload\n  // (Googlebot crawls path-like strings against the host site → 404 floods).\n  pages: Array<{ path?: string; title: string }>;\n}\n\nexport interface SiteArchitectureData {\n  totalPages: number;\n  totalWords: number;\n  groups: PageGroup[];\n}\n\ninterface SiteArchitectureSectionProps {\n  data: SiteArchitectureData;\n}\n\n/** Generates a pleasing color from the brand palette for each branch */\nfunction getBranchColor(index: number): string {\n  const hues = [\n    'var(--sk-primary, #6366f1)',\n    '#10b981',\n    '#f59e0b',\n    '#8b5cf6',\n    '#ec4899',\n    '#06b6d4',\n    '#f97316',\n    '#14b8a6',\n  ];\n  return hues[index % hues.length];\n}\n\nconst EASE = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)'; // ≈ power2.out\nconst EASE_BACK = 'cubic-bezier(0.34, 1.4, 0.64, 1)'; // ≈ back.out(1.4)\n\nexport default function SiteArchitectureSection({ data }: SiteArchitectureSectionProps) {\n  const { totalPages, totalWords, groups } = data;\n  const treeRef = useRef<HTMLDivElement>(null);\n  const [expandedGroup, setExpandedGroup] = useState<number | null>(null);\n\n  // Animate each branch node in on scroll\n  useEffect(() => {\n    const tree = treeRef.current;\n    if (!tree) return;\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n    // Never re-hide a tree already in the viewport at hydration.\n    const rect = tree.getBoundingClientRect();\n    if (rect.top < window.innerHeight && rect.bottom > 0) return;\n\n    const nodes = Array.from(tree.querySelectorAll<HTMLElement>('.arch-node'));\n    if (nodes.length === 0) return;\n\n    // Hidden state — nodes pop in with a slight back-out overshoot on reveal.\n    for (const node of nodes) {\n      node.style.opacity = '0';\n      node.style.transform = 'translateY(20px) scale(0.8)';\n      node.style.willChange = 'opacity, transform';\n    }\n\n    const io = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        io.disconnect();\n        nodes.forEach((node, i) => {\n          const d = i * 0.08;\n          node.style.transition = `opacity 0.5s ${EASE} ${d}s, transform 0.5s ${EASE_BACK} ${d}s`;\n          node.style.opacity = '1';\n          node.style.transform = 'translateY(0px) scale(1)';\n        });\n      },\n      { rootMargin: '0px 0px -30% 0px' }, // ≈ the old 'top 70%' trigger\n    );\n    io.observe(tree);\n\n    return () => {\n      io.disconnect();\n      for (const node of nodes) {\n        node.style.opacity = '';\n        node.style.transform = '';\n        node.style.transition = '';\n        node.style.willChange = '';\n      }\n    };\n  }, [groups.length]);\n\n  const hasWords = totalWords > 0;\n  const subtitle = hasWords\n    ? `${totalPages} pages structured across ${groups.length} content ${groups.length === 1 ? 'category' : 'categories'} with ${totalWords.toLocaleString()} words of content.`\n    : `${totalPages} pages structured across ${groups.length} content ${groups.length === 1 ? 'category' : 'categories'}.`;\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-6xl 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            Site Architecture\n          </h2>\n          <p\n            className=\"text-lg mb-16 max-w-3xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            {subtitle}\n          </p>\n        </ScrollReveal>\n\n        {/* Visual Tree */}\n        <div ref={treeRef} className=\"relative\">\n          {/* Root node — the domain */}\n          <div className=\"flex justify-center mb-8\">\n            <div\n              className=\"arch-node relative px-6 py-3 rounded-xl text-center\"\n              style={{\n                background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 15%, var(--sk-bg, #0a0a0a))',\n                border: '2px solid var(--sk-primary, #6366f1)',\n                boxShadow: '0 0 30px color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n              }}\n            >\n              <span\n                className=\"text-sm font-bold tracking-wide\"\n                style={{ color: 'var(--sk-primary, #6366f1)' }}\n              >\n                /\n              </span>\n              <span\n                className=\"block text-xs mt-0.5\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                {totalPages} pages\n              </span>\n            </div>\n          </div>\n\n          {/* Branch nodes — each page group */}\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\n            {groups.map((group, gi) => {\n              const color = getBranchColor(gi);\n              const isExpanded = expandedGroup === gi;\n              const hasChildren = group.pages.length > 0;\n\n              return (\n                <div\n                  key={gi}\n                  className=\"arch-node flex flex-col\"\n                >\n                  {/* Branch connector line (vertical from root) */}\n                  <div\n                    className=\"w-px h-6 mx-auto mb-2\"\n                    style={{\n                      background: `linear-gradient(to bottom, color-mix(in srgb, ${color} 40%, transparent), ${color})`,\n                    }}\n                  />\n\n                  {/* Branch node */}\n                  <button\n                    onClick={() => hasChildren && setExpandedGroup(isExpanded ? null : gi)}\n                    className=\"relative rounded-xl p-4 text-left transition-all duration-300 cursor-pointer group\"\n                    style={{\n                      background: `color-mix(in srgb, ${color} 8%, var(--sk-bg, #0a0a0a))`,\n                      border: `1.5px solid color-mix(in srgb, ${color} ${isExpanded ? '40' : '20'}%, transparent)`,\n                      boxShadow: isExpanded\n                        ? `0 0 20px color-mix(in srgb, ${color} 15%, transparent)`\n                        : 'none',\n                    }}\n                  >\n                    {/* Count badge */}\n                    <div\n                      className=\"absolute -top-2.5 -right-2 px-2 py-0.5 rounded-full text-xs font-bold\"\n                      style={{\n                        background: color,\n                        color: '#000',\n                        boxShadow: `0 0 10px color-mix(in srgb, ${color} 40%, transparent)`,\n                      }}\n                    >\n                      {group.count}\n                    </div>\n\n                    <div className=\"flex items-center gap-2\">\n                      {/* Branch icon — folder-like indicator */}\n                      <div\n                        className=\"w-2 h-2 rounded-full shrink-0\"\n                        style={{ background: color }}\n                      />\n                      <span\n                        className=\"text-sm font-semibold truncate\"\n                        style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                      >\n                        {group.label}\n                      </span>\n                    </div>\n\n                    {/* Expand indicator */}\n                    {hasChildren && (\n                      <span\n                        className=\"text-[10px] mt-1 block transition-colors\"\n                        style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                      >\n                        {isExpanded ? 'click to collapse' : `${group.count} ${group.count === 1 ? 'page' : 'pages'} — click to expand`}\n                      </span>\n                    )}\n                  </button>\n\n                  {/* Expanded page list */}\n                  {isExpanded && hasChildren && (\n                    <div\n                      className=\"mt-2 rounded-lg overflow-hidden\"\n                      style={{\n                        background: `color-mix(in srgb, ${color} 5%, var(--sk-bg, #0a0a0a))`,\n                        border: `1px solid color-mix(in srgb, ${color} 15%, transparent)`,\n                      }}\n                    >\n                      {group.pages.map((page, pi) => (\n                        <div\n                          key={pi}\n                          className=\"flex items-center gap-2 px-3 py-1.5\"\n                          style={{\n                            borderBottom:\n                              pi < group.pages.length - 1\n                                ? `1px solid color-mix(in srgb, ${color} 8%, transparent)`\n                                : 'none',\n                          }}\n                        >\n                          <div\n                            className=\"w-1 h-1 rounded-full shrink-0\"\n                            style={{ background: color, opacity: 0.5 }}\n                          />\n                          <span\n                            className=\"text-xs truncate\"\n                            style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                            title={page.title || page.path}\n                          >\n                            {page.title || page.path}\n                          </span>\n                        </div>\n                      ))}\n                      {group.count > group.pages.length && (\n                        <div\n                          className=\"px-3 py-1.5 text-xs italic\"\n                          style={{ color: 'var(--sk-text-tertiary, #71717a)', opacity: 0.6 }}\n                        >\n                          +{group.count - group.pages.length} more pages\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        {/* Bottom stats bar */}\n        <ScrollReveal y={20} delay={0.4}>\n          <div\n            className=\"mt-12 flex items-center justify-center gap-8 md:gap-12 py-4 px-6 rounded-xl mx-auto max-w-2xl\"\n            style={{\n              background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 5%, var(--sk-bg, #0a0a0a))',\n              border: '1px solid color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)',\n            }}\n          >\n            <div className=\"text-center\">\n              <span\n                className=\"text-2xl font-bold block\"\n                style={{ color: 'var(--sk-primary, #6366f1)' }}\n              >\n                {totalPages}\n              </span>\n              <span\n                className=\"text-[10px] uppercase tracking-wider block mt-0.5\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                Pages\n              </span>\n            </div>\n            <div\n              className=\"w-px h-8\"\n              style={{ background: 'color-mix(in srgb, var(--sk-text-tertiary, #71717a) 20%, transparent)' }}\n            />\n            <div className=\"text-center\">\n              <span\n                className=\"text-2xl font-bold block\"\n                style={{ color: 'var(--sk-primary, #6366f1)' }}\n              >\n                {groups.length}\n              </span>\n              <span\n                className=\"text-[10px] uppercase tracking-wider block mt-0.5\"\n                style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n              >\n                Categories\n              </span>\n            </div>\n            {hasWords && (\n              <>\n                <div\n                  className=\"w-px h-8\"\n                  style={{ background: 'color-mix(in srgb, var(--sk-text-tertiary, #71717a) 20%, transparent)' }}\n                />\n                <div className=\"text-center\">\n                  <span\n                    className=\"text-2xl font-bold block\"\n                    style={{ color: 'var(--sk-primary, #6366f1)' }}\n                  >\n                    {totalWords > 1000 ? `${(totalWords / 1000).toFixed(0)}k` : totalWords}\n                  </span>\n                  <span\n                    className=\"text-[10px] uppercase tracking-wider block mt-0.5\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    Words\n                  </span>\n                </div>\n              </>\n            )}\n          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":["ScrollReveal"]}

package/dist/portfolio/sections/SiteArchitectureSection.d.cts

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface PageGroup {
+    label: string;
+    count: number;
+    pages: Array<{
+        path?: string;
+        title: string;
+    }>;
+}
+interface SiteArchitectureData {
+    totalPages: number;
+    totalWords: number;
+    groups: PageGroup[];
+}
+interface SiteArchitectureSectionProps {
+    data: SiteArchitectureData;
+}
+declare function SiteArchitectureSection({ data }: SiteArchitectureSectionProps): React.JSX.Element;
+
+export { type SiteArchitectureData, SiteArchitectureSection as default };

package/dist/portfolio/sections/SiteArchitectureSection.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface PageGroup {
+    label: string;
+    count: number;
+    pages: Array<{
+        path?: string;
+        title: string;
+    }>;
+}
+interface SiteArchitectureData {
+    totalPages: number;
+    totalWords: number;
+    groups: PageGroup[];
+}
+interface SiteArchitectureSectionProps {
+    data: SiteArchitectureData;
+}
+declare function SiteArchitectureSection({ data }: SiteArchitectureSectionProps): React.JSX.Element;
+
+export { type SiteArchitectureData, SiteArchitectureSection as default };