@sonordev/agency-site-kit 0.1.0

package/dist/ResultsSection-DFUJ5U6M.js

@@ -0,0 +1,93 @@
+import { AnimatedCounter } from './chunk-2Y4O3LWM.js';
+import { GlassCard } from './chunk-YB4B3OMC.js';
+import { ScrollReveal } from './chunk-7CFFAKDM.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ResultsSection({ 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: "Results"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-lg mb-12 max-w-2xl",
+              style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+              children: "Measurable outcomes that speak for themselves."
+            }
+          )
+        ] }),
+        /* @__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((item, index) => /* @__PURE__ */ jsx(GlassCard, { padding: "lg", hover: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          item.metric && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-3xl md:text-4xl font-bold",
+              style: { color: "var(--sk-primary, #6366f1)" },
+              children: /* @__PURE__ */ jsx(
+                AnimatedCounter,
+                {
+                  value: item.metric.value,
+                  suffix: item.metric.suffix,
+                  prefix: item.metric.prefix,
+                  duration: 2.5
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              className: "text-lg font-semibold",
+              style: { color: "var(--sk-text-primary, #ffffff)" },
+              children: item.title
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-sm leading-relaxed",
+              style: { color: "var(--sk-text-tertiary, #71717a)" },
+              children: item.description
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1",
+              style: {
+                background: item.source === "measured" ? "color-mix(in srgb, #10b981 12%, transparent)" : "color-mix(in srgb, #f59e0b 12%, transparent)",
+                color: item.source === "measured" ? "#10b981" : "#f59e0b",
+                border: `1px solid ${item.source === "measured" ? "color-mix(in srgb, #10b981 20%, transparent)" : "color-mix(in srgb, #f59e0b 20%, transparent)"}`
+              },
+              children: [
+                item.source === "measured" ? /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M10 3L4.5 8.5 2 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
+                  /* @__PURE__ */ jsx("path", { d: "M6 4v2.5l1.5 1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+                ] }),
+                item.source
+              ]
+            }
+          )
+        ] }) }, index)) }) })
+      ] })
+    }
+  );
+}
+
+export { ResultsSection as default };
+//# sourceMappingURL=ResultsSection-DFUJ5U6M.js.map
+//# sourceMappingURL=ResultsSection-DFUJ5U6M.js.map

package/dist/ResultsSection-DFUJ5U6M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/ResultsSection.tsx"],"names":[],"mappings":"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","file":"ResultsSection-DFUJ5U6M.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioResultsData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport AnimatedCounter from '../primitives/AnimatedCounter';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface ResultsSectionProps {\n  data: PortfolioResultsData;\n}\n\nexport default function ResultsSection({ data }: ResultsSectionProps) {\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            Results\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            Measurable outcomes that speak for themselves.\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((item, index) => (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-3\">\n                  {/* Metric counter */}\n                  {item.metric && (\n                    <div\n                      className=\"text-3xl md:text-4xl font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      <AnimatedCounter\n                        value={item.metric.value}\n                        suffix={item.metric.suffix}\n                        prefix={item.metric.prefix}\n                        duration={2.5}\n                      />\n                    </div>\n                  )}\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {item.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {item.description}\n                  </p>\n\n                  {/* Source badge */}\n                  <span\n                    className=\"inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1\"\n                    style={{\n                      background:\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 12%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 12%, transparent)',\n                      color: item.source === 'measured' ? '#10b981' : '#f59e0b',\n                      border: `1px solid ${\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 20%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 20%, transparent)'\n                      }`,\n                    }}\n                  >\n                    {item.source === 'measured' ? (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <path d=\"M10 3L4.5 8.5 2 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <circle cx=\"6\" cy=\"6\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n                        <path d=\"M6 4v2.5l1.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                      </svg>\n                    )}\n                    {item.source}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/ResultsSection-XLGMMQKY.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var chunkXONXEFJY_cjs = require('./chunk-XONXEFJY.cjs');
+var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
+var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ResultsSection({ data }) {
+  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-7xl mx-auto px-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(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: "Results"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "text-lg mb-12 max-w-2xl",
+              style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+              children: "Measurable outcomes that speak for themselves."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "lg", hover: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          item.metric && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "text-3xl md:text-4xl font-bold",
+              style: { color: "var(--sk-primary, #6366f1)" },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkXONXEFJY_cjs.AnimatedCounter,
+                {
+                  value: item.metric.value,
+                  suffix: item.metric.suffix,
+                  prefix: item.metric.prefix,
+                  duration: 2.5
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h3",
+            {
+              className: "text-lg font-semibold",
+              style: { color: "var(--sk-text-primary, #ffffff)" },
+              children: item.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "text-sm leading-relaxed",
+              style: { color: "var(--sk-text-tertiary, #71717a)" },
+              children: item.description
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1",
+              style: {
+                background: item.source === "measured" ? "color-mix(in srgb, #10b981 12%, transparent)" : "color-mix(in srgb, #f59e0b 12%, transparent)",
+                color: item.source === "measured" ? "#10b981" : "#f59e0b",
+                border: `1px solid ${item.source === "measured" ? "color-mix(in srgb, #10b981 20%, transparent)" : "color-mix(in srgb, #f59e0b 20%, transparent)"}`
+              },
+              children: [
+                item.source === "measured" ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L4.5 8.5 2 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4v2.5l1.5 1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+                ] }),
+                item.source
+              ]
+            }
+          )
+        ] }) }, index)) }) })
+      ] })
+    }
+  );
+}
+
+module.exports = ResultsSection;
+//# sourceMappingURL=ResultsSection-XLGMMQKY.cjs.map
+//# sourceMappingURL=ResultsSection-XLGMMQKY.cjs.map

