@sonordev/agency-site-kit 0.1.0

package/dist/TeamSection-HGKFW6PQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/TeamSection.tsx"],"names":[],"mappings":"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","file":"TeamSection-HGKFW6PQ.js","sourcesContent":["'use client';\n\nimport React, { useRef, useCallback } from 'react';\nimport gsap from 'gsap';\nimport type { PortfolioTeamData, PortfolioTeamMember } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TeamSectionProps {\n  data: PortfolioTeamData;\n}\n\nfunction TeamCard({ member }: { member: PortfolioTeamMember }) {\n  const cardRef = useRef<HTMLDivElement>(null);\n\n  const handleMouseEnter = useCallback(() => {\n    if (!cardRef.current) return;\n    const avatar = cardRef.current.querySelector('.team-avatar');\n    if (avatar) {\n      gsap.to(avatar, { scale: 1.08, duration: 0.3, ease: 'power2.out' });\n    }\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    if (!cardRef.current) return;\n    const avatar = cardRef.current.querySelector('.team-avatar');\n    if (avatar) {\n      gsap.to(avatar, { scale: 1, duration: 0.3, ease: 'power2.out' });\n    }\n  }, []);\n\n  const avatarUrl = member.avatar?.asset?._ref;\n  const initials = member.name\n    .split(' ')\n    .map((w: string) => w[0])\n    .join('')\n    .slice(0, 2)\n    .toUpperCase();\n\n  return (\n    <div ref={cardRef} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <GlassCard padding=\"md\" hover className=\"text-center\">\n        <div className=\"flex flex-col items-center gap-4\">\n          {avatarUrl ? (\n            <img\n              src={avatarUrl}\n              alt={member.name}\n              className=\"team-avatar w-20 h-20 rounded-full object-cover\"\n              style={{\n                border: '3px solid var(--sk-border, rgba(255,255,255,0.1))',\n                willChange: 'transform',\n              }}\n            />\n          ) : (\n            <div\n              className=\"team-avatar flex items-center justify-center w-20 h-20 rounded-full text-xl font-bold\"\n              style={{\n                background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n                color: 'var(--sk-primary, #6366f1)',\n                border: '3px solid color-mix(in srgb, var(--sk-primary, #6366f1) 25%, transparent)',\n                willChange: 'transform',\n              }}\n            >\n              {initials}\n            </div>\n          )}\n\n          <div>\n            <h3\n              className=\"text-base font-semibold\"\n              style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n            >\n              {member.name}\n            </h3>\n            <p\n              className=\"text-sm mt-1\"\n              style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n            >\n              {member.role}\n            </p>\n          </div>\n        </div>\n      </GlassCard>\n    </div>\n  );\n}\n\nexport default function TeamSection({ data }: TeamSectionProps) {\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            The Team\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            The people who brought this project to life.\n          </p>\n        </ScrollReveal>\n\n        <ScrollReveal stagger={0.1}>\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n            {data.members.map((member, index) => (\n              <TeamCard key={index} member={member} />\n            ))}\n          </div>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/TechStackSection-OCUYG4XT.js

@@ -0,0 +1,90 @@
+'use client';
+import { GlassCard } from './chunk-YB4B3OMC.js';
+import { ScrollReveal } from './chunk-7CFFAKDM.js';
+import { useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TechStackSection({ data }) {
+  const grouped = useMemo(() => {
+    const groups = {};
+    for (const tech of data.technologies) {
+      const cat = tech.category || "Other";
+      if (!groups[cat]) groups[cat] = [];
+      groups[cat].push(tech);
+    }
+    return Object.entries(groups);
+  }, [data.technologies]);
+  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: "Tech Stack"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-lg mb-12 max-w-2xl",
+              style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+              children: "The technologies and tools powering this project."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-10", children: grouped.map(([category, techs], gi) => /* @__PURE__ */ jsx(ScrollReveal, { y: 30, delay: gi * 0.1, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              className: "text-sm font-semibold uppercase tracking-wider",
+              style: { color: "var(--sk-text-tertiary, #71717a)" },
+              children: category
+            }
+          ),
+          /* @__PURE__ */ jsx(ScrollReveal, { stagger: 0.06, children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: techs.map((tech, ti) => /* @__PURE__ */ jsxs(
+            GlassCard,
+            {
+              padding: "sm",
+              hover: true,
+              className: "inline-flex items-center gap-2",
+              children: [
+                tech.icon && /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: tech.icon,
+                    alt: tech.name,
+                    width: 20,
+                    height: 20,
+                    className: "w-5 h-5 object-contain"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-sm font-medium whitespace-nowrap",
+                    style: { color: "var(--sk-text-primary, #ffffff)" },
+                    children: tech.name
+                  }
+                )
+              ]
+            },
+            ti
+          )) }) })
+        ] }) }, category)) })
+      ] })
+    }
+  );
+}
+
+export { TechStackSection as default };
+//# sourceMappingURL=TechStackSection-OCUYG4XT.js.map
+//# sourceMappingURL=TechStackSection-OCUYG4XT.js.map

