@fayz-ai/plugin-linkinbio 0.9.0

package/dist/public/index.js

@@ -0,0 +1,1731 @@
+import { createContext, useContext, useRef, useState, useEffect, createElement } from 'react';
+import { getSupabaseClientOptional, createSafeDataProvider } from '@fayz-ai/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useParams } from 'react-router-dom';
+import { Globe, Music, Facebook, Twitter, Mail, Phone, Youtube, Instagram, ChevronLeft, ChevronRight, ChevronUp, MessageCircle, ArrowUpRight, ExternalLink, ChevronDown, MapPin, Play } from 'lucide-react';
+import { SiGoogledrive, SiMixcloud, SiBeatport, SiTelegram, SiX, SiFacebook, SiBandcamp, SiApplemusic, SiWhatsapp, SiSpotify, SiTiktok, SiSoundcloud, SiYoutube, SiInstagram } from 'react-icons/si';
+
+// src/public/createPublicLinkInBioPlugin.ts
+
+// src/public/data.ts
+function createMockBioPageProvider(options = {}) {
+  const seed = options.seed ?? {};
+  return {
+    async getBySlug(slug) {
+      return seed[slug] ?? null;
+    }
+  };
+}
+function createSupabaseBioPageProvider(options = {}) {
+  const table = options.table ?? "press_kits";
+  return {
+    async getBySlug(slug) {
+      const client = getSupabaseClientOptional();
+      if (!client) return null;
+      const { data, error } = await client.from(table).select("data, is_published").eq("slug", slug).maybeSingle();
+      if (error || !data) return null;
+      if (!data.is_published) return null;
+      return data.data;
+    }
+  };
+}
+var LinkInBioContext = createContext(null);
+function LinkInBioProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(LinkInBioContext.Provider, { value, children });
+}
+function useLinkInBio() {
+  const ctx = useContext(LinkInBioContext);
+  if (!ctx) {
+    throw new Error("useLinkInBio must be used within a LinkInBioProvider (mount the plugin Provider).");
+  }
+  return ctx;
+}
+function renderMarkdown(md) {
+  return md.split(/\n\n+/).map((block) => {
+    const html = block.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>').replace(/\n/g, "<br />");
+    return `<p>${html}</p>`;
+  }).join("");
+}
+var platformColors = {
+  instagram: "#E4405F",
+  spotify: "#1DB954",
+  soundcloud: "#FF5500",
+  youtube: "#FF0000",
+  tiktok: "#000000",
+  whatsapp: "#25D366",
+  email: "#EA4335",
+  twitter: "#1DA1F2",
+  facebook: "#1877F2",
+  bandcamp: "#629AA9",
+  mixcloud: "#5000FF",
+  beatport: "#94D500",
+  "apple-music": "#FC3C44",
+  deezer: "#FEAA2D",
+  telegram: "#0088CC",
+  website: "#888888",
+  custom: "#888888"
+};
+var platformLabels = {
+  instagram: "Instagram",
+  spotify: "Spotify",
+  soundcloud: "SoundCloud",
+  youtube: "YouTube",
+  tiktok: "TikTok",
+  whatsapp: "WhatsApp",
+  email: "Email",
+  twitter: "Twitter / X",
+  facebook: "Facebook",
+  bandcamp: "Bandcamp",
+  mixcloud: "Mixcloud",
+  beatport: "Beatport",
+  "apple-music": "Apple Music",
+  deezer: "Deezer",
+  telegram: "Telegram",
+  website: "Website",
+  custom: "Link"
+};
+var platformIconMap = {
+  instagram: Instagram,
+  spotify: Music,
+  soundcloud: Music,
+  youtube: Youtube,
+  tiktok: Music,
+  whatsapp: Phone,
+  email: Mail,
+  twitter: Twitter,
+  facebook: Facebook,
+  bandcamp: Music,
+  mixcloud: Music,
+  beatport: Music,
+  "apple-music": Music,
+  deezer: Music,
+  telegram: Globe,
+  website: Globe,
+  custom: Globe
+};
+var borderRadiusMap = {
+  none: "0px",
+  sm: "4px",
+  md: "8px",
+  lg: "16px",
+  full: "9999px"
+};
+function getBrandingVars(branding) {
+  return {
+    "--pk-primary": branding.primaryColor,
+    "--pk-secondary": branding.secondaryColor,
+    "--pk-accent": branding.accentColor,
+    "--pk-bg": branding.backgroundColor,
+    "--pk-text": branding.textColor,
+    "--pk-muted": branding.mutedTextColor,
+    "--pk-radius": borderRadiusMap[branding.borderRadius ?? "md"],
+    "--pk-font-heading": branding.fontHeading ?? "'Space Grotesk', sans-serif",
+    "--pk-font-body": branding.fontBody ?? "'DM Sans', sans-serif",
+    "--pk-alt-bg": branding.sectionAltBg ?? branding.backgroundColor,
+    "--pk-alt-bg2": branding.sectionAltBg2 ?? branding.backgroundColor
+  };
+}
+
+// src/public/registry.ts
+var registry = /* @__PURE__ */ new Map();
+function registerBlock(type, component) {
+  registry.set(type, component);
+}
+function getBlock(type) {
+  return registry.get(type);
+}
+function hasBlock(type) {
+  return registry.has(type);
+}
+function Reveal({
+  children,
+  delay = 0,
+  className
+}) {
+  const ref = useRef(null);
+  const [shown, setShown] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const reduce = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    if (reduce || typeof IntersectionObserver === "undefined") {
+      setShown(true);
+      return;
+    }
+    const io = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setShown(true);
+          io.disconnect();
+        }
+      },
+      { threshold: 0.1, rootMargin: "0px 0px -6% 0px" }
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className,
+      style: {
+        opacity: shown ? 1 : 0,
+        transform: shown ? "none" : "translateY(22px)",
+        transition: `opacity 0.6s ease ${delay}ms, transform 0.6s cubic-bezier(0.2,0.7,0.2,1) ${delay}ms`,
+        willChange: "opacity, transform"
+      },
+      children
+    }
+  );
+}
+function HeroSection({ section, identity, branding }) {
+  const hasLogo = section.showLogo && branding.logoUrl;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "relative flex flex-col items-center justify-center min-h-screen overflow-hidden",
+      id: section.id,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-0", children: [
+          section.backgroundImageUrl && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: section.backgroundImageUrl,
+              alt: identity.name,
+              className: "h-full w-full object-cover"
+            }
+          ),
+          section.overlayGradient && /* @__PURE__ */ jsx("div", { className: "absolute inset-0", style: { background: section.overlayGradient } })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col items-center text-center px-6 pt-20 pb-24", children: [
+          hasLogo ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: branding.logoUrl,
+              alt: `${identity.name} logo`,
+              className: "mb-6 h-48 w-auto md:h-64 lg:h-80 object-contain drop-shadow-2xl"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: "text-5xl md:text-7xl lg:text-8xl font-bold tracking-tight mb-4 drop-shadow-lg",
+              style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+              children: identity.name
+            }
+          ),
+          identity.tagline && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-lg md:text-xl mb-6 max-w-lg opacity-70",
+              style: { color: "var(--pk-text)" },
+              children: identity.tagline
+            }
+          ),
+          section.showGenres && identity.genres.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-2 mb-4", children: identity.genres.map((genre) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "px-4 py-1.5 text-sm font-semibold backdrop-blur-sm",
+              style: {
+                backgroundColor: "rgba(255,255,255,0.08)",
+                color: "var(--pk-primary)",
+                border: "1px solid rgba(255,255,255,0.12)",
+                borderRadius: "9999px"
+              },
+              children: genre
+            },
+            genre
+          )) }),
+          section.showLocation && identity.location && /* @__PURE__ */ jsx("p", { className: "text-sm mt-2 opacity-50", style: { color: "var(--pk-text)" }, children: identity.location }),
+          section.ctaText && section.ctaUrl && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: section.ctaUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "mt-8 inline-block px-10 py-4 font-bold text-lg tracking-wider transition-transform hover:scale-105",
+              style: {
+                backgroundColor: "var(--pk-primary)",
+                color: "var(--pk-bg)",
+                borderRadius: "9999px"
+              },
+              children: section.ctaText
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-8 left-1/2 -translate-x-1/2 z-10 animate-bounce opacity-40", children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { color: "var(--pk-text)" }, children: /* @__PURE__ */ jsx("path", { d: "M12 5v14M5 12l7 7 7-7" }) }) })
+      ]
+    }
+  );
+}
+function BioSection({ section }) {
+  const hasImage = section.imageUrl && section.imagePosition !== "none";
+  const isTop = section.imagePosition === "top";
+  const isSide = section.imagePosition === "left" || section.imagePosition === "right";
+  const isRight = section.imagePosition === "right";
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-8",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: isSide && hasImage ? `grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 items-start` : "", children: [
+      hasImage && isTop && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: section.imageUrl,
+          alt: "",
+          className: "w-full max-h-96 object-cover mb-8",
+          style: { borderRadius: "var(--pk-radius)" },
+          loading: "lazy"
+        }
+      ),
+      hasImage && isSide && !isRight && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: section.imageUrl,
+          alt: "",
+          className: "w-full aspect-[3/4] object-cover",
+          style: { borderRadius: "var(--pk-radius)" },
+          loading: "lazy"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "prose prose-invert max-w-none text-base md:text-lg leading-relaxed [&_p]:mb-4 [&_strong]:font-semibold [&_a]:underline [&_a]:decoration-[var(--pk-primary)]",
+          style: { color: "var(--pk-muted)" },
+          dangerouslySetInnerHTML: { __html: renderMarkdown(section.content) }
+        }
+      ),
+      hasImage && isSide && isRight && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: section.imageUrl,
+          alt: "",
+          className: "w-full aspect-[3/4] object-cover",
+          style: { borderRadius: "var(--pk-radius)" },
+          loading: "lazy"
+        }
+      )
+    ] })
+  ] }) });
+}
+function isInstagramEmbed(item) {
+  return item.url.includes("instagram.com");
+}
+function getInstagramEmbedUrl(url) {
+  const match = url.match(/instagram\.com\/(reel|p)\/([^/?]+)/);
+  if (match) return `https://www.instagram.com/${match[1]}/${match[2]}/embed`;
+  return url;
+}
+function MediaItem({ item, index, cols, isFeatured, onImageClick }) {
+  if (isInstagramEmbed(item)) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `overflow-hidden ${isFeatured && index === 0 ? "col-span-2" : ""}`,
+        style: { borderRadius: "var(--pk-radius)" },
+        children: /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: getInstagramEmbedUrl(item.url),
+            className: "w-full border-0",
+            style: { minHeight: cols <= 2 ? "500px" : "420px" },
+            loading: "lazy",
+            allowtransparency: "true",
+            allow: "encrypted-media",
+            title: item.alt ?? "Instagram"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: item.url,
+      alt: item.alt ?? "",
+      className: `w-full object-cover cursor-pointer hover:opacity-90 transition-opacity ${isFeatured && index === 0 ? "col-span-2 aspect-[16/9]" : "aspect-square"}`,
+      style: { borderRadius: "var(--pk-radius)" },
+      loading: "lazy",
+      onClick: () => onImageClick(index)
+    }
+  );
+}
+function GallerySection({ section }) {
+  const [lightboxIdx, setLightboxIdx] = useState(null);
+  const cols = section.columns ?? 3;
+  const isFeatured = section.layout === "featured-grid";
+  const isCarousel = section.layout === "carousel";
+  const imageItems = section.media.filter((m) => !isInstagramEmbed(m));
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-5xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-8",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    isCarousel ? /* @__PURE__ */ jsx("div", { className: "flex gap-4 overflow-x-auto snap-x snap-mandatory pb-4 -mx-6 px-6 scrollbar-hide", children: section.media.map((item, i) => /* @__PURE__ */ jsx("div", { className: "flex-none w-72 md:w-96 snap-center", children: /* @__PURE__ */ jsx(MediaItem, { item, index: i, cols, isFeatured: false, onImageClick: setLightboxIdx }) }, i)) }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `grid gap-3 md:gap-4 ${isFeatured ? "grid-cols-2" : cols === 2 ? "grid-cols-1 sm:grid-cols-2" : cols === 4 ? "grid-cols-2 md:grid-cols-4" : "grid-cols-2 md:grid-cols-3"}`,
+        children: section.media.map((item, i) => /* @__PURE__ */ jsx(MediaItem, { item, index: i, cols, isFeatured, onImageClick: setLightboxIdx }, i))
+      }
+    ),
+    lightboxIdx !== null && imageItems[lightboxIdx] && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/90 p-4",
+        onClick: () => setLightboxIdx(null),
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "absolute top-4 right-4 text-white text-3xl font-light hover:opacity-70 z-10",
+              onClick: () => setLightboxIdx(null),
+              children: "\xD7"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "absolute left-4 top-1/2 -translate-y-1/2 text-white text-4xl font-light hover:opacity-70 z-10",
+              onClick: (e) => {
+                e.stopPropagation();
+                setLightboxIdx((lightboxIdx - 1 + imageItems.length) % imageItems.length);
+              },
+              children: "\u2039"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "absolute right-4 top-1/2 -translate-y-1/2 text-white text-4xl font-light hover:opacity-70 z-10",
+              onClick: (e) => {
+                e.stopPropagation();
+                setLightboxIdx((lightboxIdx + 1) % imageItems.length);
+              },
+              children: "\u203A"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: imageItems[lightboxIdx].url,
+              alt: imageItems[lightboxIdx].alt ?? "",
+              className: "max-h-[85vh] max-w-[90vw] object-contain",
+              onClick: (e) => e.stopPropagation()
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+function VideoGridSection({ section }) {
+  const isFeatured = section.layout === "featured";
+  const isList = section.layout === "list";
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-5xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-8",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    isFeatured && section.videos.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "aspect-video w-full overflow-hidden", style: { borderRadius: "var(--pk-radius)" }, children: /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: `https://www.youtube.com/embed/${section.videos[0].videoId}`,
+          title: section.videos[0].title ?? "Video",
+          className: "h-full w-full",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true,
+          loading: "lazy"
+        }
+      ) }),
+      section.videos[0].title && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", style: { color: "var(--pk-muted)" }, children: section.videos[0].title }),
+      section.videos.length > 1 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: section.videos.slice(1).map((video, i) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden", style: { borderRadius: "var(--pk-radius)" }, children: /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: `https://www.youtube.com/embed/${video.videoId}`,
+            title: video.title ?? "Video",
+            className: "h-full w-full",
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+            allowFullScreen: true,
+            loading: "lazy"
+          }
+        ) }),
+        video.title && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", style: { color: "var(--pk-muted)" }, children: video.title })
+      ] }, i)) })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: `grid gap-4 md:gap-6 ${isList ? "grid-cols-1" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`, children: [
+      section.videos.map((video, i) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden", style: { borderRadius: "var(--pk-radius)" }, children: /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: `https://www.youtube.com/embed/${video.videoId}`,
+            title: video.title ?? "Video",
+            className: "h-full w-full",
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+            allowFullScreen: true,
+            loading: "lazy"
+          }
+        ) }),
+        video.title && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", style: { color: "var(--pk-muted)" }, children: video.title })
+      ] }, i)),
+      section.channelUrl && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: section.channelUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "aspect-video overflow-hidden flex items-center justify-center border border-white/10 hover:border-white/30 transition-colors",
+          style: { borderRadius: "var(--pk-radius)", background: "var(--pk-alt-bg, rgba(255,255,255,0.05))" },
+          children: /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", style: { color: "var(--pk-text)", fontFamily: "var(--pk-font-heading)" }, children: "Ver todos \u2192" })
+        }
+      )
+    ] })
+  ] }) });
+}
+var BRAND = {
+  instagram: SiInstagram,
+  youtube: SiYoutube,
+  soundcloud: SiSoundcloud,
+  tiktok: SiTiktok,
+  spotify: SiSpotify,
+  whatsapp: SiWhatsapp,
+  "apple-music": SiApplemusic,
+  bandcamp: SiBandcamp,
+  facebook: SiFacebook,
+  twitter: SiX,
+  telegram: SiTelegram,
+  beatport: SiBeatport,
+  mixcloud: SiMixcloud,
+  drive: SiGoogledrive,
+  email: Mail,
+  website: Globe
+};
+function PlatformIcon({
+  platform,
+  size = 20,
+  style,
+  className
+}) {
+  const Icon = BRAND[platform] ?? ExternalLink;
+  return /* @__PURE__ */ jsx(Icon, { size, style, className });
+}
+function SocialLinksSection({ section }) {
+  const layout = section.layout ?? "buttons";
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-10 text-center",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    layout === "icons" && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-5", children: section.links.map((link) => {
+      const color = platformColors[link.platform];
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "group flex items-center justify-center w-16 h-16 rounded-full transition-all duration-300 hover:scale-110 hover:shadow-lg",
+          style: {
+            backgroundColor: color + "15",
+            boxShadow: `0 0 0 1px ${color}25`
+          },
+          title: link.label ?? platformLabels[link.platform],
+          children: /* @__PURE__ */ jsx(PlatformIcon, { platform: link.platform, size: 26, style: { color } })
+        },
+        link.platform + link.url
+      );
+    }) }),
+    layout === "buttons" && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: section.links.map((link) => {
+      const color = platformColors[link.platform];
+      return /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "group relative flex items-center gap-5 px-6 py-4 font-medium transition-all duration-300 hover:scale-[1.02] overflow-hidden",
+          style: {
+            backgroundColor: color + "10",
+            color: "var(--pk-text)",
+            borderRadius: "var(--pk-radius)",
+            border: `1px solid ${color}30`
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300",
+                style: { background: `linear-gradient(135deg, ${color}18, transparent 60%)` }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "relative z-10 flex items-center justify-center w-10 h-10 rounded-full shrink-0",
+                style: { backgroundColor: color + "20" },
+                children: /* @__PURE__ */ jsx(PlatformIcon, { platform: link.platform, size: 20, style: { color } })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "relative z-10 text-base", children: link.label ?? platformLabels[link.platform] }),
+            /* @__PURE__ */ jsx(
+              ExternalLink,
+              {
+                size: 16,
+                className: "relative z-10 ml-auto opacity-0 group-hover:opacity-50 transition-opacity duration-300",
+                style: { color: "var(--pk-text)" }
+              }
+            )
+          ]
+        },
+        link.platform + link.url
+      );
+    }) }),
+    layout === "list" && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: section.links.map((link) => {
+      const color = platformColors[link.platform];
+      return /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "group flex items-center gap-4 py-4 px-3 transition-all duration-200 hover:bg-white/5 rounded-lg",
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex items-center justify-center w-9 h-9 rounded-full shrink-0",
+                style: { backgroundColor: color + "18" },
+                children: /* @__PURE__ */ jsx(PlatformIcon, { platform: link.platform, size: 18, style: { color } })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", style: { color: "var(--pk-text)" }, children: link.label ?? platformLabels[link.platform] }),
+            /* @__PURE__ */ jsx(
+              ExternalLink,
+              {
+                size: 14,
+                className: "ml-auto opacity-0 group-hover:opacity-40 transition-opacity",
+                style: { color: "var(--pk-text)" }
+              }
+            )
+          ]
+        },
+        link.platform + link.url
+      );
+    }) })
+  ] }) });
+}
+function EmbedSection({ section }) {
+  const isVideo = section.aspectRatio === "16:9" || section.embedType === "youtube";
+  const height = section.height ?? (isVideo ? void 0 : 352);
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-8",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    section.embedHtml && section.embedType === "custom" ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "overflow-hidden",
+        style: { borderRadius: "var(--pk-radius)" },
+        dangerouslySetInnerHTML: { __html: section.embedHtml }
+      }
+    ) : isVideo ? /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden", style: { borderRadius: "var(--pk-radius)" }, children: /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: section.embedUrl,
+        className: "h-full w-full",
+        allow: "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture",
+        loading: "lazy",
+        title: section.title ?? "Embed"
+      }
+    ) }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden", style: { borderRadius: "var(--pk-radius)", height }, children: /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: section.embedUrl,
+        className: "w-full h-full",
+        allow: "autoplay; clipboard-write; encrypted-media; fullscreen",
+        loading: "lazy",
+        title: section.title ?? "Embed"
+      }
+    ) })
+  ] }) });
+}
+function ProjectSection({ section }) {
+  const isSideBySide = section.layout === "side-by-side";
+  const hasMedia = section.media && section.media.length > 0;
+  const firstMedia = hasMedia ? section.media[0] : null;
+  const isVideo = firstMedia?.type === "video";
+  const MediaBlock = () => {
+    if (!firstMedia) return null;
+    if (isVideo) {
+      return /* @__PURE__ */ jsx("div", { className: "relative w-full", style: { paddingBottom: "56.25%", borderRadius: "var(--pk-radius)", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: firstMedia.url,
+          className: "absolute inset-0 w-full h-full",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true,
+          loading: "lazy",
+          title: firstMedia.alt ?? section.title ?? "Video"
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: firstMedia.url,
+        alt: firstMedia.alt ?? "",
+        className: "w-full h-full object-cover",
+        style: { borderRadius: "var(--pk-radius)" },
+        loading: "lazy"
+      }
+    );
+  };
+  const ContentBlock = () => /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
+    section.label && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-block self-start px-4 py-1.5 text-xs font-bold uppercase tracking-[0.15em] mb-5",
+        style: {
+          backgroundColor: "transparent",
+          color: "var(--pk-accent)",
+          border: "1px solid var(--pk-accent)",
+          borderRadius: "4px"
+        },
+        children: section.label
+      }
+    ),
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl lg:text-5xl font-bold mb-5",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    section.content && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "text-base md:text-lg leading-relaxed [&_p]:mb-4 [&_strong]:font-semibold [&_strong]:text-white [&_em]:italic",
+        style: { color: "var(--pk-muted)" },
+        dangerouslySetInnerHTML: { __html: renderMarkdown(section.content) }
+      }
+    ),
+    section.tags && section.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mt-5", children: section.tags.map((tag) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "px-3 py-1 text-xs font-medium",
+        style: {
+          color: "var(--pk-muted)",
+          border: "1px solid rgba(255,255,255,0.1)",
+          borderRadius: "var(--pk-radius)"
+        },
+        children: tag
+      },
+      tag
+    )) }),
+    section.links && section.links.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4 mt-6", children: section.links.map((link) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: link.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-sm font-medium underline underline-offset-4 hover:opacity-80 transition-opacity",
+        style: { color: "var(--pk-primary)" },
+        children: link.label
+      },
+      link.url
+    )) })
+  ] });
+  return /* @__PURE__ */ jsx("section", { className: "py-20 md:py-28 px-6", id: section.id, children: /* @__PURE__ */ jsx("div", { className: "max-w-5xl mx-auto", children: isSideBySide && hasMedia ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "order-1", children: /* @__PURE__ */ jsx(ContentBlock, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "order-2", children: /* @__PURE__ */ jsx(MediaBlock, {}) })
+  ] }) : /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ContentBlock, {}),
+    hasMedia && /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-4 mt-8 ${section.media.length > 1 ? "md:grid-cols-2" : ""}`, children: section.media.map(
+      (item, i) => item.type === "video" ? /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden", style: { borderRadius: "var(--pk-radius)" }, children: /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: item.url,
+          className: "h-full w-full",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true,
+          loading: "lazy",
+          title: item.alt ?? "Video"
+        }
+      ) }, i) : /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: item.url,
+          alt: item.alt ?? "",
+          className: "w-full aspect-[4/3] object-cover",
+          style: { borderRadius: "var(--pk-radius)" },
+          loading: "lazy"
+        },
+        i
+      )
+    ) })
+  ] }) }) });
+}
+function StatsSection({ section }) {
+  const isGrid = section.layout === "grid";
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-8 text-center",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: isGrid ? "grid grid-cols-2 md:grid-cols-4 gap-6" : "flex flex-wrap justify-center gap-8 md:gap-12",
+        children: section.stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-3xl md:text-4xl font-bold mb-1",
+              style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-primary)" },
+              children: stat.value
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "text-sm", style: { color: "var(--pk-muted)" }, children: stat.label })
+        ] }, i))
+      }
+    )
+  ] }) });
+}
+function VenueListSection({ section }) {
+  const layout = section.layout ?? "grid";
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-5xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-10",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    layout === "logo-cloud" ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-6 md:gap-8", children: section.venues.map((venue, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+      venue.logoUrl ? /* @__PURE__ */ jsx("img", { src: venue.logoUrl, alt: venue.name, className: "h-12 w-12 object-contain opacity-70", loading: "lazy" }) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-12 w-12 flex items-center justify-center text-lg font-bold opacity-70",
+          style: { backgroundColor: "rgba(255,255,255,0.06)", color: "var(--pk-text)", borderRadius: "var(--pk-radius)" },
+          children: venue.name[0]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-center", style: { color: "var(--pk-muted)" }, children: venue.name })
+    ] }, i)) }) : layout === "list" ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: section.venues.map((venue, i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between py-3 px-4",
+        style: { backgroundColor: "rgba(255,255,255,0.04)", borderRadius: "var(--pk-radius)" },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", style: { color: "var(--pk-text)" }, children: venue.name }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", style: { color: "var(--pk-muted)" }, children: [venue.city, venue.year].filter(Boolean).join(" \xB7 ") })
+        ]
+      },
+      i
+    )) }) : (
+      /* Organic flowing tag cloud */
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: section.venues.map((venue, i) => {
+        const isLong = venue.name.length > 12;
+        const isShort = venue.name.length < 6;
+        const sizeClass = isLong ? "text-base md:text-lg px-6 py-3" : isShort ? "text-sm px-4 py-2.5" : "text-sm md:text-base px-5 py-3";
+        const isHighlight = i % 5 === 0 || i % 7 === 0;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `inline-flex flex-col items-start transition-all duration-300 hover:scale-105 ${sizeClass}`,
+            style: {
+              backgroundColor: isHighlight ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.03)",
+              border: isHighlight ? "1px solid rgba(255,255,255,0.12)" : "1px solid rgba(255,255,255,0.06)",
+              borderRadius: "9999px"
+            },
+            children: /* @__PURE__ */ jsxs("span", { className: "font-semibold whitespace-nowrap", style: { color: "var(--pk-text)" }, children: [
+              venue.name,
+              venue.city && /* @__PURE__ */ jsx("span", { className: "font-normal ml-2 opacity-50", style: { color: "var(--pk-muted)", fontSize: "0.8em" }, children: venue.city })
+            ] })
+          },
+          i
+        );
+      }) })
+    )
+  ] }) });
+}
+function CTASection({ section }) {
+  return /* @__PURE__ */ jsx("section", { className: "py-24 md:py-36 px-6 text-center", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-4xl md:text-5xl lg:text-6xl font-bold mb-6",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    section.content && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "text-base md:text-lg mb-10 [&_p]:mb-2",
+        style: { color: "var(--pk-muted)" },
+        dangerouslySetInnerHTML: { __html: renderMarkdown(section.content) }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-5", children: section.ctaButtons.map((btn) => {
+      const isPrimary = btn.variant === "primary";
+      const isOutline = btn.variant === "outline";
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: btn.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center justify-center px-10 py-4 text-base font-bold tracking-[0.1em] uppercase transition-all duration-300 hover:scale-105 min-w-[200px]",
+          style: {
+            backgroundColor: isPrimary ? "var(--pk-primary)" : isOutline ? "transparent" : "var(--pk-secondary)",
+            color: isPrimary ? "var(--pk-bg)" : "var(--pk-text)",
+            border: isOutline ? "2px solid rgba(255,255,255,0.2)" : "none",
+            borderRadius: "9999px",
+            boxShadow: isPrimary ? "0 8px 32px rgba(0,0,0,0.3)" : "none"
+          },
+          children: btn.label
+        },
+        btn.url
+      );
+    }) })
+  ] }) });
+}
+function TextSection({ section }) {
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24 px-6", id: section.id, children: /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto", children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-3xl md:text-4xl font-bold mb-8",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "text-base md:text-lg leading-relaxed [&_p]:mb-4 [&_strong]:font-semibold [&_em]:italic [&_a]:underline [&_a]:decoration-[var(--pk-primary)]",
+        style: { color: "var(--pk-muted)" },
+        dangerouslySetInnerHTML: { __html: renderMarkdown(section.content) }
+      }
+    )
+  ] }) });
+}
+function ProfileHeader({ section, page }) {
+  const { identity, branding } = page;
+  const isHub = page.layout === "hub";
+  const socials = section.socials ?? page.socialLinks ?? [];
+  const hasLogo = section.showLogo && branding.logoUrl;
+  const heroRef = useRef(null);
+  const [sy, setSy] = useState(0);
+  useEffect(() => {
+    const container = document.querySelector(".fixed.inset-0");
+    if (!container) return;
+    const reduce = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    if (reduce) return;
+    let raf = 0;
+    const onScroll = () => {
+      if (raf) return;
+      raf = requestAnimationFrame(() => {
+        setSy(container.scrollTop);
+        raf = 0;
+      });
+    };
+    container.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      container.removeEventListener("scroll", onScroll);
+      if (raf) cancelAnimationFrame(raf);
+    };
+  }, []);
+  const heroH = heroRef.current?.offsetHeight ?? 700;
+  const p = Math.min(1, sy / heroH);
+  const imageOffsetTop = section.imageOffsetTop ?? "0px";
+  const imageTransform = `translateY(calc(${imageOffsetTop} + ${sy * 0.22}px)) scale(1.18)`;
+  const logoTransform = `translateY(${-sy * 0.5}px) scale(${1 - p * 0.12})`;
+  const logoOpacity = Math.max(0, 1 - p * 1.25);
+  const hintOpacity = Math.max(0, 1 - p * 4);
+  const scrollTo = (id) => {
+    const el = typeof document !== "undefined" ? document.getElementById(id) : null;
+    el?.scrollIntoView({ behavior: "smooth", block: "start" });
+  };
+  return /* @__PURE__ */ jsxs("header", { id: section.id, className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: heroRef,
+        className: `relative w-full h-[86vh] max-h-[880px] overflow-hidden ${isHub ? "sm:rounded-[26px]" : ""}`,
+        children: [
+          section.imageUrl && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: section.imageUrl,
+              alt: identity.name,
+              className: "absolute inset-0 h-full w-full object-cover will-change-transform",
+              style: { transform: imageTransform, objectPosition: section.imageObjectPosition }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0",
+              style: {
+                background: section.overlayGradient ?? "linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.35) 60%, var(--pk-bg) 100%)"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 flex flex-col items-center text-center px-6 pb-14", children: hasLogo ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: branding.logoUrl,
+              alt: `${identity.name} logo`,
+              className: "w-[82%] max-w-[380px] h-auto object-contain drop-shadow-[0_4px_24px_rgba(0,0,0,0.55)] will-change-transform",
+              style: { transform: logoTransform, opacity: logoOpacity }
+            }
+          ) : /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: "text-5xl sm:text-6xl font-bold tracking-tight drop-shadow-lg will-change-transform",
+              style: {
+                fontFamily: "var(--pk-font-heading)",
+                color: "var(--pk-text)",
+                transform: logoTransform,
+                opacity: logoOpacity
+              },
+              children: identity.name
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute bottom-4 left-1/2 -translate-x-1/2 animate-bounce",
+              style: { opacity: hintOpacity, color: "var(--pk-text)" },
+              children: /* @__PURE__ */ jsx(ChevronDown, { size: 22 })
+            }
+          )
+        ]
+      }
+    ),
+    (identity.tagline || section.showLocation && identity.location) && /* @__PURE__ */ jsxs("div", { className: "text-center mt-5 px-4", children: [
+      identity.tagline && /* @__PURE__ */ jsx("p", { className: "text-base font-medium", style: { color: "var(--pk-text)" }, children: identity.tagline }),
+      section.showLocation && identity.location && /* @__PURE__ */ jsx("p", { className: "text-xs mt-1 opacity-60", style: { color: "var(--pk-muted)" }, children: identity.location })
+    ] }),
+    socials.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-3 mt-4 px-4", children: socials.map((link) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: link.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": link.label ?? platformLabels[link.platform] ?? "Link",
+        className: "flex items-center justify-center w-11 h-11 rounded-full transition-transform hover:scale-110",
+        style: { backgroundColor: "rgba(255,255,255,0.07)", color: "var(--pk-text)" },
+        children: /* @__PURE__ */ jsx(PlatformIcon, { platform: link.platform, size: 19 })
+      },
+      link.platform + link.url
+    )) }),
+    section.navPills && section.navPills.length > 0 && /* @__PURE__ */ jsx(
+      "nav",
+      {
+        className: "flex gap-2 overflow-x-auto scrollbar-hide mt-4 px-4 pb-1 justify-start sm:justify-center",
+        "aria-label": "Se\xE7\xF5es",
+        children: section.navPills.map((pill) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollTo(pill.targetId),
+            className: "whitespace-nowrap px-4 py-2 text-sm font-medium rounded-full transition-colors shrink-0",
+            style: {
+              backgroundColor: "rgba(255,255,255,0.06)",
+              color: "var(--pk-text)",
+              border: "1px solid rgba(255,255,255,0.08)"
+            },
+            children: pill.label
+          },
+          pill.targetId
+        ))
+      }
+    )
+  ] });
+}
+function LinkCard({ item }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: item.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "group flex items-center gap-4 p-3 transition-all duration-200 hover:scale-[1.015] active:scale-[0.99]",
+      style: {
+        backgroundColor: "rgba(255,255,255,0.05)",
+        border: "1px solid rgba(255,255,255,0.07)",
+        borderRadius: "var(--pk-radius)"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "shrink-0 flex items-center justify-center w-12 h-12 overflow-hidden",
+            style: { borderRadius: "calc(var(--pk-radius) - 4px)", backgroundColor: "rgba(255,255,255,0.06)" },
+            children: item.thumbnailUrl ? /* @__PURE__ */ jsx("img", { src: item.thumbnailUrl, alt: "", className: "w-full h-full object-cover", loading: "lazy" }) : /* @__PURE__ */ jsx(PlatformIcon, { platform: item.icon ?? "custom", size: 20, style: { color: "var(--pk-primary)" } })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold truncate", style: { color: "var(--pk-text)" }, children: item.title }),
+            item.badge && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-[10px] font-bold uppercase tracking-wide px-2 py-0.5 rounded-full shrink-0",
+                style: { backgroundColor: "var(--pk-primary)", color: "var(--pk-bg)" },
+                children: item.badge
+              }
+            )
+          ] }),
+          item.subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs truncate mt-0.5", style: { color: "var(--pk-muted)" }, children: item.subtitle })
+        ] }),
+        /* @__PURE__ */ jsx(
+          ChevronRight,
+          {
+            size: 18,
+            className: "shrink-0 opacity-40 group-hover:opacity-80 group-hover:translate-x-0.5 transition-all",
+            style: { color: "var(--pk-text)" }
+          }
+        )
+      ]
+    }
+  );
+}
+function LinksBlock({ section }) {
+  const isGrid = section.layout === "grid";
+  return /* @__PURE__ */ jsxs("section", { className: "py-6", id: section.id, children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-xl md:text-2xl font-bold mb-4 px-1",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: isGrid ? "grid grid-cols-2 gap-3" : "flex flex-col gap-3", children: section.links.map((item, i) => /* @__PURE__ */ jsx(LinkCard, { item }, item.url + i)) })
+  ] });
+}
+function Carousel({ title, children }) {
+  const trackRef = useRef(null);
+  const [atStart, setAtStart] = useState(true);
+  const [atEnd, setAtEnd] = useState(false);
+  const update = () => {
+    const el = trackRef.current;
+    if (!el) return;
+    setAtStart(el.scrollLeft <= 2);
+    setAtEnd(el.scrollLeft + el.clientWidth >= el.scrollWidth - 2);
+  };
+  useEffect(() => {
+    update();
+    const el = trackRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", update, { passive: true });
+    window.addEventListener("resize", update);
+    return () => {
+      el.removeEventListener("scroll", update);
+      window.removeEventListener("resize", update);
+    };
+  }, []);
+  const nudge = (dir) => {
+    const el = trackRef.current;
+    if (!el) return;
+    el.scrollBy({ left: dir * el.clientWidth * 0.8, behavior: "smooth" });
+  };
+  const arrowStyle = (disabled) => ({
+    backgroundColor: "rgba(255,255,255,0.06)",
+    color: "var(--pk-text)",
+    opacity: disabled ? 0.25 : 1,
+    borderRadius: "9999px"
+  });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4 px-1", children: [
+      title && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: "text-xl md:text-2xl font-bold",
+          style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Anterior",
+            onClick: () => nudge(-1),
+            disabled: atStart,
+            className: "flex items-center justify-center w-9 h-9 transition-opacity",
+            style: arrowStyle(atStart),
+            children: /* @__PURE__ */ jsx(ChevronLeft, { size: 18 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Pr\xF3ximo",
+            onClick: () => nudge(1),
+            disabled: atEnd,
+            className: "flex items-center justify-center w-9 h-9 transition-opacity",
+            style: arrowStyle(atEnd),
+            children: /* @__PURE__ */ jsx(ChevronRight, { size: 18 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: trackRef,
+        className: "flex gap-3 overflow-x-auto snap-x snap-mandatory scrollbar-hide pb-1",
+        children
+      }
+    )
+  ] });
+}
+function ReleaseCard({ item, cta, wide }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: item.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: `group ${wide ? "flex-none w-40 snap-start" : ""} flex flex-col transition-transform hover:scale-[1.02]`,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "relative w-full aspect-square overflow-hidden",
+            style: { borderRadius: "var(--pk-radius)", backgroundColor: "rgba(255,255,255,0.05)" },
+            children: [
+              /* @__PURE__ */ jsx("img", { src: item.artworkUrl, alt: item.title, className: "w-full h-full object-cover", loading: "lazy" }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
+                  style: { background: "rgba(0,0,0,0.35)" },
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "flex items-center justify-center w-11 h-11 rounded-full",
+                      style: { backgroundColor: "var(--pk-primary)", color: "var(--pk-bg)" },
+                      children: /* @__PURE__ */ jsx(Play, { size: 20, fill: "currentColor" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 px-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", style: { color: "var(--pk-text)" }, children: item.title }),
+          item.artist && /* @__PURE__ */ jsx("p", { className: "text-xs truncate", style: { color: "var(--pk-muted)" }, children: item.artist }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 mt-1.5 px-3 py-1 text-xs font-semibold rounded-full",
+              style: { backgroundColor: "rgba(255,255,255,0.08)", color: "var(--pk-text)" },
+              children: [
+                /* @__PURE__ */ jsx(Play, { size: 11, fill: "currentColor" }),
+                " ",
+                cta
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function MusicReleasesBlock({ section }) {
+  const cta = section.ctaLabel ?? "Ouvir";
+  if (section.layout === "grid") {
+    return /* @__PURE__ */ jsxs("section", { className: "py-6", id: section.id, children: [
+      section.title && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: "text-xl md:text-2xl font-bold mb-4 px-1",
+          style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+          children: section.title
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: section.releases.map((item, i) => /* @__PURE__ */ jsx(ReleaseCard, { item, cta }, item.url + i)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("section", { className: "py-6", id: section.id, children: /* @__PURE__ */ jsx(Carousel, { title: section.title, children: section.releases.map((item, i) => /* @__PURE__ */ jsx(ReleaseCard, { item, cta, wide: true }, item.url + i)) }) });
+}
+var MONTHS_PT = ["JAN", "FEV", "MAR", "ABR", "MAI", "JUN", "JUL", "AGO", "SET", "OUT", "NOV", "DEZ"];
+function parseDate(date) {
+  const m = date.match(/^(\d{4})-(\d{2})-(\d{2})/);
+  if (m) {
+    const monthIdx = Math.min(11, Math.max(0, parseInt(m[2], 10) - 1));
+    return { month: MONTHS_PT[monthIdx], day: String(parseInt(m[3], 10)), year: m[1] };
+  }
+  return { month: "", day: date, year: "" };
+}
+function DateRow({ item, cta }) {
+  const { month, day, year } = parseDate(item.date);
+  const hasLink = !!item.url;
+  const label = hasLink ? cta : item.soldOut ? "Esgotado" : "Em breve";
+  const Tag = hasLink ? "a" : "div";
+  return /* @__PURE__ */ jsxs(
+    Tag,
+    {
+      ...hasLink ? { href: item.url, target: "_blank", rel: "noopener noreferrer" } : {},
+      className: `flex items-center gap-4 p-3 transition-all duration-200 ${hasLink ? "hover:scale-[1.01]" : "cursor-default"}`,
+      style: {
+        backgroundColor: "rgba(255,255,255,0.04)",
+        border: "1px solid rgba(255,255,255,0.07)",
+        borderRadius: "var(--pk-radius)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "shrink-0 flex flex-col items-center justify-center w-14 h-16",
+            style: { backgroundColor: "rgba(255,255,255,0.05)", borderRadius: "calc(var(--pk-radius) - 4px)" },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold tracking-wider", style: { color: "var(--pk-primary)" }, children: month }),
+              /* @__PURE__ */ jsx("span", { className: "text-xl font-bold leading-none", style: { color: "var(--pk-text)", fontFamily: "var(--pk-font-heading)" }, children: day }),
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] opacity-60", style: { color: "var(--pk-muted)" }, children: year })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", style: { color: "var(--pk-text)" }, children: item.venue }),
+          item.city && /* @__PURE__ */ jsxs("p", { className: "text-xs truncate flex items-center gap-1 mt-0.5", style: { color: "var(--pk-muted)" }, children: [
+            /* @__PURE__ */ jsx(MapPin, { size: 11 }),
+            " ",
+            item.city
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "shrink-0 px-4 py-1.5 text-xs font-semibold rounded-full",
+            style: hasLink ? { backgroundColor: "var(--pk-primary)", color: "var(--pk-bg)" } : { backgroundColor: "transparent", color: "var(--pk-muted)", border: "1px solid rgba(255,255,255,0.12)" },
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
+function TourDatesBlock({ section }) {
+  const cta = section.ctaLabel ?? "Ingressos";
+  return /* @__PURE__ */ jsxs("section", { className: "py-6", id: section.id, children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-xl md:text-2xl font-bold mb-4 px-1",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: section.dates.map((item, i) => /* @__PURE__ */ jsx(DateRow, { item, cta }, item.date + item.venue + i)) })
+  ] });
+}
+function FeaturedBlock({ section }) {
+  return /* @__PURE__ */ jsxs("section", { className: "py-6", id: section.id, children: [
+    section.title && /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-xl md:text-2xl font-bold mb-4 px-1",
+        style: { fontFamily: "var(--pk-font-heading)", color: "var(--pk-text)" },
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: section.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "group flex items-center gap-4 p-4 overflow-hidden transition-all duration-300 hover:scale-[1.01]",
+        style: {
+          borderRadius: "var(--pk-radius)",
+          border: "1px solid rgba(255,255,255,0.09)",
+          background: "linear-gradient(135deg, color-mix(in srgb, var(--pk-primary) 14%, transparent), rgba(255,255,255,0.03) 55%)"
+        },
+        children: [
+          section.imageUrl && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "shrink-0 w-20 h-20 overflow-hidden",
+              style: { borderRadius: "calc(var(--pk-radius) - 4px)" },
+              children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: section.imageUrl,
+                  alt: section.headline,
+                  className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",
+                  loading: "lazy"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-base font-bold leading-tight", style: { color: "var(--pk-text)", fontFamily: "var(--pk-font-heading)" }, children: section.headline }),
+            section.subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs mt-1 line-clamp-2", style: { color: "var(--pk-muted)" }, children: section.subtitle }),
+            section.ctaLabel && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center gap-1 mt-2 px-3 py-1 text-xs font-semibold rounded-full",
+                style: { backgroundColor: "var(--pk-primary)", color: "var(--pk-bg)" },
+                children: section.ctaLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            ArrowUpRight,
+            {
+              size: 20,
+              className: "shrink-0 opacity-50 group-hover:opacity-90 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all",
+              style: { color: "var(--pk-text)" }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var ALT_BG_TYPES = /* @__PURE__ */ new Set(["bio", "gallery", "video-grid", "project", "embed", "stats", "venue-list", "text", "social-links"]);
+function BioPageRenderer({ page, poweredBy }) {
+  const { identity, branding, sections, floatingCta } = page;
+  const isHub = page.layout === "hub";
+  const scrollRef = useRef(null);
+  const [scrollProgress, setScrollProgress] = useState(0);
+  const [showFloatingCta, setShowFloatingCta] = useState(false);
+  useEffect(() => {
+    const container = scrollRef.current?.closest(".fixed.inset-0");
+    if (!container) return;
+    const onScroll = () => {
+      const { scrollTop, scrollHeight, clientHeight } = container;
+      const progress = scrollHeight > clientHeight ? scrollTop / (scrollHeight - clientHeight) : 0;
+      setScrollProgress(progress);
+      setShowFloatingCta(scrollTop > clientHeight * 0.5);
+    };
+    container.addEventListener("scroll", onScroll, { passive: true });
+    return () => container.removeEventListener("scroll", onScroll);
+  }, []);
+  let altIndex = 0;
+  const sectionBgs = /* @__PURE__ */ new Map();
+  if (!isHub) {
+    for (const s of sections) {
+      if (s.visible === false) continue;
+      if (ALT_BG_TYPES.has(s.type)) {
+        const bgs = [void 0, "var(--pk-alt-bg)", "var(--pk-alt-bg2)"];
+        sectionBgs.set(s.id, bgs[altIndex % bgs.length]);
+        altIndex++;
+      }
+    }
+  }
+  function renderInner(section) {
+    const Custom = getBlock(section.type);
+    if (Custom) return /* @__PURE__ */ jsx(Custom, { block: section, page });
+    switch (section.type) {
+      case "hero":
+        return /* @__PURE__ */ jsx(HeroSection, { section, identity, branding });
+      case "profile-header":
+        return /* @__PURE__ */ jsx(ProfileHeader, { section, page });
+      case "bio":
+        return /* @__PURE__ */ jsx(BioSection, { section });
+      case "gallery":
+        return /* @__PURE__ */ jsx(GallerySection, { section });
+      case "video-grid":
+        return /* @__PURE__ */ jsx(VideoGridSection, { section });
+      case "social-links":
+        return /* @__PURE__ */ jsx(SocialLinksSection, { section });
+      case "embed":
+        return /* @__PURE__ */ jsx(EmbedSection, { section });
+      case "project":
+        return /* @__PURE__ */ jsx(ProjectSection, { section });
+      case "stats":
+        return /* @__PURE__ */ jsx(StatsSection, { section });
+      case "venue-list":
+        return /* @__PURE__ */ jsx(VenueListSection, { section });
+      case "cta":
+        return /* @__PURE__ */ jsx(CTASection, { section });
+      case "text":
+        return /* @__PURE__ */ jsx(TextSection, { section });
+      case "links":
+        return /* @__PURE__ */ jsx(LinksBlock, { section });
+      case "music-releases":
+        return /* @__PURE__ */ jsx(MusicReleasesBlock, { section });
+      case "tour-dates":
+        return /* @__PURE__ */ jsx(TourDatesBlock, { section });
+      case "featured":
+        return /* @__PURE__ */ jsx(FeaturedBlock, { section });
+      default:
+        return null;
+    }
+  }
+  function renderSection(section, index) {
+    if (section.visible === false) return null;
+    const inner = renderInner(section);
+    if (inner === null) return null;
+    if (isHub) {
+      if (section.type === "profile-header")
+        return /* @__PURE__ */ jsx("div", { className: "-mx-3 -mt-3 sm:mx-0 sm:mt-0", children: inner }, section.id);
+      return /* @__PURE__ */ jsx(Reveal, { children: inner }, section.id);
+    }
+    if (section.type === "hero") return /* @__PURE__ */ jsx("div", { children: inner }, section.id);
+    const bg = sectionBgs.get(section.id);
+    return /* @__PURE__ */ jsx("div", { style: bg ? { backgroundColor: bg } : void 0, children: /* @__PURE__ */ jsx(Reveal, { delay: index === 0 ? 0 : 40, children: inner }) }, section.id);
+  }
+  return /* @__PURE__ */ jsxs("div", { ref: scrollRef, className: "min-h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed top-0 left-0 right-0 z-50 h-[3px]", style: { backgroundColor: "transparent" }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-full transition-[width] duration-100 ease-out",
+        style: {
+          width: `${scrollProgress * 100}%`,
+          background: `linear-gradient(90deg, var(--pk-primary), var(--pk-accent))`
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: isHub ? "max-w-[480px] mx-auto px-3 sm:px-4 pt-3 pb-6" : "", children: [
+      sections.map(renderSection),
+      /* @__PURE__ */ jsxs("footer", { className: "pt-10 pb-24 px-6 text-center", style: { backgroundColor: "var(--pk-bg)" }, children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-xs opacity-40", style: { color: "var(--pk-muted)" }, children: [
+          "\xA9 ",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " ",
+          identity.name
+        ] }),
+        poweredBy && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: poweredBy.url,
+            className: "text-xs opacity-25 mt-1 hover:opacity-40 transition-opacity",
+            style: { color: "var(--pk-muted)" },
+            children: poweredBy.label
+          }
+        )
+      ] })
+    ] }),
+    isHub ? /* @__PURE__ */ jsxs("div", { className: "fixed z-50 right-4 bottom-6 flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Voltar ao topo",
+          onClick: () => scrollRef.current?.closest(".fixed.inset-0")?.scrollTo({
+            top: 0,
+            behavior: "smooth"
+          }),
+          className: "flex items-center justify-center w-11 h-11 rounded-full transition-all duration-300",
+          style: {
+            opacity: showFloatingCta ? 1 : 0,
+            transform: showFloatingCta ? "none" : "translateY(12px)",
+            pointerEvents: showFloatingCta ? "auto" : "none",
+            color: "var(--pk-primary)",
+            border: "1.5px solid var(--pk-primary)",
+            backgroundColor: "color-mix(in srgb, var(--pk-bg) 70%, transparent)",
+            backdropFilter: "blur(6px)"
+          },
+          children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 })
+        }
+      ),
+      floatingCta && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: floatingCta.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": floatingCta.label,
+          className: "flex items-center justify-center w-14 h-14 rounded-full transition-transform hover:scale-105",
+          style: {
+            backgroundColor: "var(--pk-primary)",
+            color: "var(--pk-bg)",
+            boxShadow: "0 8px 28px rgba(0,0,0,0.45)"
+          },
+          children: /* @__PURE__ */ jsx(MessageCircle, { size: 24 })
+        }
+      )
+    ] }) : floatingCta && /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: floatingCta.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "fixed z-50 transition-all duration-500 ease-out",
+        style: {
+          bottom: showFloatingCta ? "2rem" : "-4rem",
+          left: "50%",
+          transform: "translateX(-50%)",
+          opacity: showFloatingCta ? 1 : 0,
+          backgroundColor: "var(--pk-primary)",
+          color: "var(--pk-bg)",
+          fontFamily: "var(--pk-font-heading)",
+          borderRadius: "9999px",
+          padding: "1rem 2.5rem",
+          fontSize: "1rem",
+          fontWeight: 700,
+          letterSpacing: "0.1em",
+          boxShadow: "0 8px 32px rgba(0,0,0,0.4)"
+        },
+        children: floatingCta.label
+      }
+    )
+  ] });
+}
+function BioPage() {
+  const { slug } = useParams();
+  const { provider, poweredBy, titleSuffix } = useLinkInBio();
+  const [page, setPage] = useState(null);
+  const [resolved, setResolved] = useState(false);
+  useEffect(() => {
+    if (!slug) {
+      setResolved(true);
+      return;
+    }
+    let cancelled = false;
+    setResolved(false);
+    provider.getBySlug(slug).then((pk) => {
+      if (cancelled) return;
+      setPage(pk);
+      setResolved(true);
+    }).catch(() => {
+      if (cancelled) return;
+      setResolved(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, provider]);
+  useEffect(() => {
+    if (!page) return;
+    document.title = page.seo.title ?? `${page.identity.name} | ${titleSuffix}`;
+    const metaDesc = document.querySelector('meta[name="description"]');
+    if (metaDesc && page.seo.description) {
+      metaDesc.setAttribute("content", page.seo.description);
+    }
+    const fontsToLoad = [];
+    const { fontHeading, fontBody } = page.branding;
+    if (fontHeading && !fontHeading.includes("Space Grotesk")) {
+      const family = fontHeading.replace(/['"]/g, "").split(",")[0].trim();
+      fontsToLoad.push(family);
+    }
+    if (fontBody && !fontBody.includes("DM Sans")) {
+      const family = fontBody.replace(/['"]/g, "").split(",")[0].trim();
+      fontsToLoad.push(family);
+    }
+    const linkElements = [];
+    if (fontsToLoad.length > 0) {
+      const families = fontsToLoad.map((f) => `family=${f.replace(/\s/g, "+")}:wght@400;600;700`).join("&");
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = `https://fonts.googleapis.com/css2?${families}&display=swap`;
+      document.head.appendChild(link);
+      linkElements.push(link);
+    }
+    return () => {
+      linkElements.forEach((el) => el.remove());
+    };
+  }, [page, titleSuffix]);
+  if (!resolved) {
+    return /* @__PURE__ */ jsx("div", { className: "dark fixed inset-0 flex items-center justify-center bg-background text-foreground", children: /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-foreground/40 animate-pulse", "aria-label": "carregando" }) });
+  }
+  if (!page) {
+    return /* @__PURE__ */ jsx("div", { className: "dark fixed inset-0 flex items-center justify-center bg-background text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "text-center px-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-large font-bold mb-4", style: { fontFamily: "var(--font-display)" }, children: "404" }),
+      /* @__PURE__ */ jsx("p", { className: "text-foreground-secondary mb-6", children: "P\xE1gina n\xE3o encontrada." }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/",
+          className: "text-sm underline underline-offset-4 text-foreground-secondary hover:text-foreground transition-colors",
+          children: "voltar ao in\xEDcio"
+        }
+      )
+    ] }) });
+  }
+  const brandingVars = getBrandingVars(page.branding);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 overflow-y-auto overflow-x-hidden",
+      style: {
+        ...brandingVars,
+        backgroundColor: "var(--pk-bg)",
+        color: "var(--pk-text)",
+        fontFamily: "var(--pk-font-body)"
+      },
+      children: /* @__PURE__ */ jsx(BioPageRenderer, { page, poweredBy })
+    }
+  );
+}
+
+// src/public/createPublicLinkInBioPlugin.ts
+function createPublicLinkInBioPlugin(options = {}) {
+  const basePath = options.basePath ?? "/p";
+  const table = options.table ?? "press_kits";
+  const seed = options.seed ?? {};
+  const provider = options.dataProvider ?? (options.useSupabase === false ? createMockBioPageProvider({ seed }) : createSafeDataProvider(
+    () => createSupabaseBioPageProvider({ table }),
+    () => createMockBioPageProvider({ seed })
+  ));
+  const contextValue = {
+    provider,
+    poweredBy: options.poweredBy,
+    titleSuffix: options.titleSuffix ?? "Bio"
+  };
+  const Provider = ({ children }) => createElement(LinkInBioProvider, { value: contextValue, children });
+  Provider.displayName = "LinkInBioProvider";
+  const manifest = {
+    id: "linkinbio",
+    name: "Link in Bio",
+    icon: "Link",
+    version: "0.1.0",
+    scope: options.scope ?? "universal",
+    verticalId: options.verticalId,
+    scaffolds: ["website", "landing_page"],
+    defaultEnabled: options.defaultEnabled ?? true,
+    dependencies: [],
+    navigation: [],
+    routes: [{ path: `${basePath}/:slug`, component: BioPage, guard: "public", fullBleed: true }],
+    widgets: []
+  };
+  return { manifest, Provider, dataProvider: provider };
+}
+
+export { BioPage, BioPageRenderer, Carousel, LinkInBioProvider, Reveal, borderRadiusMap, createMockBioPageProvider, createPublicLinkInBioPlugin, createSupabaseBioPageProvider, getBlock, getBrandingVars, hasBlock, platformColors, platformIconMap, platformLabels, registerBlock, renderMarkdown, useLinkInBio };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map