package/dist/ResultsSection-XLGMMQKY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/ResultsSection.tsx"],"names":["jsx","jsxs","ScrollReveal","GlassCard","AnimatedCounter"],"mappings":"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","file":"ResultsSection-XLGMMQKY.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioResultsData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport AnimatedCounter from '../primitives/AnimatedCounter';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface ResultsSectionProps {\n  data: PortfolioResultsData;\n}\n\nexport default function ResultsSection({ data }: ResultsSectionProps) {\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            Results\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            Measurable outcomes that speak for themselves.\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((item, index) => (\n              <GlassCard key={index} padding=\"lg\" hover>\n                <div className=\"flex flex-col gap-3\">\n                  {/* Metric counter */}\n                  {item.metric && (\n                    <div\n                      className=\"text-3xl md:text-4xl font-bold\"\n                      style={{ color: 'var(--sk-primary, #6366f1)' }}\n                    >\n                      <AnimatedCounter\n                        value={item.metric.value}\n                        suffix={item.metric.suffix}\n                        prefix={item.metric.prefix}\n                        duration={2.5}\n                      />\n                    </div>\n                  )}\n\n                  <h3\n                    className=\"text-lg font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {item.title}\n                  </h3>\n\n                  <p\n                    className=\"text-sm leading-relaxed\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {item.description}\n                  </p>\n\n                  {/* Source badge */}\n                  <span\n                    className=\"inline-flex self-start items-center gap-1 px-2.5 py-1 rounded-full text-[11px] uppercase tracking-wider font-medium mt-1\"\n                    style={{\n                      background:\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 12%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 12%, transparent)',\n                      color: item.source === 'measured' ? '#10b981' : '#f59e0b',\n                      border: `1px solid ${\n                        item.source === 'measured'\n                          ? 'color-mix(in srgb, #10b981 20%, transparent)'\n                          : 'color-mix(in srgb, #f59e0b 20%, transparent)'\n                      }`,\n                    }}\n                  >\n                    {item.source === 'measured' ? (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <path d=\"M10 3L4.5 8.5 2 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                      </svg>\n                    ) : (\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                        <circle cx=\"6\" cy=\"6\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n                        <path d=\"M6 4v2.5l1.5 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                      </svg>\n                    )}\n                    {item.source}\n                  </span>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/ServicesSection-D5V3Q4GR.js

@@ -0,0 +1,118 @@
+import { GlassCard } from './chunk-YB4B3OMC.js';
+import { ScrollReveal } from './chunk-7CFFAKDM.js';
+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) => /* @__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: service.icon ? /* @__PURE__ */ jsx("img", { src: service.icon, alt: "", width: 24, height: 24, 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-D5V3Q4GR.js.map
+//# sourceMappingURL=ServicesSection-D5V3Q4GR.js.map

package/dist/ServicesSection-D5V3Q4GR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/ServicesSection.tsx"],"names":[],"mappings":"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","file":"ServicesSection-D5V3Q4GR.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioServicesData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../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              <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                    {service.icon ? (\n                      <img src={service.icon} alt=\"\" width={24} height={24} 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          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/ServicesSection-WJMGK2MF.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
+var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ServicesSection({ data }) {
+  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-7xl mx-auto px-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(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: "Services Provided"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((service, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "lg", hover: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.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: service.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: service.icon, alt: "", width: 24, height: 24, className: "w-6 h-6 object-contain" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  style: { color: "var(--sk-primary, #6366f1)" },
+                  children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "h3",
+            {
+              className: "text-lg font-semibold",
+              style: { color: "var(--sk-text-primary, #ffffff)" },
+              children: service.title
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "text-sm leading-relaxed",
+              style: { color: "var(--sk-text-tertiary, #71717a)" },
+              children: service.description
+            }
+          ),
+          service.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2 mt-1", children: service.features.map((feature, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: "shrink-0 mt-0.5",
+                style: { color: "#10b981" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M13.333 4L6 11.333 2.667 8",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "text-sm",
+                style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+                children: feature
+              }
+            )
+          ] }, fi)) })
+        ] }) }, index)) }) })
+      ] })
+    }
+  );
+}
+
+module.exports = ServicesSection;
+//# sourceMappingURL=ServicesSection-WJMGK2MF.cjs.map
+//# sourceMappingURL=ServicesSection-WJMGK2MF.cjs.map

package/dist/ServicesSection-WJMGK2MF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/ServicesSection.tsx"],"names":["jsx","jsxs","ScrollReveal","GlassCard"],"mappings":"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","file":"ServicesSection-WJMGK2MF.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioServicesData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../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              <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                    {service.icon ? (\n                      <img src={service.icon} alt=\"\" width={24} height={24} 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          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}