package/dist/TechStackSection-OCUYG4XT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/TechStackSection.tsx"],"names":[],"mappings":"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","file":"TechStackSection-OCUYG4XT.js","sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport type { PortfolioTechStackData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TechStackSectionProps {\n  data: PortfolioTechStackData;\n}\n\nexport default function TechStackSection({ data }: TechStackSectionProps) {\n  // Group technologies by category\n  const grouped = useMemo(() => {\n    const groups: Record<string, typeof data.technologies> = {};\n    for (const tech of data.technologies) {\n      const cat = tech.category || 'Other';\n      if (!groups[cat]) groups[cat] = [];\n      groups[cat].push(tech);\n    }\n    return Object.entries(groups);\n  }, [data.technologies]);\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-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            Tech Stack\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            The technologies and tools powering this project.\n          </p>\n        </ScrollReveal>\n\n        <div className=\"flex flex-col gap-10\">\n          {grouped.map(([category, techs], gi) => (\n            <ScrollReveal key={category} y={30} delay={gi * 0.1}>\n              <div className=\"flex flex-col gap-4\">\n                <h3\n                  className=\"text-sm font-semibold uppercase tracking-wider\"\n                  style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                >\n                  {category}\n                </h3>\n                <ScrollReveal stagger={0.06}>\n                  <div className=\"flex flex-wrap gap-3\">\n                    {techs.map((tech, ti) => (\n                      <GlassCard\n                        key={ti}\n                        padding=\"sm\"\n                        hover\n                        className=\"inline-flex items-center gap-2\"\n                      >\n                        {tech.icon && (\n                          <img\n                            src={tech.icon}\n                            alt={tech.name}\n                            width={20}\n                            height={20}\n                            className=\"w-5 h-5 object-contain\"\n                          />\n                        )}\n                        <span\n                          className=\"text-sm font-medium whitespace-nowrap\"\n                          style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                        >\n                          {tech.name}\n                        </span>\n                      </GlassCard>\n                    ))}\n                  </div>\n                </ScrollReveal>\n              </div>\n            </ScrollReveal>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/TechStackSection-VKJK4KQB.cjs

@@ -0,0 +1,91 @@
+'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 TechStackSection({ data }) {
+  const grouped = react.useMemo(() => {
+    const groups = {};
+    for (const tech of data.technologies) {
+      const cat = tech.category || "Other";
+      if (!groups[cat]) groups[cat] = [];
+      groups[cat].push(tech);
+    }
+    return Object.entries(groups);
+  }, [data.technologies]);
+  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: "Tech Stack"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "text-lg mb-12 max-w-2xl",
+              style: { color: "var(--sk-text-secondary, #a1a1aa)" },
+              children: "The technologies and tools powering this project."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-10", children: grouped.map(([category, techs], gi) => /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, delay: gi * 0.1, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h3",
+            {
+              className: "text-sm font-semibold uppercase tracking-wider",
+              style: { color: "var(--sk-text-tertiary, #71717a)" },
+              children: category
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { stagger: 0.06, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3", children: techs.map((tech, ti) => /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkKEOHORIH_cjs.GlassCard,
+            {
+              padding: "sm",
+              hover: true,
+              className: "inline-flex items-center gap-2",
+              children: [
+                tech.icon && /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: tech.icon,
+                    alt: tech.name,
+                    width: 20,
+                    height: 20,
+                    className: "w-5 h-5 object-contain"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "text-sm font-medium whitespace-nowrap",
+                    style: { color: "var(--sk-text-primary, #ffffff)" },
+                    children: tech.name
+                  }
+                )
+              ]
+            },
+            ti
+          )) }) })
+        ] }) }, category)) })
+      ] })
+    }
+  );
+}
+
+module.exports = TechStackSection;
+//# sourceMappingURL=TechStackSection-VKJK4KQB.cjs.map
+//# sourceMappingURL=TechStackSection-VKJK4KQB.cjs.map

