@sonordev/agency-site-kit 0.1.0 → 0.1.1

package/dist/TechStackSection-OCUYG4XT.js

@@ -1,90 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,91 +0,0 @@
-'use strict';
-
-var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
-var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function 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

@@ -1 +0,0 @@
-{"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/chunk-2VNNFAG6.js

@@ -1,415 +0,0 @@
-'use client';
-import { AnimatedCounter } from './chunk-2Y4O3LWM.js';
-import { GlassCard } from './chunk-YB4B3OMC.js';
-import { ScrollReveal } from './chunk-7CFFAKDM.js';
-import dynamic from 'next/dynamic';
-import { useRef, useEffect, useMemo } from 'react';
-import gsap from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function SplitHeadline({
-  children,
-  tag: Tag = "h2",
-  className,
-  style,
-  delay = 0,
-  duration = 0.8,
-  staggerAmount = 0.02
-}) {
-  const ref = useRef(null);
-  const splitContent = useMemo(() => {
-    const words = children.split(" ");
-    return words.map((word, wi) => /* @__PURE__ */ jsxs("span", { style: { display: "inline-block", whiteSpace: "nowrap" }, children: [
-      word.split("").map((char, ci) => /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "split-char",
-          style: { display: "inline-block" },
-          children: char
-        },
-        ci
-      )),
-      wi < words.length - 1 && /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: "\xA0" })
-    ] }, wi));
-  }, [children]);
-  useEffect(() => {
-    gsap.registerPlugin(ScrollTrigger);
-    const el = ref.current;
-    if (!el) return;
-    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    if (prefersReducedMotion) {
-      gsap.set(el.querySelectorAll(".split-char"), { opacity: 1, y: 0 });
-      return;
-    }
-    const chars = el.querySelectorAll(".split-char");
-    const ctx = gsap.context(() => {
-      gsap.fromTo(
-        chars,
-        {
-          opacity: 0,
-          y: 20
-        },
-        {
-          opacity: 1,
-          y: 0,
-          duration,
-          delay,
-          stagger: staggerAmount,
-          ease: "power2.out",
-          scrollTrigger: {
-            trigger: el,
-            start: "top 85%",
-            toggleActions: "play none none none"
-          }
-        }
-      );
-    }, el);
-    return () => ctx.revert();
-  }, [delay, duration, staggerAmount]);
-  return /* @__PURE__ */ jsx(
-    Tag,
-    {
-      ref,
-      className,
-      style: { overflow: "hidden", ...style },
-      children: splitContent
-    }
-  );
-}
-function HeroSection({ data, screenshots, liveUrl }) {
-  const bgRef = useRef(null);
-  const deviceRef = useRef(null);
-  const shots = screenshots || data.screenshots;
-  const url = liveUrl || data.liveUrl;
-  useEffect(() => {
-    gsap.registerPlugin(ScrollTrigger);
-    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    if (prefersReducedMotion) return;
-    const ctx = gsap.context(() => {
-      if (bgRef.current) {
-        gsap.to(bgRef.current, {
-          yPercent: 30,
-          ease: "none",
-          scrollTrigger: {
-            trigger: bgRef.current.parentElement,
-            start: "top top",
-            end: "bottom top",
-            scrub: true
-          }
-        });
-      }
-      if (deviceRef.current) {
-        const devices = deviceRef.current.children;
-        gsap.fromTo(
-          devices,
-          { y: 60, opacity: 0, scale: 0.95 },
-          {
-            y: 0,
-            opacity: 1,
-            scale: 1,
-            duration: 1,
-            stagger: 0.15,
-            ease: "power3.out",
-            delay: 0.6
-          }
-        );
-      }
-    });
-    return () => ctx.revert();
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: "relative overflow-hidden w-full",
-      style: {
-        minHeight: "90vh",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        background: "var(--sk-bg, #0a0a0a)"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: bgRef,
-            className: "absolute inset-0 pointer-events-none",
-            style: {
-              background: `radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent) 0%, transparent 70%)`,
-              willChange: "transform"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "relative z-10 max-w-7xl mx-auto w-full px-6 py-24 lg:py-32", children: /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-2 gap-12 lg:gap-16 items-center", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-            /* @__PURE__ */ jsx(ScrollReveal, { y: 20, duration: 0.6, children: /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "inline-flex items-center self-start px-4 py-1.5 rounded-full text-sm font-medium",
-                style: {
-                  background: "color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)",
-                  color: "var(--sk-primary, #6366f1)",
-                  border: "1px solid color-mix(in srgb, var(--sk-primary, #6366f1) 25%, transparent)"
-                },
-                children: data.category
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              SplitHeadline,
-              {
-                tag: "h1",
-                className: "text-4xl md:text-5xl lg:text-6xl font-bold leading-tight",
-                style: {
-                  color: "var(--sk-text-primary, #ffffff)",
-                  fontFamily: "var(--sk-font-heading, inherit)"
-                },
-                children: data.headline
-              }
-            ),
-            /* @__PURE__ */ jsx(ScrollReveal, { y: 20, delay: 0.2, children: /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: "text-xl md:text-2xl font-medium",
-                style: { color: "var(--sk-text-secondary, #a1a1aa)" },
-                children: data.subheadline
-              }
-            ) }),
-            /* @__PURE__ */ jsx(ScrollReveal, { y: 20, delay: 0.3, children: /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: "text-base md:text-lg leading-relaxed",
-                style: { color: "var(--sk-text-tertiary, #71717a)" },
-                children: data.description
-              }
-            ) }),
-            data.services.length > 0 && /* @__PURE__ */ jsx(ScrollReveal, { y: 20, delay: 0.4, stagger: 0.05, children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: data.services.map((service) => /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "px-3 py-1 rounded-full text-xs font-medium",
-                style: {
-                  background: "var(--sk-surface, rgba(255,255,255,0.05))",
-                  color: "var(--sk-text-secondary, #a1a1aa)",
-                  border: "1px solid var(--sk-border, rgba(255,255,255,0.1))"
-                },
-                children: service
-              },
-              service
-            )) }) }),
-            url && /* @__PURE__ */ jsx(ScrollReveal, { y: 20, delay: 0.5, children: /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "inline-flex items-center gap-2 self-start px-6 py-3 rounded-xl text-sm font-semibold transition-opacity hover:opacity-90",
-                style: {
-                  background: "var(--sk-primary, #6366f1)",
-                  color: "#ffffff"
-                },
-                children: [
-                  "View Live Site",
-                  /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M6 3h7v7M13 3L3 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-                ]
-              }
-            ) }),
-            data.kpis.length > 0 && /* @__PURE__ */ jsx(ScrollReveal, { y: 30, delay: 0.6, stagger: 0.1, children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 mt-4", children: data.kpis.map((kpi, i) => /* @__PURE__ */ jsxs(GlassCard, { padding: "sm", hover: false, className: "text-center", children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "text-2xl md:text-3xl font-bold",
-                  style: { color: "var(--sk-primary, #6366f1)" },
-                  children: /* @__PURE__ */ jsx(
-                    AnimatedCounter,
-                    {
-                      value: kpi.value,
-                      suffix: kpi.suffix,
-                      prefix: kpi.prefix,
-                      duration: 2.5
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "text-xs mt-1 font-medium",
-                  style: { color: "var(--sk-text-secondary, #a1a1aa)" },
-                  children: kpi.label
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "inline-block mt-1.5 px-2 py-0.5 rounded text-[10px] uppercase tracking-wider font-medium",
-                  style: {
-                    background: kpi.source === "measured" ? "color-mix(in srgb, #10b981 15%, transparent)" : "color-mix(in srgb, #f59e0b 15%, transparent)",
-                    color: kpi.source === "measured" ? "#10b981" : "#f59e0b"
-                  },
-                  children: kpi.source
-                }
-              )
-            ] }, i)) }) })
-          ] }),
-          (shots?.desktop || shots?.tablet || shots?.mobile) && /* @__PURE__ */ jsxs("div", { ref: deviceRef, className: "relative flex items-end justify-center gap-3 lg:gap-4 min-h-[400px]", children: [
-            shots.desktop && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "relative w-full max-w-[480px] rounded-lg overflow-hidden shadow-2xl",
-                style: {
-                  border: "2px solid var(--sk-border, rgba(255,255,255,0.1))",
-                  aspectRatio: "16/10"
-                },
-                children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: shots.desktop,
-                    alt: "Desktop screenshot",
-                    className: "w-full h-full object-cover object-top",
-                    loading: "eager"
-                  }
-                )
-              }
-            ),
-            shots.tablet && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute bottom-0 right-0 w-[45%] max-w-[220px] rounded-lg overflow-hidden shadow-2xl z-10",
-                style: {
-                  border: "2px solid var(--sk-border, rgba(255,255,255,0.1))",
-                  aspectRatio: "3/4",
-                  transform: "translateX(10%) translateY(5%)"
-                },
-                children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: shots.tablet,
-                    alt: "Tablet screenshot",
-                    className: "w-full h-full object-cover object-top",
-                    loading: "eager"
-                  }
-                )
-              }
-            ),
-            shots.mobile && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute bottom-0 right-[15%] w-[25%] max-w-[120px] rounded-xl overflow-hidden shadow-2xl z-20",
-                style: {
-                  border: "2px solid var(--sk-border, rgba(255,255,255,0.1))",
-                  aspectRatio: "9/19",
-                  transform: "translateY(10%)"
-                },
-                children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: shots.mobile,
-                    alt: "Mobile screenshot",
-                    className: "w-full h-full object-cover object-top",
-                    loading: "eager"
-                  }
-                )
-              }
-            )
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-var ChallengesSection = dynamic(() => import('./ChallengesSection-GEQGVSJN.js'), { ssr: true });
-var StrategySection = dynamic(() => import('./StrategySection-VUWMIYYP.js'), { ssr: true });
-var ResultsSection = dynamic(() => import('./ResultsSection-DFUJ5U6M.js'), { ssr: true });
-var TechStackSection = dynamic(() => import('./TechStackSection-OCUYG4XT.js'), { ssr: true });
-var ServicesSection = dynamic(() => import('./ServicesSection-D5V3Q4GR.js'), { ssr: true });
-var TestimonialSection = dynamic(() => import('./TestimonialSection-6RGSMXQB.js'), { ssr: true });
-var GallerySection = dynamic(() => import('./GallerySection-VMKORC47.js'), { ssr: true });
-var VideoSection = dynamic(() => import('./VideoSection-4A2HC6K6.js'), { ssr: true });
-var TeamSection = dynamic(() => import('./TeamSection-HGKFW6PQ.js'), { ssr: true });
-var FeatureSpotlightSection = dynamic(() => import('./FeatureSpotlightSection-B7P3JGNL.js'), { ssr: true });
-var BeforeAfterSection = dynamic(() => import('./BeforeAfterSection-6QUJOBO2.js'), { ssr: true });
-var MetricsTimelineSection = dynamic(() => import('./MetricsTimelineSection-6BT5GNFV.js'), { ssr: true });
-var ConversionFunnelSection = dynamic(() => import('./ConversionFunnelSection-D3GE4NKE.js'), { ssr: true });
-var DetailsSection = dynamic(() => import('./DetailsSection-FB763FS7.js'), { ssr: true });
-var CTASection = dynamic(() => import('./CTASection-BJA72XIL.js'), { ssr: true });
-function renderSection(section, item, index) {
-  const key = `${section.sectionType}-${index}`;
-  switch (section.sectionType) {
-    case "portfolioHero":
-      return /* @__PURE__ */ jsx(
-        HeroSection,
-        {
-          data: section.data,
-          screenshots: item.hero_screenshots ?? void 0,
-          liveUrl: item.live_url ?? void 0
-        },
-        key
-      );
-    case "portfolioChallenges":
-      return /* @__PURE__ */ jsx(ChallengesSection, { data: section.data }, key);
-    case "portfolioStrategy":
-      return /* @__PURE__ */ jsx(StrategySection, { data: section.data }, key);
-    case "portfolioResults":
-      return /* @__PURE__ */ jsx(ResultsSection, { data: section.data }, key);
-    case "portfolioTechStack":
-      return /* @__PURE__ */ jsx(TechStackSection, { data: section.data }, key);
-    case "portfolioServices":
-      return /* @__PURE__ */ jsx(ServicesSection, { data: section.data }, key);
-    case "portfolioTestimonial":
-      return /* @__PURE__ */ jsx(TestimonialSection, { data: section.data }, key);
-    case "portfolioGallery":
-      return /* @__PURE__ */ jsx(GallerySection, { data: section.data }, key);
-    case "portfolioVideo":
-      return /* @__PURE__ */ jsx(VideoSection, { data: section.data }, key);
-    case "portfolioTeam":
-      return /* @__PURE__ */ jsx(TeamSection, { data: section.data }, key);
-    case "portfolioFeatureSpotlight":
-      return /* @__PURE__ */ jsx(FeatureSpotlightSection, { data: section.data }, key);
-    case "portfolioBeforeAfter":
-      return /* @__PURE__ */ jsx(BeforeAfterSection, { data: section.data }, key);
-    case "portfolioMetricsTimeline":
-      return /* @__PURE__ */ jsx(MetricsTimelineSection, { data: section.data }, key);
-    case "portfolioConversionFunnel":
-      return /* @__PURE__ */ jsx(ConversionFunnelSection, { data: section.data }, key);
-    case "portfolioDetails":
-      return /* @__PURE__ */ jsx(DetailsSection, { data: section.data }, key);
-    case "portfolioCTA":
-      return /* @__PURE__ */ jsx(CTASection, { data: section.data }, key);
-    case "portfolioSeo":
-      return null;
-    default:
-      return null;
-  }
-}
-function PortfolioPage({ item }) {
-  return /* @__PURE__ */ jsx("article", { className: "w-full flex flex-col", children: item.sections.map((section, index) => {
-    const rendered = renderSection(section, item, index);
-    if (!rendered) return null;
-    return /* @__PURE__ */ jsx("div", { className: "w-full", children: rendered }, `wrapper-${section.sectionType}-${index}`);
-  }) });
-}
-
-// src/types.ts
-var PORTFOLIO_SECTION_TYPES = [
-  "portfolioHero",
-  "portfolioChallenges",
-  "portfolioStrategy",
-  "portfolioResults",
-  "portfolioTechStack",
-  "portfolioServices",
-  "portfolioTestimonial",
-  "portfolioGallery",
-  "portfolioVideo",
-  "portfolioTeam",
-  "portfolioFeatureSpotlight",
-  "portfolioBeforeAfter",
-  "portfolioMetricsTimeline",
-  "portfolioConversionFunnel",
-  "portfolioDetails",
-  "portfolioSeo",
-  "portfolioCTA"
-];
-
-export { PORTFOLIO_SECTION_TYPES, PortfolioPage };
-//# sourceMappingURL=chunk-2VNNFAG6.js.map
-//# sourceMappingURL=chunk-2VNNFAG6.js.map