package/dist/TechStackSection-VKJK4KQB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/TechStackSection.tsx"],"names":["useMemo","jsx","jsxs","ScrollReveal","GlassCard"],"mappings":"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","file":"TechStackSection-VKJK4KQB.cjs","sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport type { PortfolioTechStackData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TechStackSectionProps {\n  data: PortfolioTechStackData;\n}\n\nexport default function TechStackSection({ data }: TechStackSectionProps) {\n  // Group technologies by category\n  const grouped = useMemo(() => {\n    const groups: Record<string, typeof data.technologies> = {};\n    for (const tech of data.technologies) {\n      const cat = tech.category || 'Other';\n      if (!groups[cat]) groups[cat] = [];\n      groups[cat].push(tech);\n    }\n    return Object.entries(groups);\n  }, [data.technologies]);\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-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            Tech Stack\n          </h2>\n          <p\n            className=\"text-lg mb-12 max-w-2xl\"\n            style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n          >\n            The technologies and tools powering this project.\n          </p>\n        </ScrollReveal>\n\n        <div className=\"flex flex-col gap-10\">\n          {grouped.map(([category, techs], gi) => (\n            <ScrollReveal key={category} y={30} delay={gi * 0.1}>\n              <div className=\"flex flex-col gap-4\">\n                <h3\n                  className=\"text-sm font-semibold uppercase tracking-wider\"\n                  style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                >\n                  {category}\n                </h3>\n                <ScrollReveal stagger={0.06}>\n                  <div className=\"flex flex-wrap gap-3\">\n                    {techs.map((tech, ti) => (\n                      <GlassCard\n                        key={ti}\n                        padding=\"sm\"\n                        hover\n                        className=\"inline-flex items-center gap-2\"\n                      >\n                        {tech.icon && (\n                          <img\n                            src={tech.icon}\n                            alt={tech.name}\n                            width={20}\n                            height={20}\n                            className=\"w-5 h-5 object-contain\"\n                          />\n                        )}\n                        <span\n                          className=\"text-sm font-medium whitespace-nowrap\"\n                          style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                        >\n                          {tech.name}\n                        </span>\n                      </GlassCard>\n                    ))}\n                  </div>\n                </ScrollReveal>\n              </div>\n            </ScrollReveal>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/TestimonialSection-6RGSMXQB.js

@@ -0,0 +1,122 @@
+import { GlassCard } from './chunk-YB4B3OMC.js';
+import { ScrollReveal } from './chunk-7CFFAKDM.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function StarRating({ rating }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: i < rating ? "var(--sk-primary, #6366f1)" : "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z",
+          stroke: i < rating ? "var(--sk-primary, #6366f1)" : "var(--sk-text-tertiary, #71717a)",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    },
+    i
+  )) });
+}
+function TestimonialSection({ data }) {
+  const avatarUrl = data.avatar?.asset?._ref;
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: "w-full py-20 md:py-28",
+      style: { background: "var(--sk-bg, #0a0a0a)" },
+      children: /* @__PURE__ */ jsx("div", { className: "max-w-4xl mx-auto px-6", children: /* @__PURE__ */ jsx(ScrollReveal, { y: 30, duration: 1, children: /* @__PURE__ */ jsx(GlassCard, { padding: "lg", hover: false, className: "text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6 py-8 px-4 md:px-12", children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "48",
+            height: "48",
+            viewBox: "0 0 48 48",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            style: { color: "var(--sk-primary, #6366f1)", opacity: 0.4 },
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z",
+                fill: "currentColor"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "blockquote",
+          {
+            className: "text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic",
+            style: {
+              color: "var(--sk-text-primary, #ffffff)",
+              fontFamily: "var(--sk-font-heading, inherit)"
+            },
+            children: [
+              "\u201C",
+              data.quote,
+              "\u201D"
+            ]
+          }
+        ),
+        data.rating !== void 0 && data.rating > 0 && /* @__PURE__ */ jsx(StarRating, { rating: data.rating }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mt-2", children: [
+          avatarUrl ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: avatarUrl,
+              alt: data.author,
+              className: "w-12 h-12 rounded-full object-cover",
+              style: {
+                border: "2px solid var(--sk-border, rgba(255,255,255,0.1))"
+              }
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold",
+              style: {
+                background: "color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)",
+                color: "var(--sk-primary, #6366f1)"
+              },
+              children: data.author.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase()
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "font-semibold",
+                style: { color: "var(--sk-text-primary, #ffffff)" },
+                children: data.author
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "text-sm",
+                style: { color: "var(--sk-text-tertiary, #71717a)" },
+                children: [
+                  data.title,
+                  ", ",
+                  data.company
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }) }) }) })
+    }
+  );
+}
+
+export { TestimonialSection as default };
+//# sourceMappingURL=TestimonialSection-6RGSMXQB.js.map
+//# sourceMappingURL=TestimonialSection-6RGSMXQB.js.map

package/dist/TestimonialSection-6RGSMXQB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/TestimonialSection.tsx"],"names":[],"mappings":"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","file":"TestimonialSection-6RGSMXQB.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTestimonialData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TestimonialSectionProps {\n  data: PortfolioTestimonialData;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <svg\n          key={i}\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill={i < rating ? 'var(--sk-primary, #6366f1)' : 'none'}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z\"\n            stroke={i < rating ? 'var(--sk-primary, #6366f1)' : 'var(--sk-text-tertiary, #71717a)'}\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      ))}\n    </div>\n  );\n}\n\nexport default function TestimonialSection({ data }: TestimonialSectionProps) {\n  const avatarUrl = data.avatar?.asset?._ref;\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-4xl mx-auto px-6\">\n        <ScrollReveal y={30} duration={1}>\n          <GlassCard padding=\"lg\" hover={false} className=\"text-center\">\n            <div className=\"flex flex-col items-center gap-6 py-8 px-4 md:px-12\">\n              {/* Quote icon */}\n              <svg\n                width=\"48\"\n                height=\"48\"\n                viewBox=\"0 0 48 48\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                style={{ color: 'var(--sk-primary, #6366f1)', opacity: 0.4 }}\n              >\n                <path\n                  d=\"M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n\n              {/* Quote text */}\n              <blockquote\n                className=\"text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic\"\n                style={{\n                  color: 'var(--sk-text-primary, #ffffff)',\n                  fontFamily: 'var(--sk-font-heading, inherit)',\n                }}\n              >\n                &ldquo;{data.quote}&rdquo;\n              </blockquote>\n\n              {/* Rating */}\n              {data.rating !== undefined && data.rating > 0 && (\n                <StarRating rating={data.rating} />\n              )}\n\n              {/* Author */}\n              <div className=\"flex items-center gap-4 mt-2\">\n                {avatarUrl ? (\n                  <img\n                    src={avatarUrl}\n                    alt={data.author}\n                    className=\"w-12 h-12 rounded-full object-cover\"\n                    style={{\n                      border: '2px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  />\n                ) : (\n                  <div\n                    className=\"flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold\"\n                    style={{\n                      background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n                      color: 'var(--sk-primary, #6366f1)',\n                    }}\n                  >\n                    {data.author\n                      .split(' ')\n                      .map((w) => w[0])\n                      .join('')\n                      .slice(0, 2)\n                      .toUpperCase()}\n                  </div>\n                )}\n                <div className=\"text-left\">\n                  <div\n                    className=\"font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {data.author}\n                  </div>\n                  <div\n                    className=\"text-sm\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {data.title}, {data.company}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/TestimonialSection-XPTFUQIN.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
+var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function StarRating({ rating }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: i < rating ? "var(--sk-primary, #6366f1)" : "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z",
+          stroke: i < rating ? "var(--sk-primary, #6366f1)" : "var(--sk-text-tertiary, #71717a)",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    },
+    i
+  )) });
+}
+function TestimonialSection({ data }) {
+  const avatarUrl = data.avatar?.asset?._ref;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "section",
+    {
+      className: "w-full py-20 md:py-28",
+      style: { background: "var(--sk-bg, #0a0a0a)" },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto px-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, duration: 1, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "lg", hover: false, className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6 py-8 px-4 md:px-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "48",
+            height: "48",
+            viewBox: "0 0 48 48",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            style: { color: "var(--sk-primary, #6366f1)", opacity: 0.4 },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z",
+                fill: "currentColor"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "blockquote",
+          {
+            className: "text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic",
+            style: {
+              color: "var(--sk-text-primary, #ffffff)",
+              fontFamily: "var(--sk-font-heading, inherit)"
+            },
+            children: [
+              "\u201C",
+              data.quote,
+              "\u201D"
+            ]
+          }
+        ),
+        data.rating !== void 0 && data.rating > 0 && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: data.rating }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mt-2", children: [
+          avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: avatarUrl,
+              alt: data.author,
+              className: "w-12 h-12 rounded-full object-cover",
+              style: {
+                border: "2px solid var(--sk-border, rgba(255,255,255,0.1))"
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold",
+              style: {
+                background: "color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)",
+                color: "var(--sk-primary, #6366f1)"
+              },
+              children: data.author.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase()
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "font-semibold",
+                style: { color: "var(--sk-text-primary, #ffffff)" },
+                children: data.author
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "text-sm",
+                style: { color: "var(--sk-text-tertiary, #71717a)" },
+                children: [
+                  data.title,
+                  ", ",
+                  data.company
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }) }) }) })
+    }
+  );
+}
+
+module.exports = TestimonialSection;
+//# sourceMappingURL=TestimonialSection-XPTFUQIN.cjs.map
+//# sourceMappingURL=TestimonialSection-XPTFUQIN.cjs.map

package/dist/TestimonialSection-XPTFUQIN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/portfolio/components/sections/TestimonialSection.tsx"],"names":["jsx","ScrollReveal","GlassCard","jsxs"],"mappings":"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","file":"TestimonialSection-XPTFUQIN.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTestimonialData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TestimonialSectionProps {\n  data: PortfolioTestimonialData;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <svg\n          key={i}\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill={i < rating ? 'var(--sk-primary, #6366f1)' : 'none'}\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z\"\n            stroke={i < rating ? 'var(--sk-primary, #6366f1)' : 'var(--sk-text-tertiary, #71717a)'}\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      ))}\n    </div>\n  );\n}\n\nexport default function TestimonialSection({ data }: TestimonialSectionProps) {\n  const avatarUrl = data.avatar?.asset?._ref;\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-4xl mx-auto px-6\">\n        <ScrollReveal y={30} duration={1}>\n          <GlassCard padding=\"lg\" hover={false} className=\"text-center\">\n            <div className=\"flex flex-col items-center gap-6 py-8 px-4 md:px-12\">\n              {/* Quote icon */}\n              <svg\n                width=\"48\"\n                height=\"48\"\n                viewBox=\"0 0 48 48\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                style={{ color: 'var(--sk-primary, #6366f1)', opacity: 0.4 }}\n              >\n                <path\n                  d=\"M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n\n              {/* Quote text */}\n              <blockquote\n                className=\"text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic\"\n                style={{\n                  color: 'var(--sk-text-primary, #ffffff)',\n                  fontFamily: 'var(--sk-font-heading, inherit)',\n                }}\n              >\n                &ldquo;{data.quote}&rdquo;\n              </blockquote>\n\n              {/* Rating */}\n              {data.rating !== undefined && data.rating > 0 && (\n                <StarRating rating={data.rating} />\n              )}\n\n              {/* Author */}\n              <div className=\"flex items-center gap-4 mt-2\">\n                {avatarUrl ? (\n                  <img\n                    src={avatarUrl}\n                    alt={data.author}\n                    className=\"w-12 h-12 rounded-full object-cover\"\n                    style={{\n                      border: '2px solid var(--sk-border, rgba(255,255,255,0.1))',\n                    }}\n                  />\n                ) : (\n                  <div\n                    className=\"flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold\"\n                    style={{\n                      background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n                      color: 'var(--sk-primary, #6366f1)',\n                    }}\n                  >\n                    {data.author\n                      .split(' ')\n                      .map((w) => w[0])\n                      .join('')\n                      .slice(0, 2)\n                      .toUpperCase()}\n                  </div>\n                )}\n                <div className=\"text-left\">\n                  <div\n                    className=\"font-semibold\"\n                    style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n                  >\n                    {data.author}\n                  </div>\n                  <div\n                    className=\"text-sm\"\n                    style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n                  >\n                    {data.title}, {data.company}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n        </ScrollReveal>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/VideoSection-4A2HC6K6.js

@@ -0,0 +1,117 @@
+'use client';
+import { GlassCard } from './chunk-YB4B3OMC.js';
+import { ScrollReveal } from './chunk-7CFFAKDM.js';
+import { useState, useCallback } from 'react';
+import { jsx, jsxs } from '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] = useState(false);
+  const thumbnailUrl = data.thumbnail?.asset?._ref || "";
+  const embedUrl = getEmbedUrl(data);
+  const handlePlay = useCallback(() => {
+    if (embedUrl) setPlaying(true);
+  }, [embedUrl]);
+  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-5xl mx-auto px-6", children: [
+        /* @__PURE__ */ jsx(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: data.title
+          }
+        ) }),
+        /* @__PURE__ */ jsx(ScrollReveal, { y: 40, delay: 0.15, children: /* @__PURE__ */ jsx(GlassCard, { padding: "sm", hover: false, children: /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-hidden rounded-xl", style: { aspectRatio: "16/9" }, children: playing ? /* @__PURE__ */ 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__ */ jsxs(
+          "button",
+          {
+            onClick: handlePlay,
+            className: "absolute inset-0 w-full h-full group cursor-pointer",
+            "aria-label": `Play ${data.title}`,
+            children: [
+              thumbnailUrl && /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: thumbnailUrl,
+                  alt: data.title,
+                  className: "w-full h-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ 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__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ 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__ */ jsx(
+                    "svg",
+                    {
+                      width: "32",
+                      height: "32",
+                      viewBox: "0 0 32 32",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      children: /* @__PURE__ */ jsx("path", { d: "M12 8l14 8-14 8V8z", fill: "#ffffff" })
+                    }
+                  )
+                }
+              ) }),
+              data.duration && /* @__PURE__ */ 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
+                }
+              )
+            ]
+          }
+        ) }) }) })
+      ] })
+    }
+  );
+}
+
+export { VideoSection as default };
+//# sourceMappingURL=VideoSection-4A2HC6K6.js.map
+//# sourceMappingURL=VideoSection-4A2HC6K6.js.map