@retinalabsllc/zairusjs 9.0.30 → 9.0.50

package/dist/index.mjs

@@ -593,49 +593,206 @@ var Footer = ({
 };
 
 // src/components/MobileNav.tsx
-import React7 from "react";
+import React8, { useState as useState5 } from "react";
 import Link4 from "next/link";
-import { usePathname as usePathname2 } from "next/navigation";
+import { usePathname as usePathname2, useRouter } from "next/navigation";
+import { HugeiconsIcon as HugeiconsIcon4 } from "@hugeicons/react";
+import {
+  SidebarLeft01Icon,
+  ArrowLeft01Icon,
+  LogoutCircle02Icon,
+  Notification01Icon
+} from "@hugeicons/core-free-icons";
+
+// src/components/ConfirmationDialog.tsx
+import React7 from "react";
 import { HugeiconsIcon as HugeiconsIcon3 } from "@hugeicons/react";
-var MobileNav = ({ items }) => {
+import { Loading03Icon as Loading03Icon2 } from "@hugeicons/core-free-icons";
+var ConfirmationDialog = ({
+  isOpen,
+  title,
+  message,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  isProcessing = false,
+  isDestructive = true,
+  onClose,
+  onConfirm
+}) => {
+  if (!isOpen) return null;
+  return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      className: "absolute inset-0 bg-black/40 ",
+      onClick: () => !isProcessing && onClose()
+    }
+  ), /* @__PURE__ */ React7.createElement("div", { className: "relative w-72 bg-white rounded-2xl flex flex-col items-center overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React7.createElement("div", { className: "p-6 pb-4 text-center w-full" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-[17px] text-black  tracking-tight mb-2" }, title), /* @__PURE__ */ React7.createElement("p", { className: "text-[12px] text-neutral-500 leading-relaxed px-2" }, message)), /* @__PURE__ */ React7.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React7.createElement(
+    "button",
+    {
+      onClick: onClose,
+      disabled: isProcessing,
+      className: "flex-1 py-4 text-[14px] text-neutral-500 hover:bg-neutral-50 transition-colors disabled:opacity-50 outline-none "
+    },
+    cancelText
+  ), /* @__PURE__ */ React7.createElement(
+    "button",
+    {
+      onClick: onConfirm,
+      disabled: isProcessing,
+      className: `flex-1 py-4 text-[13px] transition-colors disabled:opacity-50 flex justify-center items-center outline-none  ${isDestructive ? "text-red-500 hover:bg-red-50" : "text-black hover:bg-neutral-50"}`
+    },
+    isProcessing ? /* @__PURE__ */ React7.createElement(HugeiconsIcon3, { icon: Loading03Icon2, className: "animate-spin", size: 18 }) : confirmText
+  ))));
+};
+
+// src/components/MobileNav.tsx
+var MobileNav = ({
+  items,
+  web3Address,
+  web3Avatar,
+  userInitials = "U",
+  unreadCount = 0,
+  onOpenNotifications,
+  onLogout
+}) => {
   const pathname = usePathname2();
+  const router = useRouter();
+  const [isCollapsed, setIsCollapsed] = useState5(false);
+  const [showLogoutDialog, setShowLogoutDialog] = useState5(false);
+  const [isLoggingOut, setIsLoggingOut] = useState5(false);
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ React7.createElement("div", { className: "fixed bottom-6 inset-x-0 z-100 flex justify-center pointer-events-none px-3 animate-in slide-in-from-bottom-8 fade-in duration-500" }, /* @__PURE__ */ React7.createElement("nav", { className: "pointer-events-auto w-full max-w-sm bg-white/80 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.08)] rounded-full px-6 py-2.5 flex items-center justify-between" }, items.map((item) => {
-    const isActive = item.href === "/" ? pathname === "/" : pathname?.startsWith(item.href);
-    return /* @__PURE__ */ React7.createElement(
+  const isItemActive = (href) => {
+    if (href === "/" || href === "/app") {
+      return pathname === "/" || pathname === "/app";
+    }
+    return pathname?.startsWith(href);
+  };
+  const isChildRoute = pathname !== "/" && pathname !== "/app" && !items.some((item) => item.href === pathname);
+  const handleLogout = async () => {
+    setIsLoggingOut(true);
+    try {
+      if (onLogout) await onLogout();
+    } finally {
+      setIsLoggingOut(false);
+      setShowLogoutDialog(false);
+    }
+  };
+  const handleCopyWallet = () => {
+    if (web3Address) {
+      navigator.clipboard.writeText(web3Address);
+    }
+  };
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
+    "aside",
+    {
+      className: `hidden md:flex fixed top-0 left-0 h-screen bg-white border-r border-neutral-100 flex-col transition-all duration-300 z-40 ${isCollapsed ? "w-20" : "w-64"}`
+    },
+    /* @__PURE__ */ React8.createElement("div", { className: `p-5 flex items-center shrink-0 ${isCollapsed ? "justify-center" : "justify-start"}` }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-3 w-full" }, /* @__PURE__ */ React8.createElement("div", { className: "w-10 h-10 rounded-full flex items-center justify-center shrink-0 border border-neutral-100 bg-neutral-50 overflow-hidden" }, web3Avatar ? /* @__PURE__ */ React8.createElement("img", { src: web3Avatar, alt: "Avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ React8.createElement("span", { className: "text-[12px] font-medium text-black uppercase" }, userInitials)), !isCollapsed && /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React8.createElement("span", { className: "text-[14px] font-medium text-black truncate" }, "Aeona Profile"), web3Address && /* @__PURE__ */ React8.createElement(
+      "span",
+      {
+        onClick: handleCopyWallet,
+        className: "text-[10px] text-neutral-500 truncate cursor-pointer hover:text-black transition-colors"
+      },
+      web3Address
+    )))),
+    /* @__PURE__ */ React8.createElement("nav", { className: "flex-1 py-4 flex flex-col gap-2 px-3 overflow-y-auto custom-scrollbar" }, items.map((item) => {
+      const active = isItemActive(item.href);
+      return /* @__PURE__ */ React8.createElement(
+        Link4,
+        {
+          key: item.label,
+          href: item.href,
+          className: `flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all outline-none group shrink-0 ${active ? "bg-neutral-100 text-black" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`,
+          title: isCollapsed ? item.label : void 0
+        },
+        /* @__PURE__ */ React8.createElement(
+          HugeiconsIcon4,
+          {
+            icon: item.icon,
+            size: 20,
+            className: `shrink-0 transition-colors ${active ? "text-black" : "text-neutral-400 group-hover:text-black"}`
+          }
+        ),
+        !isCollapsed && /* @__PURE__ */ React8.createElement("span", { className: `text-[13px] font-medium tracking-wide truncate ${active ? "text-black" : ""}` }, item.label)
+      );
+    })),
+    /* @__PURE__ */ React8.createElement("div", { className: "p-4 shrink-0 flex flex-col gap-2 border-t border-neutral-50" }, /* @__PURE__ */ React8.createElement(
+      "button",
+      {
+        onClick: () => setShowLogoutDialog(true),
+        className: `flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all outline-none group text-neutral-500 hover:bg-neutral-50 hover:text-red-500 ${isCollapsed ? "justify-center" : ""}`,
+        title: isCollapsed ? "Log Out" : void 0
+      },
+      /* @__PURE__ */ React8.createElement(HugeiconsIcon4, { icon: LogoutCircle02Icon, size: 20, className: "shrink-0 transition-colors" }),
+      !isCollapsed && /* @__PURE__ */ React8.createElement("span", { className: "text-[13px] font-medium tracking-wide" }, "Log Out")
+    ), /* @__PURE__ */ React8.createElement(
+      "button",
+      {
+        onClick: () => setIsCollapsed(!isCollapsed),
+        className: `flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all outline-none group text-neutral-400 hover:bg-neutral-50 hover:text-black ${isCollapsed ? "justify-center" : ""}`
+      },
+      /* @__PURE__ */ React8.createElement(HugeiconsIcon4, { icon: SidebarLeft01Icon, size: 20, className: "shrink-0 transition-colors" }),
+      !isCollapsed && /* @__PURE__ */ React8.createElement("span", { className: "text-[13px] font-medium tracking-wide" }, "Collapse")
+    ))
+  ), /* @__PURE__ */ React8.createElement("div", { className: "md:hidden fixed top-3 inset-x-0 z-50 flex justify-center pointer-events-none px-2.5" }, /* @__PURE__ */ React8.createElement("header", { className: "pointer-events-auto w-full max-w-sm backdrop-blur-xl bg-white/65 rounded-full p-2 flex items-center justify-between" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2" }, isChildRoute && /* @__PURE__ */ React8.createElement(
+    "button",
+    {
+      onClick: () => router.back(),
+      className: "w-8 h-8 rounded-full bg-white flex items-center justify-center text-neutral-600 hover:text-black transition-colors outline-none shrink-0 border border-neutral-100"
+    },
+    /* @__PURE__ */ React8.createElement(HugeiconsIcon4, { icon: ArrowLeft01Icon, size: 16 })
+  ), web3Address && /* @__PURE__ */ React8.createElement(
+    "div",
+    {
+      onClick: handleCopyWallet,
+      className: "flex items-center gap-2 bg-white rounded-full p-1 pr-3 cursor-pointer hover:bg-neutral-50 transition-colors border border-neutral-100"
+    },
+    web3Avatar ? /* @__PURE__ */ React8.createElement("img", { src: web3Avatar, alt: "Avatar", className: "w-6 h-6 rounded-full object-cover shrink-0" }) : /* @__PURE__ */ React8.createElement("div", { className: "w-6 h-6 rounded-full bg-neutral-100 flex items-center justify-center text-[10px] font-medium text-black shrink-0" }, userInitials),
+    /* @__PURE__ */ React8.createElement("span", { className: "text-[12px] font-medium text-black truncate max-w-24 sm:max-w-40" }, web3Address)
+  )), /* @__PURE__ */ React8.createElement(
+    "button",
+    {
+      onClick: onOpenNotifications,
+      className: "relative w-8 h-8 shrink-0 bg-white rounded-full flex items-center justify-center text-neutral-600 hover:text-black transition-colors outline-none mr-1 border border-neutral-100"
+    },
+    /* @__PURE__ */ React8.createElement(HugeiconsIcon4, { icon: Notification01Icon, size: 16 }),
+    unreadCount > 0 && /* @__PURE__ */ React8.createElement("span", { className: "absolute top-1 right-1.5 w-2 h-2 bg-blue-600 rounded-full border-2 border-white" })
+  ))), /* @__PURE__ */ React8.createElement("div", { className: "md:hidden fixed bottom-6 inset-x-0 z-100 flex justify-center pointer-events-none px-3 animate-in slide-in-from-bottom-8 fade-in duration-500" }, /* @__PURE__ */ React8.createElement("nav", { className: "pointer-events-auto w-full max-w-sm bg-white/65 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.08)] rounded-full px-6 py-2.5 flex items-center justify-between border border-white/50" }, items.map((item) => {
+    const active = isItemActive(item.href);
+    return /* @__PURE__ */ React8.createElement(
       Link4,
       {
         key: item.label,
         href: item.href,
         className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
       },
-      /* @__PURE__ */ React7.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ React7.createElement(
-        HugeiconsIcon3,
-        {
-          icon: item.icon,
-          size: 20
-        }
-      )),
-      /* @__PURE__ */ React7.createElement(
-        "span",
-        {
-          className: `text-[9px] tracking-wide transition-colors duration-300  ${isActive ? "text-black" : "text-neutral-400"}`
-        },
-        item.label
-      )
+      /* @__PURE__ */ React8.createElement("div", { className: `transition-colors duration-300 ${active ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ React8.createElement(HugeiconsIcon4, { icon: item.icon, size: 20 })),
+      /* @__PURE__ */ React8.createElement("span", { className: `text-[9px] tracking-wide font-medium transition-colors duration-300 ${active ? "text-black" : "text-neutral-400"}` }, item.label)
     );
-  })));
+  }))), /* @__PURE__ */ React8.createElement(
+    ConfirmationDialog,
+    {
+      isOpen: showLogoutDialog,
+      title: "Secure Logout",
+      message: "Are you sure you want to log out? You will need to authenticate to return.",
+      confirmText: "Log Out",
+      isDestructive: true,
+      isProcessing: isLoggingOut,
+      onClose: () => setShowLogoutDialog(false),
+      onConfirm: handleLogout
+    }
+  ));
 };
 
 // src/components/UniversalOrganizationPage.tsx
-import React11, { useState as useState6, useEffect as useEffect4 } from "react";
+import React12, { useState as useState7, useEffect as useEffect4 } from "react";
 import toast2 from "react-hot-toast";
 
 // src/components/ManagedToaster.tsx
-import React8 from "react";
+import React9 from "react";
 import { Toaster } from "react-hot-toast";
 var ManagedToaster = () => {
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React9.createElement(
     Toaster,
     {
       position: "top-right",
@@ -667,7 +824,7 @@ var ManagedToaster = () => {
 };
 
 // src/components/ReusableInputs.tsx
-import React9 from "react";
+import React10 from "react";
 var TextInput = ({
   label,
   value,
@@ -678,7 +835,7 @@ var TextInput = ({
   readOnly,
   type = "text",
   onClick
-}) => /* @__PURE__ */ React9.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ React9.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React9.createElement(
+}) => /* @__PURE__ */ React10.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ React10.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React10.createElement(
   "input",
   {
     type,
@@ -699,7 +856,7 @@ var NumberInput = ({
   placeholder,
   maxLength,
   disabled
-}) => /* @__PURE__ */ React9.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ React9.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React9.createElement(
+}) => /* @__PURE__ */ React10.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ React10.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React10.createElement(
   "input",
   {
     type: "text",
@@ -717,8 +874,8 @@ var NumberInput = ({
 ));
 
 // src/components/Banner.tsx
-import React10, { useState as useState5 } from "react";
-import { HugeiconsIcon as HugeiconsIcon4 } from "@hugeicons/react";
+import React11, { useState as useState6 } from "react";
+import { HugeiconsIcon as HugeiconsIcon5 } from "@hugeicons/react";
 import {
   Alert02Icon,
   CheckmarkBadge01Icon,
@@ -734,7 +891,7 @@ var Banner = ({
   onDismiss,
   action
 }) => {
-  const [isVisible, setIsVisible] = useState5(true);
+  const [isVisible, setIsVisible] = useState6(true);
   if (!isVisible) return null;
   const handleDismiss = () => {
     setIsVisible(false);
@@ -768,23 +925,23 @@ var Banner = ({
   };
   const currentConfig = config[type];
   const IconToUse = icon || currentConfig.defaultIcon;
-  return /* @__PURE__ */ React10.createElement("div", { className: `relative w-full rounded-2xl  p-4 flex items-start gap-4 transition-all duration-300 animate-in fade-in slide-in-from-top-2 ${currentConfig.bg}` }, /* @__PURE__ */ React10.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, /* @__PURE__ */ React10.createElement("h4", { className: `text-sm  tracking-tight mb-1 ${currentConfig.titleColor}` }, title), /* @__PURE__ */ React10.createElement("p", { className: `text-xs leading-relaxed ${currentConfig.msgColor}` }, message), action && /* @__PURE__ */ React10.createElement("div", { className: "mt-3" }, action)), isDismissible && /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React11.createElement("div", { className: `relative w-full rounded-2xl  p-4 flex items-start gap-4 transition-all duration-300 animate-in fade-in slide-in-from-top-2 ${currentConfig.bg}` }, /* @__PURE__ */ React11.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, /* @__PURE__ */ React11.createElement("h4", { className: `text-sm  tracking-tight mb-1 ${currentConfig.titleColor}` }, title), /* @__PURE__ */ React11.createElement("p", { className: `text-xs leading-relaxed ${currentConfig.msgColor}` }, message), action && /* @__PURE__ */ React11.createElement("div", { className: "mt-3" }, action)), isDismissible && /* @__PURE__ */ React11.createElement(
     "button",
     {
       onClick: handleDismiss,
       className: `absolute top-3 right-3 p-1.5 rounded-full transition-colors outline-none shrink-0 ${currentConfig.closeHover}`,
       "aria-label": "Dismiss banner"
     },
-    /* @__PURE__ */ React10.createElement(HugeiconsIcon4, { icon: Cancel01Icon, size: 16 })
+    /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: Cancel01Icon, size: 16 })
   ));
 };
 
 // src/components/UniversalOrganizationPage.tsx
-import { HugeiconsIcon as HugeiconsIcon5 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon6 } from "@hugeicons/react";
 import {
   CircleLock02Icon
 } from "@hugeicons/core-free-icons";
-var InputSpinner2 = () => /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React11.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React11.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
+var InputSpinner2 = () => /* @__PURE__ */ React12.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React12.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
 var UniversalOrganizationPage = ({
   initialOrgName,
   initialSlug,
@@ -797,12 +954,12 @@ var UniversalOrganizationPage = ({
   onCheckSlugAvailability
 }) => {
   const resolvedInitialUsername = initialUsername || initialSlug;
-  const [web3Name, setWeb3Name] = useState6(initialOrgName);
-  const [username, setUsername] = useState6(resolvedInitialUsername);
-  const [slug, setSlug] = useState6(initialSlug);
-  const [isCheckingSlug, setIsCheckingSlug] = useState6(false);
-  const [slugAvailable, setSlugAvailable] = useState6(null);
-  const [isSubmitting, setIsSubmitting] = useState6(false);
+  const [web3Name, setWeb3Name] = useState7(initialOrgName);
+  const [username, setUsername] = useState7(resolvedInitialUsername);
+  const [slug, setSlug] = useState7(initialSlug);
+  const [isCheckingSlug, setIsCheckingSlug] = useState7(false);
+  const [slugAvailable, setSlugAvailable] = useState7(null);
+  const [isSubmitting, setIsSubmitting] = useState7(false);
   useEffect4(() => {
     setWeb3Name(initialOrgName || "");
     setSlug(initialSlug || "");
@@ -872,7 +1029,7 @@ var UniversalOrganizationPage = ({
   };
   const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
   const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
-  return /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white  fade-in duration-300" }, /* @__PURE__ */ React11.createElement(ManagedToaster, null), /* @__PURE__ */ React11.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React11.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React11.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React11.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React11.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React11.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white  fade-in duration-300" }, /* @__PURE__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement(
     TextInput,
     {
       label: "Display Name",
@@ -882,7 +1039,7 @@ var UniversalOrganizationPage = ({
       placeholder: "Sovereign User",
       maxLength: 50
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React12.createElement(
     TextInput,
     {
       label: "Digital Identity",
@@ -892,7 +1049,7 @@ var UniversalOrganizationPage = ({
       placeholder: "sovereignuser",
       maxLength: 30
     }
-  ), /* @__PURE__ */ React11.createElement("div", { className: "space-y-1.5 relative w-full" }, /* @__PURE__ */ React11.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Wallet Username"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center relative w-full border-b border-neutral-100 focus-within:border-black transition-all duration-300" }, /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React12.createElement("div", { className: "space-y-1.5 relative w-full" }, /* @__PURE__ */ React12.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Wallet Username"), /* @__PURE__ */ React12.createElement("div", { className: "flex items-center relative w-full border-b border-neutral-100 focus-within:border-black transition-all duration-300" }, /* @__PURE__ */ React12.createElement(
     "input",
     {
       type: "text",
@@ -904,7 +1061,7 @@ var UniversalOrganizationPage = ({
       className: "w-full px-2 py-3 text-sm bg-transparent text-black outline-none disabled:opacity-50 disabled:cursor-not-allowed",
       placeholder: "sovereign-user-handle"
     }
-  ), /* @__PURE__ */ React11.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-8 shrink-0 whitespace-nowrap" }, slugPrefixUrl), /* @__PURE__ */ React11.createElement("div", { className: "absolute right-2 top-1/2 -translate-y-1/2" }, isCheckingSlug && /* @__PURE__ */ React11.createElement(InputSpinner2, null), !isCheckingSlug && !isReadOnly && slug !== initialSlug && slug.length >= 3 && slugAvailable === false && /* @__PURE__ */ React11.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-red-100" }, /* @__PURE__ */ React11.createElement("svg", { className: "w-2 h-2 text-red-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }))), !isCheckingSlug && !isReadOnly && slug !== initialSlug && slug.length >= 3 && slugAvailable === true && /* @__PURE__ */ React11.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-green-100" }, /* @__PURE__ */ React11.createElement("svg", { className: "w-2 h-2 text-green-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0 10-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z" })))))), /* @__PURE__ */ React11.createElement("div", { className: "pt-8 mt-2 flex items-center gap-4" }, /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React12.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-8 shrink-0 whitespace-nowrap" }, slugPrefixUrl), /* @__PURE__ */ React12.createElement("div", { className: "absolute right-2 top-1/2 -translate-y-1/2" }, isCheckingSlug && /* @__PURE__ */ React12.createElement(InputSpinner2, null), !isCheckingSlug && !isReadOnly && slug !== initialSlug && slug.length >= 3 && slugAvailable === false && /* @__PURE__ */ React12.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-red-100" }, /* @__PURE__ */ React12.createElement("svg", { className: "w-2 h-2 text-red-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }))), !isCheckingSlug && !isReadOnly && slug !== initialSlug && slug.length >= 3 && slugAvailable === true && /* @__PURE__ */ React12.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-green-100" }, /* @__PURE__ */ React12.createElement("svg", { className: "w-2 h-2 text-green-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0 10-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z" })))))), /* @__PURE__ */ React12.createElement("div", { className: "pt-8 mt-2 flex items-center gap-4" }, /* @__PURE__ */ React12.createElement(
     ThreeDActionButton,
     {
       type: "submit",
@@ -913,7 +1070,7 @@ var UniversalOrganizationPage = ({
       className: "min-w-32"
     },
     "Save Changes"
-  ), hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React11.createElement(
+  ), hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
@@ -929,13 +1086,13 @@ var UniversalOrganizationPage = ({
 };
 
 // src/components/UniversalProfileSettings.tsx
-import React12, { useState as useState7, useEffect as useEffect5 } from "react";
+import React13, { useState as useState8, useEffect as useEffect5 } from "react";
 import toast3 from "react-hot-toast";
-import { HugeiconsIcon as HugeiconsIcon6 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon7 } from "@hugeicons/react";
 import {
   CircleLock02Icon as CircleLock02Icon2,
   CancelCircleIcon,
-  Loading03Icon as Loading03Icon2,
+  Loading03Icon as Loading03Icon3,
   LockKeyIcon
 } from "@hugeicons/core-free-icons";
 var UniversalProfileSettings = ({
@@ -951,14 +1108,14 @@ var UniversalProfileSettings = ({
   onSavePin,
   onSaveProfile
 }) => {
-  const [firstName, setFirstName] = useState7(initialFirstName);
-  const [lastName, setLastName] = useState7(initialLastName);
-  const [isSubmitting, setIsSubmitting] = useState7(false);
-  const [isPinModalOpen, setIsPinModalOpen] = useState7(false);
-  const [oldPin, setOldPin] = useState7("");
-  const [newPin, setNewPin] = useState7("");
-  const [confirmPin, setConfirmPin] = useState7("");
-  const [isPinSubmitting, setIsPinSubmitting] = useState7(false);
+  const [firstName, setFirstName] = useState8(initialFirstName);
+  const [lastName, setLastName] = useState8(initialLastName);
+  const [isSubmitting, setIsSubmitting] = useState8(false);
+  const [isPinModalOpen, setIsPinModalOpen] = useState8(false);
+  const [oldPin, setOldPin] = useState8("");
+  const [newPin, setNewPin] = useState8("");
+  const [confirmPin, setConfirmPin] = useState8("");
+  const [isPinSubmitting, setIsPinSubmitting] = useState8(false);
   useEffect5(() => {
     setFirstName(initialFirstName || "");
     setLastName(initialLastName || "");
@@ -1025,7 +1182,7 @@ var UniversalProfileSettings = ({
   };
   const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
   const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
-  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col max-w-5xl rounded-2xl p-6 bg-white  gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col max-w-5xl rounded-2xl p-6 bg-white  gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React13.createElement(ManagedToaster, null), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React13.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React13.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React13.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React13.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React13.createElement(HugeiconsIcon7, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React13.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React13.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React13.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React13.createElement(
     TextInput,
     {
       label: "First Name",
@@ -1034,7 +1191,7 @@ var UniversalProfileSettings = ({
       disabled: isReadOnly || isSubmitting,
       placeholder: "System"
     }
-  )), /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
+  )), /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React13.createElement(
     TextInput,
     {
       label: "Last Name",
@@ -1043,7 +1200,7 @@ var UniversalProfileSettings = ({
       disabled: isReadOnly || isSubmitting,
       placeholder: "Admin"
     }
-  ))), /* @__PURE__ */ React12.createElement("div", { className: "space-y-2 min-w-0" }, /* @__PURE__ */ React12.createElement(
+  ))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-2 min-w-0" }, /* @__PURE__ */ React13.createElement(
     TextInput,
     {
       label: "Email ID",
@@ -1052,7 +1209,7 @@ var UniversalProfileSettings = ({
       },
       disabled: true
     }
-  ), /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React13.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React13.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ React13.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React13.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React13.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ React13.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ React13.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ React13.createElement(
     "button",
     {
       type: "button",
@@ -1060,8 +1217,8 @@ var UniversalProfileSettings = ({
       "aria-label": "PIN Settings",
       className: "w-9 h-9 flex items-center justify-center border border-neutral-200 rounded-full text-black hover:bg-neutral-50 transition-colors outline-none"
     },
-    /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: LockKeyIcon, size: 17, className: "text-black" })
-  ))), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React13.createElement(HugeiconsIcon7, { icon: LockKeyIcon, size: 17, className: "text-black" })
+  ))), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React13.createElement(
     "button",
     {
       type: "button",
@@ -1072,7 +1229,7 @@ var UniversalProfileSettings = ({
       className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors w-full sm:w-auto py-2 sm:py-0 outline-none"
     },
     "Cancel"
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     ThreeDActionButton,
     {
       type: "submit",
@@ -1081,7 +1238,7 @@ var UniversalProfileSettings = ({
       className: "min-w-32 w-full sm:w-auto"
     },
     "Save Changes"
-  ))))), isPinModalOpen && /* @__PURE__ */ React12.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePinModal }), /* @__PURE__ */ React12.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React12.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ React12.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CancelCircleIcon, size: 18 }))), /* @__PURE__ */ React12.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: Loading03Icon2, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ React12.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ React12.createElement(
+  ))))), isPinModalOpen && /* @__PURE__ */ React13.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePinModal }), /* @__PURE__ */ React13.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React13.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ React13.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React13.createElement(HugeiconsIcon7, { icon: CancelCircleIcon, size: 18 }))), /* @__PURE__ */ React13.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React13.createElement(HugeiconsIcon7, { icon: Loading03Icon3, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ React13.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ React13.createElement(
     TextInput,
     {
       type: "password",
@@ -1092,7 +1249,7 @@ var UniversalProfileSettings = ({
       onChange: (val) => handlePinInput(val, setOldPin),
       placeholder: "\u2022\u2022\u2022\u2022"
     }
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     TextInput,
     {
       type: "password",
@@ -1103,7 +1260,7 @@ var UniversalProfileSettings = ({
       onChange: (val) => handlePinInput(val, setNewPin),
       placeholder: "\u2022\u2022\u2022\u2022"
     }
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     TextInput,
     {
       type: "password",
@@ -1114,7 +1271,7 @@ var UniversalProfileSettings = ({
       onChange: (val) => handlePinInput(val, setConfirmPin),
       placeholder: "\u2022\u2022\u2022\u2022"
     }
-  ), /* @__PURE__ */ React12.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React13.createElement(
     ThreeDActionButton,
     {
       type: "submit",
@@ -1127,14 +1284,14 @@ var UniversalProfileSettings = ({
 };
 
 // src/components/UniversalErrorView.tsx
-import React14 from "react";
-import { HugeiconsIcon as HugeiconsIcon8 } from "@hugeicons/react";
+import React15 from "react";
+import { HugeiconsIcon as HugeiconsIcon9 } from "@hugeicons/react";
 import { ConfusedIcon } from "@hugeicons/core-free-icons";
 
 // src/components/PageSpinner.tsx
-import React13 from "react";
-import { HugeiconsIcon as HugeiconsIcon7 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon3 } from "@hugeicons/core-free-icons";
+import React14 from "react";
+import { HugeiconsIcon as HugeiconsIcon8 } from "@hugeicons/react";
+import { Loading03Icon as Loading03Icon4 } from "@hugeicons/core-free-icons";
 var PageSpinner = ({
   className = "",
   iconClassName = "text-black",
@@ -1142,10 +1299,10 @@ var PageSpinner = ({
 }) => {
   return (
     // z-[100] ensures it sits above absolute headers and modals
-    /* @__PURE__ */ React13.createElement("div", { className: `fixed inset-0 z-100 flex flex-col items-center justify-center w-full h-full pointer-events-none ${className}` }, /* @__PURE__ */ React13.createElement(
-      HugeiconsIcon7,
+    /* @__PURE__ */ React14.createElement("div", { className: `fixed inset-0 z-100 flex flex-col items-center justify-center w-full h-full pointer-events-none ${className}` }, /* @__PURE__ */ React14.createElement(
+      HugeiconsIcon8,
       {
-        icon: Loading03Icon3,
+        icon: Loading03Icon4,
         size,
         className: `animate-spin mb-4 ${iconClassName}`
       }
@@ -1165,7 +1322,7 @@ var UniversalErrorView = ({
   returnLabel = "Return to Workspace"
 }) => {
   if (isBooting || isLoading && !activeData) {
-    return /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center h-screen w-full bg-white" }, /* @__PURE__ */ React14.createElement(PageSpinner, null));
+    return /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-center h-screen w-full bg-white" }, /* @__PURE__ */ React15.createElement(PageSpinner, null));
   }
   if (!isLoading && (!activeData || activeError)) {
     const errorString = typeof activeError === "string" ? activeError : JSON.stringify(activeError || "");
@@ -1184,7 +1341,7 @@ var UniversalErrorView = ({
       title = "Access Restricted";
       description = apiMessage || `You have insufficient permissions to view this ${envName}. Please contact your administrator.`;
     }
-    return /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col items-center justify-center h-screen w-full px-4 animate-in fade-in duration-500" }, /* @__PURE__ */ React14.createElement("div", { className: "mb-4 flex justify-center" }, /* @__PURE__ */ React14.createElement(HugeiconsIcon8, { icon: IconComponent, size: 48, className: "text-neutral-300" })), /* @__PURE__ */ React14.createElement("h2", { className: "text-lg text-black tracking-tight " }, title), /* @__PURE__ */ React14.createElement("p", { className: "text-xs mt-2 mb-8 text-neutral-500 max-w-sm text-center leading-relaxed" }, description), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col sm:flex-row items-center gap-3 w-full justify-center sm:w-auto" }, isNotFoundError || isPermissionError ? /* @__PURE__ */ React14.createElement(
+    return /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col items-center justify-center h-screen w-full px-4 animate-in fade-in duration-500" }, /* @__PURE__ */ React15.createElement("div", { className: "mb-4 flex justify-center" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: IconComponent, size: 48, className: "text-neutral-300" })), /* @__PURE__ */ React15.createElement("h2", { className: "text-lg text-black tracking-tight " }, title), /* @__PURE__ */ React15.createElement("p", { className: "text-xs mt-2 mb-8 text-neutral-500 max-w-sm text-center leading-relaxed" }, description), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row items-center gap-3 w-full justify-center sm:w-auto" }, isNotFoundError || isPermissionError ? /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: () => window.location.href = returnUrl,
@@ -1193,14 +1350,14 @@ var UniversalErrorView = ({
       returnLabel
     ) : (
       // Soft errors (Network timeouts) allow them to retry or optionally retreat
-      /* @__PURE__ */ React14.createElement(React14.Fragment, null, envName.toLowerCase().includes("application") && /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement(React15.Fragment, null, envName.toLowerCase().includes("application") && /* @__PURE__ */ React15.createElement(
         "button",
         {
           onClick: () => window.location.href = returnUrl,
           className: "px-6 py-2 bg-transparent border border-neutral-200 text-neutral-500 hover:text-black hover:bg-neutral-50 rounded-full text-[11px] tracking-widest transition-colors w-full sm:w-auto outline-none "
         },
         "Back Home"
-      ), /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React15.createElement(
         "button",
         {
           onClick: onRetry,
@@ -1215,13 +1372,13 @@ var UniversalErrorView = ({
 };
 
 // src/components/UniversalTransactionPage.tsx
-import React15, { useState as useState8, useEffect as useEffect6, useRef as useRef3 } from "react";
-import { HugeiconsIcon as HugeiconsIcon9 } from "@hugeicons/react";
+import React16, { useState as useState9, useEffect as useEffect6, useRef as useRef3 } from "react";
+import { HugeiconsIcon as HugeiconsIcon10 } from "@hugeicons/react";
 import toast4 from "react-hot-toast";
 import {
-  ArrowLeft01Icon,
+  ArrowLeft01Icon as ArrowLeft01Icon2,
   ArrowRight01Icon,
-  Loading03Icon as Loading03Icon4,
+  Loading03Icon as Loading03Icon5,
   ArrowDownRight01Icon,
   ArrowUpRight01Icon,
   Search01Icon,
@@ -1229,7 +1386,7 @@ import {
   ListSettingIcon,
   CancelCircleIcon as CancelCircleIcon2
 } from "@hugeicons/core-free-icons";
-var PageSpinner2 = () => /* @__PURE__ */ React15.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: Loading03Icon4, size: 32, className: "animate-spin mb-4 text-black" }));
+var PageSpinner2 = () => /* @__PURE__ */ React16.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: Loading03Icon5, size: 32, className: "animate-spin mb-4 text-black" }));
 var formatDate = (dateInput) => {
   const d = new Date(dateInput);
   const day = d.getDate();
@@ -1264,12 +1421,12 @@ var UniversalTransactionPage = ({
   onReportTransaction,
   onGenerateReceipt
 }) => {
-  const [selectedTransaction, setSelectedTransaction] = useState8(null);
-  const [isGeneratingReceipt, setIsGeneratingReceipt] = useState8(false);
-  const [localSearchQuery, setLocalSearchQuery] = useState8(searchQuery);
-  const [isTyping, setIsTyping] = useState8(false);
-  const [isDirectionModalOpen, setIsDirectionModalOpen] = useState8(false);
-  const [isTypeModalOpen, setIsTypeModalOpen] = useState8(false);
+  const [selectedTransaction, setSelectedTransaction] = useState9(null);
+  const [isGeneratingReceipt, setIsGeneratingReceipt] = useState9(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState9(searchQuery);
+  const [isTyping, setIsTyping] = useState9(false);
+  const [isDirectionModalOpen, setIsDirectionModalOpen] = useState9(false);
+  const [isTypeModalOpen, setIsTypeModalOpen] = useState9(false);
   const directionDropdownRef = useRef3(null);
   const typeDropdownRef = useRef3(null);
   useEffect6(() => {
@@ -1315,7 +1472,7 @@ var UniversalTransactionPage = ({
     }
   };
   const isListLoading = isLoading || isTyping;
-  return /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, /* @__PURE__ */ React15.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, /* @__PURE__ */ React16.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React16.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React16.createElement(
     "input",
     {
       type: "text",
@@ -1324,53 +1481,53 @@ var UniversalTransactionPage = ({
       onChange: (e) => setLocalSearchQuery(e.target.value),
       className: "w-full pl-10 pr-4 py-2 bg-white  rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-colors focus:border-black"
     }
-  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 w-auto pb-0" }, /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-3 w-auto pb-0" }, /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => setIsDirectionModalOpen(true),
       "aria-label": "Filter by payment type",
       className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
     },
-    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: SearchList02Icon, size: 16 })
-  ), /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: SearchList02Icon, size: 16 })
+  ), /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => setIsTypeModalOpen(true),
       "aria-label": "Filter by transaction type",
       className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
     },
-    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ListSettingIcon, size: 16 })
-  ))), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white  w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React15.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ React15.createElement(PageSpinner2, null) : /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React15.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: ListSettingIcon, size: 16 })
+  ))), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white  w-full" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React16.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React16.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ React16.createElement(PageSpinner2, null) : /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React16.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ React16.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ React16.createElement(
     "div",
     {
       key: tx.id,
       onClick: () => setSelectedTransaction(tx),
       className: "flex items-center justify-between py-4 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React15.createElement("div", { className: `w-10 h-10 shrink-0 rounded-full flex items-center justify-center bg-neutral-100  text-black` }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: tx.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 18 })), /* @__PURE__ */ React15.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React15.createElement("p", { className: "text-[13px] text-black truncate" }, getDisplayName(tx)), /* @__PURE__ */ React15.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, tx.direction === "CREDIT" ? "+" : "-", tx.amount, " ", tx.currency))),
-    /* @__PURE__ */ React15.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] text-neutral-400" }, formatDate(tx.createdAt)), /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] text-neutral-400 capitalize" }, tx.direction.toLowerCase()))
-  ))), !hidePagination && /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React16.createElement("div", { className: `w-10 h-10 shrink-0 rounded-full flex items-center justify-center bg-neutral-100  text-black` }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: tx.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 18 })), /* @__PURE__ */ React16.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[13px] text-black truncate" }, getDisplayName(tx)), /* @__PURE__ */ React16.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, tx.direction === "CREDIT" ? "+" : "-", tx.amount, " ", tx.currency))),
+    /* @__PURE__ */ React16.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] text-neutral-400" }, formatDate(tx.createdAt)), /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] text-neutral-400 capitalize" }, tx.direction.toLowerCase()))
+  ))), !hidePagination && /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => onPageChange(currentPage - 1),
       disabled: currentPage <= 1 || isListLoading,
       className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
     },
-    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowLeft01Icon, size: 14 })
-  ), /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: ArrowLeft01Icon2, size: 14 })
+  ), /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => onPageChange(currentPage + 1),
       disabled: currentPage >= totalPages || isListLoading || totalPages === 0,
       className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
     },
-    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowRight01Icon, size: 14 })
-  )))))), selectedTransaction && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React15.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React15.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React15.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100  text-black` }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React15.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300  ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ React15.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full  bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ React15.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black" }, formatDate(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase())), selectedTransaction.metadata?.fromAddress && selectedTransaction.metadata?.toAddress && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transfer Route"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 text-[13px] text-black" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate " }, truncateAddress(String(selectedTransaction.metadata.fromAddress))), /* @__PURE__ */ React15.createElement("span", { className: "text-neutral-400" }, "\u2192"), /* @__PURE__ */ React15.createElement("span", { className: "truncate " }, truncateAddress(String(selectedTransaction.metadata.toAddress))))), selectedTransaction.metadata && Object.entries(selectedTransaction.metadata).map(([key, value]) => {
+    /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: ArrowRight01Icon, size: 14 })
+  )))))), selectedTransaction && /* @__PURE__ */ React16.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React16.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React16.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React16.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React16.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React16.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100  text-black` }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React16.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300  ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ React16.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full  bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-black" }, formatDate(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase())), selectedTransaction.metadata?.fromAddress && selectedTransaction.metadata?.toAddress && /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transfer Route"), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 text-[13px] text-black" }, /* @__PURE__ */ React16.createElement("span", { className: "truncate " }, truncateAddress(String(selectedTransaction.metadata.fromAddress))), /* @__PURE__ */ React16.createElement("span", { className: "text-neutral-400" }, "\u2192"), /* @__PURE__ */ React16.createElement("span", { className: "truncate " }, truncateAddress(String(selectedTransaction.metadata.toAddress))))), selectedTransaction.metadata && Object.entries(selectedTransaction.metadata).map(([key, value]) => {
     if (key === "fromAddress" || key === "toAddress") return null;
     if (value === null || value === void 0 || typeof value === "object") return null;
     const formattedKey = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
-    return /* @__PURE__ */ React15.createElement("div", { key }, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, formattedKey), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black break-all" }, String(value)));
-  })), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React16.createElement("div", { key }, /* @__PURE__ */ React16.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, formattedKey), /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-black break-all" }, String(value)));
+  })), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React16.createElement(
     ThreeDActionButton,
     {
       onClick: handleGenerateReceipt,
@@ -1378,14 +1535,14 @@ var UniversalTransactionPage = ({
       className: "w-full py-3 text-[14px]"
     },
     "Generate Receipt"
-  ), /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => onReportTransaction && onReportTransaction(selectedTransaction),
       className: "w-full flex items-center  justify-center py-2.5 rounded-full border border-neutral-200  text-black hover:bg-neutral-50 transition-colors outline-none text-[13px] tracking-wide mt-2"
     },
     "Report Transaction"
-  ), selectedTransaction.type === "WALLET_TRANSACTION" && /* @__PURE__ */ React15.createElement(
+  ), selectedTransaction.type === "WALLET_TRANSACTION" && /* @__PURE__ */ React16.createElement(
     "a",
     {
       href: `https://basescan.org/tx/${selectedTransaction.reference}`,
@@ -1394,7 +1551,7 @@ var UniversalTransactionPage = ({
       className: "w-full flex items-center  justify-center py-2.5 rounded-full border border-neutral-200  text-black hover:bg-neutral-50 transition-colors outline-none text-[13px] tracking-wide mt-2"
     },
     "View in block explorer"
-  ))))), isDirectionModalOpen && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setIsDirectionModalOpen(false) }), /* @__PURE__ */ React15.createElement("div", { ref: directionDropdownRef, className: "relative w-72 bg-white  shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React15.createElement("div", { className: "p-6 text-center w-full  mb-2" }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Payment Type")), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, ["ALL", "CREDIT", "DEBIT"].map((option) => /* @__PURE__ */ React15.createElement(
+  ))))), isDirectionModalOpen && /* @__PURE__ */ React16.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setIsDirectionModalOpen(false) }), /* @__PURE__ */ React16.createElement("div", { ref: directionDropdownRef, className: "relative w-72 bg-white  shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React16.createElement("div", { className: "p-6 text-center w-full  mb-2" }, /* @__PURE__ */ React16.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Payment Type")), /* @__PURE__ */ React16.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, ["ALL", "CREDIT", "DEBIT"].map((option) => /* @__PURE__ */ React16.createElement(
     "button",
     {
       key: option,
@@ -1404,19 +1561,19 @@ var UniversalTransactionPage = ({
       },
       className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeDirectionFilter === option ? "bg-neutral-100 text-black " : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
     },
-    /* @__PURE__ */ React15.createElement("span", { className: "truncate pr-2" }, option.charAt(0).toUpperCase() + option.slice(1).toLowerCase())
-  ))), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex mt-2 " }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement("span", { className: "truncate pr-2" }, option.charAt(0).toUpperCase() + option.slice(1).toLowerCase())
+  ))), /* @__PURE__ */ React16.createElement("div", { className: "w-full flex mt-2 " }, /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => setIsDirectionModalOpen(false),
       className: "w-full py-4 text-[13px] text-neutral-500 hover:text-black transition-colors outline-none "
     },
     "Cancel"
-  )))), isTypeModalOpen && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setIsTypeModalOpen(false) }), /* @__PURE__ */ React15.createElement("div", { ref: typeDropdownRef, className: "relative w-72 bg-white  shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React15.createElement("div", { className: "p-6 text-center w-full  mb-2" }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Transactions Type")), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, [
+  )))), isTypeModalOpen && /* @__PURE__ */ React16.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setIsTypeModalOpen(false) }), /* @__PURE__ */ React16.createElement("div", { ref: typeDropdownRef, className: "relative w-72 bg-white  shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React16.createElement("div", { className: "p-6 text-center w-full  mb-2" }, /* @__PURE__ */ React16.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Transactions Type")), /* @__PURE__ */ React16.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, [
     { label: "All Transactions", value: "ALL" },
     { label: "Wallet Transactions", value: "WALLET_TRANSACTION" },
     { label: "Card Transactions", value: "CARD_TRANSACTION" }
-  ].map((option) => /* @__PURE__ */ React15.createElement(
+  ].map((option) => /* @__PURE__ */ React16.createElement(
     "button",
     {
       key: option.value,
@@ -1426,8 +1583,8 @@ var UniversalTransactionPage = ({
       },
       className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeTypeFilter === option.value ? "bg-neutral-100 text-black " : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
     },
-    /* @__PURE__ */ React15.createElement("span", { className: "truncate pr-2" }, option.label.charAt(0).toUpperCase() + option.label.slice(1).toLowerCase())
-  ))), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex mt-2 " }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement("span", { className: "truncate pr-2" }, option.label.charAt(0).toUpperCase() + option.label.slice(1).toLowerCase())
+  ))), /* @__PURE__ */ React16.createElement("div", { className: "w-full flex mt-2 " }, /* @__PURE__ */ React16.createElement(
     "button",
     {
       onClick: () => setIsTypeModalOpen(false),
@@ -1438,8 +1595,8 @@ var UniversalTransactionPage = ({
 };
 
 // src/components/UniversalHomeView.tsx
-import React16, { useState as useState9, useEffect as useEffect7 } from "react";
-import { HugeiconsIcon as HugeiconsIcon10 } from "@hugeicons/react";
+import React17, { useState as useState10, useEffect as useEffect7 } from "react";
+import { HugeiconsIcon as HugeiconsIcon11 } from "@hugeicons/react";
 import { ViewOffSlashIcon, ViewIcon } from "@hugeicons/core-free-icons";
 var UniversalHomeView = ({
   balanceLabel = "Your Balance",
@@ -1449,8 +1606,8 @@ var UniversalHomeView = ({
   secondaryAction,
   transactionsProps
 }) => {
-  const [displayAmount, setDisplayAmount] = useState9("0.00");
-  const [isBalanceHidden, setIsBalanceHidden] = useState9(false);
+  const [displayAmount, setDisplayAmount] = useState10("0.00");
+  const [isBalanceHidden, setIsBalanceHidden] = useState10(false);
   useEffect7(() => {
     const target = parseFloat(balanceAmount.replace(/,/g, ""));
     if (isNaN(target)) {
@@ -1480,29 +1637,29 @@ var UniversalHomeView = ({
     requestAnimationFrame(step);
   }, [balanceAmount]);
   const [intPart, decPart] = displayAmount.includes(".") ? displayAmount.split(".") : [displayAmount, "00"];
-  return /* @__PURE__ */ React16.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React16.createElement("div", { className: "relative flex items-start justify-between w-full pt-4 pb-8" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col items-start text-left z-10 w-full" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1.5" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, balanceLabel), /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React17.createElement("div", { className: "relative flex items-start justify-between w-full pt-4 pb-8" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col items-start text-left z-10 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1.5" }, /* @__PURE__ */ React17.createElement("span", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, balanceLabel), /* @__PURE__ */ React17.createElement(
     "button",
     {
       onClick: () => setIsBalanceHidden(!isBalanceHidden),
       className: "text-neutral-400 hover:text-black transition-colors outline-none"
     },
-    /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: isBalanceHidden ? ViewIcon : ViewOffSlashIcon, size: 14 })
-  )), /* @__PURE__ */ React16.createElement("h1", { className: `text-3xl sm:text-4xl md:text-5xl text-black tracking-tight mb-5 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ React16.createElement("span", { className: "text-xl sm:text-2xl text-neutral-400 mr-1" }, balanceCurrency), intPart, /* @__PURE__ */ React16.createElement("span", { className: "text-xl sm:text-2xl text-neutral-400" }, ".", decPart)), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-3" }, primaryAction && /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: isBalanceHidden ? ViewIcon : ViewOffSlashIcon, size: 14 })
+  )), /* @__PURE__ */ React17.createElement("h1", { className: `text-3xl sm:text-4xl md:text-5xl text-black tracking-tight mb-5 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ React17.createElement("span", { className: "text-xl sm:text-2xl text-neutral-400 mr-1" }, balanceCurrency), intPart, /* @__PURE__ */ React17.createElement("span", { className: "text-xl sm:text-2xl text-neutral-400" }, ".", decPart)), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-3" }, primaryAction && /* @__PURE__ */ React17.createElement(
     ThreeDActionButton,
     {
       onClick: primaryAction.onClick,
       className: "px-6 py-2.5 sm:px-8 sm:py-2.5"
     },
-    /* @__PURE__ */ React16.createElement("span", { className: "flex items-center gap-1.5 text-[13px] tracking-wide " }, primaryAction.label, primaryAction.icon && /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: primaryAction.icon, size: 16 }))
-  ), secondaryAction && /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement("span", { className: "flex items-center gap-1.5 text-[13px] tracking-wide " }, primaryAction.label, primaryAction.icon && /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: primaryAction.icon, size: 16 }))
+  ), secondaryAction && /* @__PURE__ */ React17.createElement(
     "button",
     {
       onClick: secondaryAction.onClick,
       className: "flex items-center gap-1.5 px-6 py-2.5 sm:px-8 sm:py-2.5 rounded-full  border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
     },
-    /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] tracking-wide " }, secondaryAction.label),
-    secondaryAction.icon && /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: secondaryAction.icon, size: 16 })
-  )))), /* @__PURE__ */ React16.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement("span", { className: "text-[13px] tracking-wide " }, secondaryAction.label),
+    secondaryAction.icon && /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: secondaryAction.icon, size: 16 })
+  )))), /* @__PURE__ */ React17.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React17.createElement(
     UniversalTransactionPage,
     {
       ...transactionsProps,
@@ -1514,18 +1671,18 @@ var UniversalHomeView = ({
 };
 
 // src/components/UniversalWalletPage.tsx
-import React17, { useState as useState10 } from "react";
+import React18, { useState as useState11 } from "react";
 import toast5 from "react-hot-toast";
-import { HugeiconsIcon as HugeiconsIcon11 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon12 } from "@hugeicons/react";
 import {
   Search01Icon as Search01Icon2,
   CancelCircleIcon as CancelCircleIcon3,
-  Loading03Icon as Loading03Icon5
+  Loading03Icon as Loading03Icon6
 } from "@hugeicons/core-free-icons";
-var PageSpinner3 = () => /* @__PURE__ */ React17.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 32, className: "animate-spin mb-4 text-black" }));
+var PageSpinner3 = () => /* @__PURE__ */ React18.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: Loading03Icon6, size: 32, className: "animate-spin mb-4 text-black" }));
 var WalletLogo = ({ src, alt, sizeClass = "w-10 h-10" }) => {
-  const [isLoaded, setIsLoaded] = useState10(false);
-  return /* @__PURE__ */ React17.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden  ${sizeClass}` }, !isLoaded && /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ React17.createElement(
+  const [isLoaded, setIsLoaded] = useState11(false);
+  return /* @__PURE__ */ React18.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden  ${sizeClass}` }, !isLoaded && /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: Loading03Icon6, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ React18.createElement(
     "img",
     {
       src,
@@ -1547,8 +1704,8 @@ var UniversalWalletPage = ({
   onDownloadPayId,
   onCopyAddress
 }) => {
-  const [selectedWallet, setSelectedWallet] = useState10(null);
-  const [localSearchQuery, setLocalSearchQuery] = useState10("");
+  const [selectedWallet, setSelectedWallet] = useState11(null);
+  const [localSearchQuery, setLocalSearchQuery] = useState11("");
   const filteredWallets = wallets.filter((wallet) => {
     const q = localSearchQuery.toLowerCase();
     return wallet.name.toLowerCase().includes(q) || wallet.currency.toLowerCase().includes(q) || wallet.network.toLowerCase().includes(q);
@@ -1561,7 +1718,7 @@ var UniversalWalletPage = ({
     }
     toast5.success("Address copied to clipboard");
   };
-  return /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, /* @__PURE__ */ React17.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, /* @__PURE__ */ React18.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React18.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React18.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React18.createElement(
     "input",
     {
       type: "text",
@@ -1570,16 +1727,16 @@ var UniversalWalletPage = ({
       onChange: (e) => setLocalSearchQuery(e.target.value),
       className: "w-full pl-10 pr-4 py-2 bg-white  rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-all duration-300 focus:border-black"
     }
-  ))), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React17.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React17.createElement(PageSpinner3, null) : /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React17.createElement("div", null, filteredWallets.length === 0 ? /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ React17.createElement(
+  ))), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React18.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React18.createElement(PageSpinner3, null) : /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React18.createElement("div", null, filteredWallets.length === 0 ? /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ React18.createElement(
     "div",
     {
       key: wallet.id,
       onClick: () => setSelectedWallet(wallet),
       className: "flex items-center justify-between py-4 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React17.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ React17.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React17.createElement("p", { className: "text-[13px] text-black truncate " }, wallet.name), /* @__PURE__ */ React17.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
-    /* @__PURE__ */ React17.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React17.createElement("span", { className: "text-[10px] tracking-wide text-neutral-600 bg-neutral-100 px-2.5 py-1 rounded-full " }, wallet.network))
-  )))))), selectedWallet && /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedWallet(null) }), /* @__PURE__ */ React17.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React17.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ React17.createElement("button", { onClick: () => setSelectedWallet(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: CancelCircleIcon3, size: 18 }))), /* @__PURE__ */ React17.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-6" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React17.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ React17.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300  ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ React17.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full border border-neutral-200 uppercase mt-1 " }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ React17.createElement("div", { className: "w-full flex justify-center mb-6 mix-blend-multiply" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React17.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ React17.createElement("span", { className: "text-[13px] text-black break-all " }, selectedWallet.address)), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ React17.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React18.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ React18.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React18.createElement("p", { className: "text-[13px] text-black truncate " }, wallet.name), /* @__PURE__ */ React18.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
+    /* @__PURE__ */ React18.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] tracking-wide text-neutral-600 bg-neutral-100 px-2.5 py-1 rounded-full " }, wallet.network))
+  )))))), selectedWallet && /* @__PURE__ */ React18.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React18.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedWallet(null) }), /* @__PURE__ */ React18.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React18.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ React18.createElement("button", { onClick: () => setSelectedWallet(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: CancelCircleIcon3, size: 18 }))), /* @__PURE__ */ React18.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-6" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React18.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ React18.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300  ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ React18.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full border border-neutral-200 uppercase mt-1 " }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ React18.createElement("div", { className: "w-full flex justify-center mb-6 mix-blend-multiply" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React18.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ React18.createElement("span", { className: "text-[13px] text-black break-all " }, selectedWallet.address)), /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ React18.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React18.createElement(
     ThreeDActionButton,
     {
       onClick: () => onDownloadPayId && onDownloadPayId(selectedWallet),
@@ -1587,7 +1744,7 @@ var UniversalWalletPage = ({
       className: "w-full py-3 text-[13px]"
     },
     "Generate Statement"
-  ), /* @__PURE__ */ React17.createElement(
+  ), /* @__PURE__ */ React18.createElement(
     "button",
     {
       onClick: () => handleCopy(selectedWallet),
@@ -1598,8 +1755,8 @@ var UniversalWalletPage = ({
 };
 
 // src/components/UniversalCardPage.tsx
-import React20, { useState as useState12, useEffect as useEffect9 } from "react";
-import { HugeiconsIcon as HugeiconsIcon14 } from "@hugeicons/react";
+import React21, { useState as useState13, useEffect as useEffect9 } from "react";
+import { HugeiconsIcon as HugeiconsIcon15 } from "@hugeicons/react";
 import {
   SnowIcon,
   Delete02Icon,
@@ -1609,51 +1766,10 @@ import {
   Loading03Icon as Loading03Icon8
 } from "@hugeicons/core-free-icons";
 
-// src/components/ConfirmationDialog.tsx
-import React18 from "react";
-import { HugeiconsIcon as HugeiconsIcon12 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon6 } from "@hugeicons/core-free-icons";
-var ConfirmationDialog = ({
-  isOpen,
-  title,
-  message,
-  confirmText = "Confirm",
-  cancelText = "Cancel",
-  isProcessing = false,
-  isDestructive = true,
-  onClose,
-  onConfirm
-}) => {
-  if (!isOpen) return null;
-  return /* @__PURE__ */ React18.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React18.createElement(
-    "div",
-    {
-      className: "absolute inset-0 bg-black/40 ",
-      onClick: () => !isProcessing && onClose()
-    }
-  ), /* @__PURE__ */ React18.createElement("div", { className: "relative w-72 bg-white rounded-2xl flex flex-col items-center overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React18.createElement("div", { className: "p-6 pb-4 text-center w-full" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-[17px] text-black  tracking-tight mb-2" }, title), /* @__PURE__ */ React18.createElement("p", { className: "text-[12px] text-neutral-500 leading-relaxed px-2" }, message)), /* @__PURE__ */ React18.createElement("div", { className: "w-full flex" }, /* @__PURE__ */ React18.createElement(
-    "button",
-    {
-      onClick: onClose,
-      disabled: isProcessing,
-      className: "flex-1 py-4 text-[14px] text-neutral-500 hover:bg-neutral-50 transition-colors disabled:opacity-50 outline-none "
-    },
-    cancelText
-  ), /* @__PURE__ */ React18.createElement(
-    "button",
-    {
-      onClick: onConfirm,
-      disabled: isProcessing,
-      className: `flex-1 py-4 text-[13px] transition-colors disabled:opacity-50 flex justify-center items-center outline-none  ${isDestructive ? "text-red-500 hover:bg-red-50" : "text-black hover:bg-neutral-50"}`
-    },
-    isProcessing ? /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: Loading03Icon6, className: "animate-spin", size: 18 }) : confirmText
-  ))));
-};
-
 // src/components/PinDialerBottomSheet.tsx
-import React19, { useState as useState11, useEffect as useEffect8 } from "react";
+import React19, { useState as useState12, useEffect as useEffect8 } from "react";
 import { HugeiconsIcon as HugeiconsIcon13 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon7, CancelCircleIcon as CancelCircleIcon4 } from "@hugeicons/core-free-icons";
+import { Loading03Icon as Loading03Icon7, CancelCircleIcon as CancelCircleIcon4, LessThanIcon } from "@hugeicons/core-free-icons";
 var PinDialerBottomSheet = ({
   isOpen,
   title = "Action Required",
@@ -1661,7 +1777,7 @@ var PinDialerBottomSheet = ({
   onClose,
   onComplete
 }) => {
-  const [pin, setPin] = useState11("");
+  const [pin, setPin] = useState12("");
   useEffect8(() => {
     setPin("");
   }, [isOpen]);
@@ -1708,14 +1824,14 @@ var PinDialerBottomSheet = ({
     {
       key: num,
       onClick: () => handlePinPress(num),
-      className: "w-14 h-14 rounded-full flex border border-neutral-200 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
+      className: "w-14 h-14 rounded-full flex bg-neutral-50 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
     num
   )), /* @__PURE__ */ React19.createElement("div", null), " ", /* @__PURE__ */ React19.createElement(
     "button",
     {
       onClick: () => handlePinPress(0),
-      className: "w-14 h-14 rounded-full flex border border-neutral-200 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
+      className: "w-14 h-14 rounded-full flex bg-neutral-50 items-center justify-center text-sm text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
     "0"
   ), /* @__PURE__ */ React19.createElement(
@@ -1724,49 +1840,98 @@ var PinDialerBottomSheet = ({
       onClick: () => handlePinPress("del"),
       className: "w-14 h-14 rounded-full flex items-center justify-center text-neutral-400 hover:text-black hover:bg-neutral-50 transition-colors mx-auto outline-none active:scale-95"
     },
-    /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: CancelCircleIcon4, size: 20 })
+    /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: LessThanIcon, size: 20 })
   )))));
 };
 
+// src/components/CardAction.tsx
+import React20 from "react";
+import { HugeiconsIcon as HugeiconsIcon14 } from "@hugeicons/react";
+import { CancelCircleIcon as CancelCircleIcon5, CreditCardIcon } from "@hugeicons/core-free-icons";
+var CardActionDialog = ({
+  isOpen,
+  card,
+  actionType,
+  onClose,
+  onProceed
+}) => {
+  if (!isOpen || !card) return null;
+  const title = actionType === "ACTIVATE" ? "Activate Card" : "Create New Card";
+  const description = actionType === "ACTIVATE" ? `You are about to activate your ${card.type.toLowerCase()} card. Once activated, you can view details and set limits.` : `Your current ${card.type.toLowerCase()} card is ${card.status.toLowerCase()}. You need to provision a new one to continue.`;
+  return /* @__PURE__ */ React20.createElement("div", { className: "fixed inset-0 z-150 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React20.createElement(
+    "div",
+    {
+      className: "absolute inset-0 bg-black/40  animate-in fade-in duration-200",
+      onClick: onClose
+    }
+  ), /* @__PURE__ */ React20.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20.createElement(HugeiconsIcon14, { icon: CreditCardIcon, size: 20, className: "text-black" }), /* @__PURE__ */ React20.createElement("h3", { className: "text-[16px] text-black font-medium tracking-tight" }, title)), /* @__PURE__ */ React20.createElement(
+    "button",
+    {
+      onClick: onClose,
+      className: "text-neutral-400 hover:text-black transition-colors outline-none"
+    },
+    /* @__PURE__ */ React20.createElement(HugeiconsIcon14, { icon: CancelCircleIcon5, size: 20 })
+  )), /* @__PURE__ */ React20.createElement("div", { className: "p-6 text-center" }, /* @__PURE__ */ React20.createElement("p", { className: "text-[13px] text-neutral-500 leading-relaxed mb-6" }, description), /* @__PURE__ */ React20.createElement(
+    "button",
+    {
+      onClick: onProceed,
+      className: "w-full py-3.5 bg-black text-white text-[13px] font-medium rounded-xl hover:bg-neutral-800 transition-colors outline-none active:scale-95"
+    },
+    actionType === "ACTIVATE" ? "Activate Now" : "Create Card"
+  ))));
+};
+
 // src/components/UniversalCardPage.tsx
 var UniversalCardPage = ({
-  cardHolderName,
-  cardNumber,
-  expiry,
-  cvv,
-  cardBgSrc,
-  backgroundOverlay,
-  companyLogoSrc,
-  networkLogoSrc,
+  cards = [],
   onReveal,
   onFreeze,
   onSetLimits,
-  onDelete
+  onDelete,
+  onCardAction
 }) => {
-  const [isFlipped, setIsFlipped] = useState12(false);
-  const [isBgLoaded, setIsBgLoaded] = useState12(false);
-  const [isRevealed, setIsRevealed] = useState12(false);
-  const [isRevealing, setIsRevealing] = useState12(false);
-  const [isFrozen, setIsFrozen] = useState12(false);
-  const [isFreezing, setIsFreezing] = useState12(false);
-  const [showDeleteDialog, setShowDeleteDialog] = useState12(false);
-  const [isDeleting, setIsDeleting] = useState12(false);
-  const [showPinDialer, setShowPinDialer] = useState12(false);
+  const [activeTabIndex, setActiveTabIndex] = useState13(0);
+  const activeCard = cards[activeTabIndex];
+  useEffect9(() => {
+    setIsFlipped(false);
+    setIsRevealed(false);
+  }, [activeTabIndex]);
+  const [isFlipped, setIsFlipped] = useState13(false);
+  const [isBgLoaded, setIsBgLoaded] = useState13(false);
+  const [isRevealed, setIsRevealed] = useState13(false);
+  const [isRevealing, setIsRevealing] = useState13(false);
+  const [isFreezing, setIsFreezing] = useState13(false);
+  const [isOverlayActionLoading, setIsOverlayActionLoading] = useState13(false);
+  const [showDeleteDialog, setShowDeleteDialog] = useState13(false);
+  const [isDeleting, setIsDeleting] = useState13(false);
+  const [showPinDialer, setShowPinDialer] = useState13(false);
+  const [showCardActionDialog, setShowCardActionDialog] = useState13(false);
+  const [cardActionType, setCardActionType] = useState13("ACTIVATE");
   useEffect9(() => {
-    if (!cardBgSrc) return;
+    setIsBgLoaded(false);
+    if (!activeCard?.cardBgSrc) return;
     const img = new Image();
-    img.src = cardBgSrc;
+    img.src = activeCard.cardBgSrc;
     img.onload = () => {
       setTimeout(() => setIsBgLoaded(true), 300);
     };
-  }, [cardBgSrc]);
+  }, [activeCard?.cardBgSrc]);
+  if (!activeCard) return /* @__PURE__ */ React21.createElement("div", { className: "text-center p-8 text-neutral-500" }, "No cards available");
+  const isActivated = activeCard.status === "ACTIVATED";
+  const isFrozen = activeCard.status === "FROZEN";
+  const isUnactivated = activeCard.status === "UNACTIVATED";
+  const isDead = ["BLOCKED", "EXPIRED", "DELETED"].includes(activeCard.status);
+  const canFlip = isBgLoaded && isActivated;
+  const actionsDisabled = !isActivated && !isFrozen;
+  const revealDisabled = !isActivated;
+  const freezeDisabled = isUnactivated || isDead;
   const handleToggleReveal = () => {
-    if (isRevealing) return;
+    if (revealDisabled || isRevealing) return;
     if (isRevealed) {
       setIsRevealed(false);
       setIsRevealing(true);
       setTimeout(() => {
-        if (onReveal) onReveal();
+        if (onReveal) onReveal(activeCard.id);
         setIsRevealing(false);
       }, 800);
     } else {
@@ -1778,67 +1943,125 @@ var UniversalCardPage = ({
     setTimeout(() => {
       setShowPinDialer(false);
       setIsRevealed(true);
-      if (onReveal) onReveal();
+      if (onReveal) onReveal(activeCard.id);
       setIsRevealing(false);
     }, 1e3);
   };
   const handleToggleFreeze = () => {
-    if (isFreezing) return;
+    if (freezeDisabled || isFreezing) return;
     setIsFreezing(true);
     setTimeout(() => {
-      setIsFrozen(!isFrozen);
-      if (onFreeze) onFreeze();
+      if (onFreeze) onFreeze(activeCard.id);
       setIsFreezing(false);
     }, 800);
   };
+  const handleOverlayUnfreeze = () => {
+    if (isOverlayActionLoading) return;
+    setIsOverlayActionLoading(true);
+    setTimeout(() => {
+      if (onFreeze) onFreeze(activeCard.id);
+      setIsOverlayActionLoading(false);
+    }, 800);
+  };
+  const handleOverlayActionClick = (type) => {
+    setCardActionType(type);
+    setShowCardActionDialog(true);
+  };
   const confirmDelete = async () => {
     setIsDeleting(true);
     setTimeout(() => {
-      if (onDelete) onDelete();
+      if (onDelete) onDelete(activeCard.id);
       setIsDeleting(false);
       setShowDeleteDialog(false);
     }, 1200);
   };
-  const displayCardNumber = isRevealed ? cardNumber : `\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${cardNumber.slice(-4)}`;
-  const displayExpiry = isRevealed ? expiry : "\u2022\u2022/\u2022\u2022";
-  const displayCvv = isRevealed ? cvv : "\u2022\u2022\u2022";
-  return /* @__PURE__ */ React20.createElement("div", { className: "w-full flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React20.createElement("div", { className: "w-full pt-6 pb-2 flex justify-center", style: { perspective: "1000px" } }, /* @__PURE__ */ React20.createElement(
+  const formatTabLabel = (type) => {
+    const capitalized = type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();
+    return `${capitalized} Card`;
+  };
+  const displayCardNumber = isRevealed ? activeCard.cardNumber : `\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${activeCard.cardNumber.slice(-4)}`;
+  const displayExpiry = isRevealed ? activeCard.expiry : "\u2022\u2022/\u2022\u2022";
+  const displayCvv = isRevealed ? activeCard.cvv : "\u2022\u2022\u2022";
+  return /* @__PURE__ */ React21.createElement("div", { className: "w-full flex flex-col items-center animate-in fade-in duration-300 pb-12" }, cards.length > 1 && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar " }, cards.map((tab, idx) => {
+    const isActive = activeTabIndex === idx;
+    return /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        key: tab.id,
+        onClick: () => setActiveTabIndex(idx),
+        className: `px-4 sm:px-6 py-1.5 sm:py-2 rounded-full text-[11px] sm:text-xs font-medium transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
+      },
+      formatTabLabel(tab.type)
+    );
+  }))), /* @__PURE__ */ React21.createElement("div", { className: "w-full pt-2 pb-2 flex justify-center", style: { perspective: "1000px" } }, /* @__PURE__ */ React21.createElement(
     "div",
     {
       onClick: () => {
-        if (isBgLoaded) setIsFlipped(!isFlipped);
+        if (canFlip) setIsFlipped(!isFlipped);
       },
-      className: `relative w-full max-w-85 transition-transform duration-700 ${!isBgLoaded ? "cursor-wait" : "cursor-pointer"}`,
+      className: `relative w-full max-w-85 transition-transform duration-700 ${!isBgLoaded ? "cursor-wait" : canFlip ? "cursor-pointer" : "cursor-default"}`,
       style: {
         height: 185,
         transformStyle: "preserve-3d",
         transform: isFlipped ? "rotateY(180deg)" : "rotateY(0deg)"
       }
     },
-    !isBgLoaded && /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 w-full h-full bg-white rounded-2xl flex items-center justify-center z-50 " }, /* @__PURE__ */ React20.createElement(HugeiconsIcon14, { icon: Loading03Icon8, size: 28, className: "animate-spin text-black" })),
-    /* @__PURE__ */ React20.createElement(
+    !isBgLoaded && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 w-full h-full bg-white rounded-2xl flex items-center justify-center z-50 " }, /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: Loading03Icon8, size: 28, className: "animate-spin text-black" })),
+    !isActivated && isBgLoaded && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 z-40 w-full h-full rounded-2xl backdrop-blur-sm bg-white/20 flex flex-col items-center justify-center border border-white/30", style: { transform: "translateZ(1px)" } }, isUnactivated && /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleOverlayActionClick("ACTIVATE");
+        },
+        className: "px-6 py-2.5 bg-white/35 text-black text-[12px] font-medium rounded-full  transition-all outline-none active:scale-95"
+      },
+      "Activate Card"
+    ), isDead && /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleOverlayActionClick("CREATE");
+        },
+        className: "px-6 py-2.5 bg-white/35 text-black text-[12px] font-medium rounded-full  transition-all outline-none active:scale-95"
+      },
+      "Create Card"
+    ), isFrozen && /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleOverlayUnfreeze();
+        },
+        disabled: isOverlayActionLoading,
+        className: "px-6 py-2.5 bg-white/35 text-black text-[12px] font-medium rounded-full  transition-all outline-none active:scale-95 flex items-center gap-2 disabled:opacity-80"
+      },
+      isOverlayActionLoading ? /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: Loading03Icon8, size: 16, className: "animate-spin" }) : "Unfreeze Card"
+    )),
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: `absolute inset-0 w-full h-full rounded-2xl overflow-hidden transition-all duration-700 ${isBgLoaded ? "opacity-100 scale-100" : "opacity-0 scale-105"}`,
         style: { backfaceVisibility: "hidden" }
       },
-      /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 bg-cover bg-center",
-          style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
+          style: { backgroundImage: `url(${activeCard.cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
         }
       ),
-      backgroundOverlay && /* @__PURE__ */ React20.createElement(
+      activeCard.backgroundOverlay && /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 bg-cover bg-center pointer-events-none",
-          style: { backgroundImage: `url(${backgroundOverlay})` }
+          style: { backgroundImage: `url(${activeCard.backgroundOverlay})` }
         }
       ),
-      /* @__PURE__ */ React20.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("span", { className: "text-[12px] text-white/70 " }, "Prepaid Card")), companyLogoSrc && /* @__PURE__ */ React20.createElement("img", { src: companyLogoSrc, alt: "Company Logo", className: "h-10 w-auto max-w-30 object-contain opacity-90" })), /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[10px] text-white/60 tracking-widest uppercase" }, "Card Number"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white tracking-widest font-light" }, displayCardNumber)), networkLogoSrc && /* @__PURE__ */ React20.createElement("img", { src: networkLogoSrc, alt: "Network Logo", className: "h-10 w-auto max-w-20 object-contain opacity-90" })))
+      /* @__PURE__ */ React21.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("span", { className: "text-[12px] text-white/70 " }, "Prepaid Card")), activeCard.companyLogoSrc && /* @__PURE__ */ React21.createElement("img", { src: activeCard.companyLogoSrc, alt: "Company Logo", className: "h-10 w-auto max-w-30 object-contain opacity-90" })), /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[10px] text-white/60 tracking-widest uppercase" }, "Card Number"), /* @__PURE__ */ React21.createElement("span", { className: "text-[14px] text-white tracking-widest font-light" }, displayCardNumber)), activeCard.networkLogoSrc && /* @__PURE__ */ React21.createElement("img", { src: activeCard.networkLogoSrc, alt: "Network Logo", className: "h-10 w-auto max-w-20 object-contain opacity-90" })))
     ),
-    /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React21.createElement(
       "div",
       {
         className: `absolute inset-0 w-full h-full rounded-2xl overflow-hidden transition-all duration-700 ${isBgLoaded ? "opacity-100 scale-100" : "opacity-0 scale-105"}`,
@@ -1847,23 +2070,24 @@ var UniversalCardPage = ({
           transform: "rotateY(180deg)"
         }
       },
-      /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 bg-cover bg-center",
-          style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
+          style: { backgroundImage: `url(${activeCard.cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
         }
       ),
-      backgroundOverlay && /* @__PURE__ */ React20.createElement(
+      activeCard.backgroundOverlay && /* @__PURE__ */ React21.createElement(
         "div",
         {
           className: "absolute inset-0 bg-cover bg-center pointer-events-none",
-          style: { backgroundImage: `url(${backgroundOverlay})` }
+          style: { backgroundImage: `url(${activeCard.backgroundOverlay})` }
         }
       ),
-      /* @__PURE__ */ React20.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ React20.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
+      /* @__PURE__ */ React21.createElement("div", { className: "absolute top-6 left-0 right-0 h-10 bg-black/80 w-full" }),
+      /* @__PURE__ */ React21.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React21.createElement("span", { className: "text-white text-3xl italic tracking-wide opacity-90", style: { fontFamily: "'Whisper', cursive" } }, activeCard.cardHolderName)), /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ React21.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ React21.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
     )
-  )), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React20.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React20.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React20.createElement(
+  )), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-neutral-400 mb-6 mt-1" }, isActivated ? "Tap to flip card" : "Action Required"), /* @__PURE__ */ React21.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React21.createElement(
     MenuRow,
     {
       icon: ViewOffSlashIcon2,
@@ -1872,9 +2096,10 @@ var UniversalCardPage = ({
       onClick: handleToggleReveal,
       isToggle: true,
       toggleState: isRevealed,
-      toggleLoading: isRevealing
+      toggleLoading: isRevealing,
+      disabled: revealDisabled
     }
-  ), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React21.createElement(
     MenuRow,
     {
       icon: SnowIcon,
@@ -1883,27 +2108,34 @@ var UniversalCardPage = ({
       onClick: handleToggleFreeze,
       isToggle: true,
       toggleState: isFrozen,
-      toggleLoading: isFreezing
+      toggleLoading: isFreezing,
+      disabled: freezeDisabled
     }
-  ), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React21.createElement(
     MenuRow,
     {
       icon: Dollar02Icon,
       title: "Set Limits",
       subtitle: "Set card limits",
-      onClick: onSetLimits,
+      onClick: () => {
+        if (!actionsDisabled && onSetLimits) onSetLimits(activeCard.id);
+      },
+      disabled: actionsDisabled,
       isLast: true
     }
-  )), /* @__PURE__ */ React20.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React20.createElement(
+  )), /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React21.createElement(
     MenuRow,
     {
       icon: Delete02Icon,
       title: "Delete card",
       subtitle: "Permanently delete card",
-      onClick: () => setShowDeleteDialog(true),
+      onClick: () => {
+        if (!actionsDisabled) setShowDeleteDialog(true);
+      },
+      disabled: actionsDisabled,
       isLast: true
     }
-  ))), /* @__PURE__ */ React20.createElement(
+  ))), /* @__PURE__ */ React21.createElement(
     ConfirmationDialog,
     {
       isOpen: showDeleteDialog,
@@ -1915,7 +2147,7 @@ var UniversalCardPage = ({
       onClose: () => setShowDeleteDialog(false),
       onConfirm: confirmDelete
     }
-  ), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React21.createElement(
     PinDialerBottomSheet,
     {
       isOpen: showPinDialer,
@@ -1924,6 +2156,18 @@ var UniversalCardPage = ({
       onClose: () => setShowPinDialer(false),
       onComplete: handlePinComplete
     }
+  ), /* @__PURE__ */ React21.createElement(
+    CardActionDialog,
+    {
+      isOpen: showCardActionDialog,
+      card: activeCard,
+      actionType: cardActionType,
+      onClose: () => setShowCardActionDialog(false),
+      onProceed: () => {
+        if (onCardAction) onCardAction(activeCard.id, cardActionType);
+        setShowCardActionDialog(false);
+      }
+    }
   ));
 };
 var MenuRow = ({
@@ -1936,21 +2180,22 @@ var MenuRow = ({
   isLast = false,
   isToggle = false,
   toggleState = false,
-  toggleLoading = false
-}) => /* @__PURE__ */ React20.createElement(
+  toggleLoading = false,
+  disabled = false
+}) => /* @__PURE__ */ React21.createElement(
   "div",
   {
-    onClick,
-    className: `flex items-center p-3 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "" : ""}`
+    onClick: disabled ? void 0 : onClick,
+    className: `flex items-center p-3 transition-colors ${!isLast ? "" : ""} ${disabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer hover:bg-neutral-50"}`
   },
-  /* @__PURE__ */ React20.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React20.createElement(HugeiconsIcon14, { icon, size: 16, className: iconColor })),
-  /* @__PURE__ */ React20.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20.createElement("p", { className: `text-[13px]  truncate ${titleColor}` }, title), /* @__PURE__ */ React20.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
-  isToggle ? /* @__PURE__ */ React20.createElement("div", { className: `relative w-11 h-6 rounded-full transition-colors duration-300 ml-2 shrink-0 ${toggleState ? "bg-black" : "bg-neutral-200"}` }, /* @__PURE__ */ React20.createElement("div", { className: `absolute top-1 left-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300 flex items-center justify-center ${toggleState ? "translate-x-5" : "translate-x-0"}` }, toggleLoading && /* @__PURE__ */ React20.createElement(HugeiconsIcon14, { icon: Loading03Icon8, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ React20.createElement(HugeiconsIcon14, { icon: ArrowRight01Icon2, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
+  /* @__PURE__ */ React21.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon, size: 16, className: iconColor })),
+  /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21.createElement("p", { className: `text-[13px] truncate ${titleColor}` }, title), /* @__PURE__ */ React21.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
+  isToggle ? /* @__PURE__ */ React21.createElement("div", { className: `relative w-11 h-6 rounded-full transition-colors duration-300 ml-2 shrink-0 ${toggleState ? "bg-black" : "bg-neutral-200"} ${disabled ? "opacity-50" : ""}` }, /* @__PURE__ */ React21.createElement("div", { className: `absolute top-1 left-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300 flex items-center justify-center ${toggleState ? "translate-x-5" : "translate-x-0"}` }, toggleLoading && /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: Loading03Icon8, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: ArrowRight01Icon2, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
 );
 
 // src/components/UniversalProfilePage.tsx
-import React21, { useState as useState13 } from "react";
-import { HugeiconsIcon as HugeiconsIcon15 } from "@hugeicons/react";
+import React22, { useState as useState14 } from "react";
+import { HugeiconsIcon as HugeiconsIcon16 } from "@hugeicons/react";
 import {
   UserIcon,
   LockKeyIcon as LockKeyIcon2,
@@ -1958,10 +2203,11 @@ import {
   MessageQuestionIcon,
   UserIdVerificationIcon,
   FileDownloadIcon,
-  LogoutCircle02Icon,
+  LogoutCircle02Icon as LogoutCircle02Icon2,
   UserRemove01Icon,
   ArrowRight01Icon as ArrowRight01Icon3,
-  Loading03Icon as Loading03Icon9
+  Loading03Icon as Loading03Icon9,
+  CrownIcon
 } from "@hugeicons/core-free-icons";
 var UniversalProfilePage = ({
   avatarSrc,
@@ -1976,9 +2222,9 @@ var UniversalProfilePage = ({
   onLogoutTap,
   onDeleteTap
 }) => {
-  const [isAvatarLoaded, setIsAvatarLoaded] = useState13(false);
-  const [showLogoutDialog, setShowLogoutDialog] = useState13(false);
-  const [isLoggingOut, setIsLoggingOut] = useState13(false);
+  const [isAvatarLoaded, setIsAvatarLoaded] = useState14(false);
+  const [showLogoutDialog, setShowLogoutDialog] = useState14(false);
+  const [isLoggingOut, setIsLoggingOut] = useState14(false);
   const handleConfirmLogout = async () => {
     setIsLoggingOut(true);
     try {
@@ -1990,7 +2236,7 @@ var UniversalProfilePage = ({
       setShowLogoutDialog(false);
     }
   };
-  return /* @__PURE__ */ React21.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React21.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React21.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, !isAvatarLoaded && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-10 bg-neutral-100" }, /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: Loading03Icon9, size: 24, className: "animate-spin text-black" })), /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React22.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React22.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ React22.createElement("div", { className: "relative w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, !isAvatarLoaded && /* @__PURE__ */ React22.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-10 bg-neutral-100" }, /* @__PURE__ */ React22.createElement(HugeiconsIcon16, { icon: Loading03Icon9, size: 24, className: "animate-spin text-black" })), /* @__PURE__ */ React22.createElement(
     "img",
     {
       src: avatarSrc,
@@ -1998,7 +2244,7 @@ var UniversalProfilePage = ({
       onLoad: () => setIsAvatarLoaded(true),
       className: `w-full h-full object-cover transition-opacity duration-300 ${isAvatarLoaded ? "opacity-100" : "opacity-0"}`
     }
-  )) : /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React21.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[12px]  text-black" }, roleName), /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: ArrowRight01Icon3, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ React21.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ React21.createElement("div", { className: "w-full flex flex-col gap-4 mt-2" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React21.createElement(
+  )) : /* @__PURE__ */ React22.createElement(HugeiconsIcon16, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React22.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ React22.createElement("span", { className: "text-[12px]  text-black" }, roleName), /* @__PURE__ */ React22.createElement(HugeiconsIcon16, { icon: CrownIcon, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ React22.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ React22.createElement("div", { className: "w-full flex flex-col gap-4 mt-2" }, /* @__PURE__ */ React22.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: UserIcon,
@@ -2006,7 +2252,7 @@ var UniversalProfilePage = ({
       subtitle: "Your account details",
       onClick: onAccountTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: LockKeyIcon2,
@@ -2014,7 +2260,7 @@ var UniversalProfilePage = ({
       subtitle: "2FA & authentication",
       onClick: onSecurityTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: ShieldUserIcon,
@@ -2022,7 +2268,7 @@ var UniversalProfilePage = ({
       subtitle: "Manage web3 profile",
       onClick: onDefiTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: MessageQuestionIcon,
@@ -2031,7 +2277,7 @@ var UniversalProfilePage = ({
       onClick: onHelpTap,
       isLast: true
     }
-  )), /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React21.createElement(
+  )), /* @__PURE__ */ React22.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: UserIdVerificationIcon,
@@ -2039,7 +2285,7 @@ var UniversalProfilePage = ({
       subtitle: "Account Verifications",
       onClick: onVerificationsTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: FileDownloadIcon,
@@ -2047,16 +2293,16 @@ var UniversalProfilePage = ({
       subtitle: "Transfer your account",
       onClick: onExportTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
-      icon: LogoutCircle02Icon,
+      icon: LogoutCircle02Icon2,
       title: "LogOut",
       subtitle: "End your session",
       onClick: () => setShowLogoutDialog(true),
       isLast: true
     }
-  )), /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden mb-4" }, /* @__PURE__ */ React21.createElement(
+  )), /* @__PURE__ */ React22.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden mb-4" }, /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: UserRemove01Icon,
@@ -2065,7 +2311,7 @@ var UniversalProfilePage = ({
       onClick: onDeleteTap,
       isLast: true
     }
-  ))), /* @__PURE__ */ React21.createElement(
+  ))), /* @__PURE__ */ React22.createElement(
     ConfirmationDialog,
     {
       isOpen: showLogoutDialog,
@@ -2079,28 +2325,28 @@ var UniversalProfilePage = ({
     }
   ));
 };
-var MenuRow2 = ({ icon, title, subtitle, onClick, iconColor = "text-black", titleColor = "text-black", isLast = false }) => /* @__PURE__ */ React21.createElement(
+var MenuRow2 = ({ icon, title, subtitle, onClick, iconColor = "text-black", titleColor = "text-black", isLast = false }) => /* @__PURE__ */ React22.createElement(
   "div",
   {
     onClick,
     className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "" : ""}`
   },
-  /* @__PURE__ */ React21.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon, size: 16, className: iconColor })),
-  /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React21.createElement("p", { className: `text-[13px]  truncate ${titleColor}` }, title), /* @__PURE__ */ React21.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
-  /* @__PURE__ */ React21.createElement(HugeiconsIcon15, { icon: ArrowRight01Icon3, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
+  /* @__PURE__ */ React22.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React22.createElement(HugeiconsIcon16, { icon, size: 16, className: iconColor })),
+  /* @__PURE__ */ React22.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React22.createElement("p", { className: `text-[13px]  truncate ${titleColor}` }, title), /* @__PURE__ */ React22.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
+  /* @__PURE__ */ React22.createElement(HugeiconsIcon16, { icon: ArrowRight01Icon3, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
 );
 
 // src/components/HeroSection.tsx
-import React23, { useState as useState15, useEffect as useEffect10, useRef as useRef4 } from "react";
+import React24, { useState as useState16, useEffect as useEffect10, useRef as useRef4 } from "react";
 import Link5 from "next/link";
 import Image3 from "next/image";
 
 // src/components/WaitlistDialog.tsx
-import React22, { useState as useState14 } from "react";
+import React23, { useState as useState15 } from "react";
 import { toast as toast6 } from "react-hot-toast";
 var WaitlistDialog = ({ isOpen, onClose }) => {
-  const [email, setEmail] = useState14("");
-  const [isLoading, setIsLoading] = useState14(false);
+  const [email, setEmail] = useState15("");
+  const [isLoading, setIsLoading] = useState15(false);
   if (!isOpen) return null;
   const handleSubmit = async (e) => {
     e.preventDefault();
@@ -2131,12 +2377,12 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ React22.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/40" }, /* @__PURE__ */ React22.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/40" }, /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "w-full max-w-md bg-white  rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       "button",
       {
         onClick: onClose,
@@ -2144,7 +2390,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
         className: "absolute top-4 right-4 p-2 text-neutral-700 hover:text-neutral-400 transition-colors disabled:opacity-50 outline-none",
         "aria-label": "Close dialog"
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2157,11 +2403,11 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React22.createElement("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ React22.createElement("path", { d: "m6 6 12 12" })
+        /* @__PURE__ */ React23.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ React23.createElement("path", { d: "m6 6 12 12" })
       )
     ),
-    /* @__PURE__ */ React22.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React22.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React22.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React22.createElement("p", { className: "text-[13px] text-neutral-500 leading-relaxed" }, "Be the first to experience the future of Web3 freedom. Secure your early access spot today.")), /* @__PURE__ */ React22.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React23.createElement("p", { className: "text-[13px] text-neutral-500 leading-relaxed" }, "Be the first to experience the future of Web3 freedom. Secure your early access spot today.")), /* @__PURE__ */ React23.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React23.createElement(
       TextInput,
       {
         label: "Email ID",
@@ -2171,7 +2417,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
         placeholder: "name@example.com",
         disabled: isLoading
       }
-    ), /* @__PURE__ */ React22.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       ThreeDActionButton,
       {
         type: "submit",
@@ -2204,8 +2450,8 @@ var HeroSection = ({
   bgImageSrc,
   isWaitlist = false
 }) => {
-  const [isAnimating, setIsAnimating] = useState15(false);
-  const [isWaitlistOpen, setIsWaitlistOpen] = useState15(false);
+  const [isAnimating, setIsAnimating] = useState16(false);
+  const [isWaitlistOpen, setIsWaitlistOpen] = useState16(false);
   const titleRef = useRef4(null);
   useEffect10(() => {
     const observer = new IntersectionObserver(
@@ -2229,7 +2475,7 @@ var HeroSection = ({
       setIsWaitlistOpen(true);
     }
   };
-  return /* @__PURE__ */ React23.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center  p-4" }, /* @__PURE__ */ React23.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center  p-4" }, /* @__PURE__ */ React24.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ React24.createElement(
     "video",
     {
       src: bgVideoSrc,
@@ -2240,7 +2486,7 @@ var HeroSection = ({
       playsInline: true,
       className: "absolute inset-0 h-full w-full object-cover z-0"
     }
-  ) : bgImageSrc ? /* @__PURE__ */ React23.createElement(
+  ) : bgImageSrc ? /* @__PURE__ */ React24.createElement(
     Image3,
     {
       src: bgImageSrc,
@@ -2249,7 +2495,7 @@ var HeroSection = ({
       priority: true,
       className: "absolute inset-0 h-full w-full object-cover z-0"
     }
-  ) : null, /* @__PURE__ */ React23.createElement(
+  ) : null, /* @__PURE__ */ React24.createElement(
     "div",
     {
       className: "pointer-events-none absolute inset-0 z-10 opacity-[0.7] mix-blend-overlay",
@@ -2257,15 +2503,15 @@ var HeroSection = ({
         backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`
       }
     }
-  ), /* @__PURE__ */ React23.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-b from-black/30 via-transparent to-black/80 z-10" }), /* @__PURE__ */ React23.createElement("div", { className: "absolute bottom-0 left-0 right-0 px-4 pb-4 sm:px-6 md:px-10 z-20" }, /* @__PURE__ */ React23.createElement("div", { className: "grid grid-cols-12 items-end gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "col-span-12 lg:col-span-8" }, /* @__PURE__ */ React23.createElement(
+  ), /* @__PURE__ */ React24.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-b from-black/30 via-transparent to-black/80 z-10" }), /* @__PURE__ */ React24.createElement("div", { className: "absolute bottom-0 left-0 right-0 px-4 pb-4 sm:px-6 md:px-10 z-20" }, /* @__PURE__ */ React24.createElement("div", { className: "grid grid-cols-12 items-end gap-4" }, /* @__PURE__ */ React24.createElement("div", { className: "col-span-12 lg:col-span-8" }, /* @__PURE__ */ React24.createElement(
     "h1",
     {
       ref: titleRef,
       className: "leading-[0.85] tracking-[-0.07em] text-[18.2vw] sm:text-[16.8vw] md:text-[15.4vw] lg:text-[14vw] xl:text-[13.3vw] 2xl:text-[14vw] text-[#ffffff]"
     },
-    /* @__PURE__ */ React23.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ React23.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ React23.createElement("br", null), highlightText, /* @__PURE__ */ React23.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
-  )), /* @__PURE__ */ React23.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText && // Changed from <button> to <Link> so it actually navigates!
-  /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ React24.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ React24.createElement("br", null), highlightText, /* @__PURE__ */ React24.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
+  )), /* @__PURE__ */ React24.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ React24.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText && // Changed from <button> to <Link> so it actually navigates!
+  /* @__PURE__ */ React24.createElement(
     Link5,
     {
       href: isWaitlist ? "#" : ctaHref || "#",
@@ -2273,15 +2519,15 @@ var HeroSection = ({
       className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-[#ffffff] pl-5 pr-1 text-xs text-black transition-all hover:gap-3"
     },
     ctaText,
-    /* @__PURE__ */ React23.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ React23.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-right h-4 w-4 text-[#ffffff]" }, /* @__PURE__ */ React23.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React23.createElement("path", { d: "m12 5 7 7-7 7" })))
-  ), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ React24.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-right h-4 w-4 text-[#ffffff]" }, /* @__PURE__ */ React24.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React24.createElement("path", { d: "m12 5 7 7-7 7" })))
+  ), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React24.createElement(
     Link5,
     {
       href: secondaryCtaHref,
       className: "inline-flex h-10 items-center self-start justify-center text-xs tracking-wide rounded-full px-6 border border-[#ffffff]/30 text-[#ffffff] hover:bg-[#ffffff]/10 transition-colors"
     },
     secondaryCtaText
-  )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-3 mt-4" }, appsText && /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] tracking-widest uppercase text-[#ffffff]/50 " }, appsText), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-4" }, appLogos.map((logo, idx) => /* @__PURE__ */ React23.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 opacity-70 hover:opacity-100 transition-opacity invert" }, /* @__PURE__ */ React23.createElement(
+  )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-3 mt-4" }, appsText && /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] tracking-widest uppercase text-[#ffffff]/50 " }, appsText), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-4" }, appLogos.map((logo, idx) => /* @__PURE__ */ React24.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 opacity-70 hover:opacity-100 transition-opacity invert" }, /* @__PURE__ */ React24.createElement(
     Image3,
     {
       src: logo.src,
@@ -2290,7 +2536,7 @@ var HeroSection = ({
       height: 28,
       className: "object-contain"
     }
-  ))))))))), /* @__PURE__ */ React23.createElement(
+  ))))))))), /* @__PURE__ */ React24.createElement(
     WaitlistDialog,
     {
       isOpen: isWaitlistOpen,
@@ -2300,10 +2546,10 @@ var HeroSection = ({
 };
 
 // src/components/AppBento2.tsx
-import React24, { useState as useState16, useEffect as useEffect11, useRef as useRef5 } from "react";
-import { HugeiconsIcon as HugeiconsIcon16 } from "@hugeicons/react";
+import React25, { useState as useState17, useEffect as useEffect11, useRef as useRef5 } from "react";
+import { HugeiconsIcon as HugeiconsIcon17 } from "@hugeicons/react";
 var AppBento2 = ({ tagline, headline, features }) => {
-  const [isAnimating, setIsAnimating] = useState16(false);
+  const [isAnimating, setIsAnimating] = useState17(false);
   const titleRef = useRef5(null);
   useEffect11(() => {
     const observer = new IntersectionObserver(
@@ -2323,7 +2569,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
     }
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ React24.createElement("div", { className: "w-full py-16" }, /* @__PURE__ */ React24.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ React24.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React24.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ React24.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React24.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement("div", { className: "w-full py-16" }, /* @__PURE__ */ React25.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ React25.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React25.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ React25.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React25.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ React25.createElement(
     "h2",
     {
       ref: titleRef,
@@ -2331,7 +2577,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     headline
-  ))), /* @__PURE__ */ React24.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-6" }, features.map((f, i) => {
+  ))), /* @__PURE__ */ React25.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-6" }, features.map((f, i) => {
     const isWhite = i === 0;
     const isBlack = i === 1;
     const isNeutral = i === 2;
@@ -2353,36 +2599,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
     const textColor = isBlack ? "text-white" : "text-black";
     const subTextColor = isBlack ? "text-neutral-300" : "text-neutral-600";
     const labelColor = isBlack ? "text-neutral-400" : "text-neutral-500";
-    return /* @__PURE__ */ React24.createElement(
+    return /* @__PURE__ */ React25.createElement(
       "div",
       {
         key: i,
         className: `relative rounded-2xl overflow-hidden p-8 flex flex-col min-h-75 transition-all duration-500 group text-left ${getBgStyle()} ${f.size}`,
         style: { boxShadow: getShadowStyle() }
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         "div",
         {
           className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
           style: { backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")` }
         }
       ),
-      isBlack && /* @__PURE__ */ React24.createElement("span", { className: "absolute inset-0 rounded-2xl bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none z-10" }),
-      /* @__PURE__ */ React24.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ React24.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${isBlack ? "text-white/5" : "text-black/5"}` }, /* @__PURE__ */ React24.createElement(HugeiconsIcon16, { icon: f.icon, size: 180 }))),
-      /* @__PURE__ */ React24.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React24.createElement("span", { className: `text-[9px]  tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ React24.createElement("div", { className: `p-2 rounded-full transition-colors ${isBlack ? "bg-white/10" : "bg-white/50 backdrop-blur-sm"}` }, /* @__PURE__ */ React24.createElement(HugeiconsIcon16, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ React24.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React24.createElement("h3", { className: `text-xl  mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ React24.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
+      isBlack && /* @__PURE__ */ React25.createElement("span", { className: "absolute inset-0 rounded-2xl bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none z-10" }),
+      /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ React25.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${isBlack ? "text-white/5" : "text-black/5"}` }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: f.icon, size: 180 }))),
+      /* @__PURE__ */ React25.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ React25.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React25.createElement("span", { className: `text-[9px]  tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ React25.createElement("div", { className: `p-2 rounded-full transition-colors ${isBlack ? "bg-white/10" : "bg-white/50 backdrop-blur-sm"}` }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ React25.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React25.createElement("h3", { className: `text-xl  mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ React25.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
     );
   })))));
 };
 
 // src/components/FeatureScroll.tsx
-import React25, { useRef as useRef6, useState as useState17, useEffect as useEffect12 } from "react";
+import React26, { useRef as useRef6, useState as useState18, useEffect as useEffect12 } from "react";
 import Image4 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon17 } from "@hugeicons/react";
-import { ArrowLeft01Icon as ArrowLeft01Icon2, ArrowRight01Icon as ArrowRight01Icon4, Loading03Icon as Loading03Icon10 } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as HugeiconsIcon18 } from "@hugeicons/react";
+import { ArrowLeft01Icon as ArrowLeft01Icon3, ArrowRight01Icon as ArrowRight01Icon4, Loading03Icon as Loading03Icon10 } from "@hugeicons/core-free-icons";
 var FeatureCard = ({ feature, bgImage }) => {
-  const [isBgLoading, setIsBgLoading] = useState17(true);
-  const [isFgLoading, setIsFgLoading] = useState17(!!feature.image);
-  return /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col shrink-0 w-[90vw] sm:w-150 snap-center md:snap-start group cursor-grab active:cursor-grabbing" }, /* @__PURE__ */ React25.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-100 rounded-2xl overflow-hidden mb-6 flex items-center justify-center" }, /* @__PURE__ */ React25.createElement(
+  const [isBgLoading, setIsBgLoading] = useState18(true);
+  const [isFgLoading, setIsFgLoading] = useState18(!!feature.image);
+  return /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col shrink-0 w-[90vw] sm:w-150 snap-center md:snap-start group cursor-grab active:cursor-grabbing" }, /* @__PURE__ */ React26.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-100 rounded-2xl overflow-hidden mb-6 flex items-center justify-center" }, /* @__PURE__ */ React26.createElement(
     Image4,
     {
       src: bgImage,
@@ -2395,7 +2641,7 @@ var FeatureCard = ({ feature, bgImage }) => {
                         ${isBgLoading ? "blur-xl scale-110" : "blur-0 scale-100"}
                     `
     }
-  ), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "absolute inset-0 w-full h-full pointer-events-none z-0 opacity-[0.25] mix-blend-overlay",
@@ -2403,7 +2649,7 @@ var FeatureCard = ({ feature, bgImage }) => {
         backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`
       }
     }
-  ), isFgLoading && feature.image && /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-50/50 backdrop-blur-sm transition-opacity duration-300" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: Loading03Icon10, size: 32, className: "animate-spin text-neutral-400" })), feature.image && /* @__PURE__ */ React25.createElement("div", { className: "absolute -bottom-6 -right-6 w-[85%] h-[85%] z-10 transition-transform duration-700 ease-out group-hover:-translate-x-2 group-hover:-translate-y-2" }, /* @__PURE__ */ React25.createElement(
+  ), isFgLoading && feature.image && /* @__PURE__ */ React26.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-50/50 backdrop-blur-sm transition-opacity duration-300" }, /* @__PURE__ */ React26.createElement(HugeiconsIcon18, { icon: Loading03Icon10, size: 32, className: "animate-spin text-neutral-400" })), feature.image && /* @__PURE__ */ React26.createElement("div", { className: "absolute -bottom-6 -right-6 w-[85%] h-[85%] z-10 transition-transform duration-700 ease-out group-hover:-translate-x-2 group-hover:-translate-y-2" }, /* @__PURE__ */ React26.createElement(
     Image4,
     {
       src: feature.image,
@@ -2416,12 +2662,12 @@ var FeatureCard = ({ feature, bgImage }) => {
                                 ${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
                             `
     }
-  ))), /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ React25.createElement("h3", { className: "  text-xl tracking-tight text-black mb-2" }, feature.title), /* @__PURE__ */ React25.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 max-w-[90%]" }, feature.desc)));
+  ))), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ React26.createElement("h3", { className: "  text-xl tracking-tight text-black mb-2" }, feature.title), /* @__PURE__ */ React26.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 max-w-[90%]" }, feature.desc)));
 };
 var FeatureScroll = ({ tagline, headline, features }) => {
   const scrollRef = useRef6(null);
-  const [canScrollLeft, setCanScrollLeft] = useState17(false);
-  const [canScrollRight, setCanScrollRight] = useState17(true);
+  const [canScrollLeft, setCanScrollLeft] = useState18(false);
+  const [canScrollRight, setCanScrollRight] = useState18(true);
   const checkScroll = () => {
     if (scrollRef.current) {
       const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;
@@ -2445,7 +2691,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
     "https://retinalabs.company/assets/images/bg_6.avif",
     "https://retinalabs.company/assets/images/bg_1.avif"
   ];
-  return /* @__PURE__ */ React25.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden" }, /* @__PURE__ */ React25.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ React25.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ React25.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React25.createElement("h2", { className: "  text-3xl  tracking-tight text-black leading-[1.05]" }, headline)), /* @__PURE__ */ React25.createElement("div", { className: "hidden md:flex items-center gap-3" }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden" }, /* @__PURE__ */ React26.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ React26.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ React26.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React26.createElement("h2", { className: "  text-3xl  tracking-tight text-black leading-[1.05]" }, headline)), /* @__PURE__ */ React26.createElement("div", { className: "hidden md:flex items-center gap-3" }, /* @__PURE__ */ React26.createElement(
     "button",
     {
       onClick: () => scroll("left"),
@@ -2453,8 +2699,8 @@ var FeatureScroll = ({ tagline, headline, features }) => {
       className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
       "aria-label": "Previous feature"
     },
-    /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: ArrowLeft01Icon2, size: 20 })
-  ), /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(HugeiconsIcon18, { icon: ArrowLeft01Icon3, size: 20 })
+  ), /* @__PURE__ */ React26.createElement(
     "button",
     {
       onClick: () => scroll("right"),
@@ -2462,57 +2708,57 @@ var FeatureScroll = ({ tagline, headline, features }) => {
       className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
       "aria-label": "Next feature"
     },
-    /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: ArrowRight01Icon4, size: 20 })
-  ))), /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(HugeiconsIcon18, { icon: ArrowRight01Icon4, size: 20 })
+  ))), /* @__PURE__ */ React26.createElement(
     "div",
     {
       ref: scrollRef,
       onScroll: checkScroll,
       className: "flex gap-6 overflow-x-auto snap-x snap-mandatory [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] scrollbar-none pb-8 -mx-4 px-4 md:mx-0 md:px-0"
     },
-    features.slice(0, 3).map((feature, idx) => /* @__PURE__ */ React25.createElement(FeatureCard, { key: idx, feature, bgImage: bgImages[idx] }))
-  ), /* @__PURE__ */ React25.createElement("div", { className: "flex md:hidden items-center justify-center gap-4 mt-2" }, /* @__PURE__ */ React25.createElement(
+    features.slice(0, 3).map((feature, idx) => /* @__PURE__ */ React26.createElement(FeatureCard, { key: idx, feature, bgImage: bgImages[idx] }))
+  ), /* @__PURE__ */ React26.createElement("div", { className: "flex md:hidden items-center justify-center gap-4 mt-2" }, /* @__PURE__ */ React26.createElement(
     "button",
     {
       onClick: () => scroll("left"),
       disabled: !canScrollLeft,
       className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
     },
-    /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: ArrowLeft01Icon2, size: 20 })
-  ), /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(HugeiconsIcon18, { icon: ArrowLeft01Icon3, size: 20 })
+  ), /* @__PURE__ */ React26.createElement(
     "button",
     {
       onClick: () => scroll("right"),
       disabled: !canScrollRight,
       className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
     },
-    /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: ArrowRight01Icon4, size: 20 })
+    /* @__PURE__ */ React26.createElement(HugeiconsIcon18, { icon: ArrowRight01Icon4, size: 20 })
   ))));
 };
 
 // src/components/PlatformFeatures.tsx
-import React26 from "react";
-import { HugeiconsIcon as HugeiconsIcon18 } from "@hugeicons/react";
+import React27 from "react";
+import { HugeiconsIcon as HugeiconsIcon19 } from "@hugeicons/react";
 var PlatformFeatures = ({
   tagline,
   headline,
   description,
   features
 }) => {
-  return /* @__PURE__ */ React26.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10" }, /* @__PURE__ */ React26.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React26.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React26.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React26.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-2xl" }, description)), /* @__PURE__ */ React26.createElement("div", { className: "w-full h-px bg-neutral-100 mb-16", "aria-hidden": "true" }), /* @__PURE__ */ React26.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-12" }, features.map((feature, idx) => /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10" }, /* @__PURE__ */ React27.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React27.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React27.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-2xl" }, description)), /* @__PURE__ */ React27.createElement("div", { className: "w-full h-px bg-neutral-100 mb-16", "aria-hidden": "true" }), /* @__PURE__ */ React27.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-12" }, features.map((feature, idx) => /* @__PURE__ */ React27.createElement(
     "div",
     {
       key: idx,
       className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
       style: { animationDelay: feature.delay || "0ms" }
     },
-    /* @__PURE__ */ React26.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React26.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-200 flex items-center justify-center text-neutral-600 transition-colors duration-300" }, /* @__PURE__ */ React26.createElement(HugeiconsIcon18, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React26.createElement("span", { className: "text-[11px] tracking-widest  text-neutral-400  mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React26.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
-    /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
+    /* @__PURE__ */ React27.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React27.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-200 flex items-center justify-center text-neutral-600 transition-colors duration-300" }, /* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[11px] tracking-widest  text-neutral-400  mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React27.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
+    /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
   )))));
 };
 
 // src/components/ManagedDocument.tsx
-import React27, { useState as useState18, useEffect as useEffect13, useRef as useRef7 } from "react";
+import React28, { useState as useState19, useEffect as useEffect13, useRef as useRef7 } from "react";
 var ManagedDocument = ({
   tagline,
   title,
@@ -2520,7 +2766,7 @@ var ManagedDocument = ({
   contactText,
   contactEmail
 }) => {
-  const [isAnimating, setIsAnimating] = useState18(false);
+  const [isAnimating, setIsAnimating] = useState19(false);
   const titleRef = useRef7(null);
   useEffect13(() => {
     const observer = new IntersectionObserver(
@@ -2542,7 +2788,7 @@ var ManagedDocument = ({
   }, []);
   return (
     // Outer layout wrapper (takes up available space, adds padding)
-    /* @__PURE__ */ React27.createElement("div", { className: "grow pt-4 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React27.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React27.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React27.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React27.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement("div", { className: "grow pt-4 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React28.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React28.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React28.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React28.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React28.createElement(
       "h1",
       {
         ref: titleRef,
@@ -2550,7 +2796,7 @@ var ManagedDocument = ({
         style: isAnimating ? { animationIterationCount: 1 } : {}
       },
       title
-    )), sections.map((section, index) => /* @__PURE__ */ React27.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React27.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React27.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left " }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React27.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React27.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React27.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React27.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React27.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React27.createElement(
+    )), sections.map((section, index) => /* @__PURE__ */ React28.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React28.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left " }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React28.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React28.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React28.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React28.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React28.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React28.createElement(
       "a",
       {
         href: `mailto:${contactEmail}`,
@@ -2562,18 +2808,18 @@ var ManagedDocument = ({
 };
 
 // src/components/ManagedContactBlock.tsx
-import React28, { useState as useState19, useEffect as useEffect14 } from "react";
-import { HugeiconsIcon as HugeiconsIcon19 } from "@hugeicons/react";
+import React29, { useState as useState20, useEffect as useEffect14 } from "react";
+import { HugeiconsIcon as HugeiconsIcon20 } from "@hugeicons/react";
 var SecureEmail = ({ user, domain, className }) => {
-  const [isMounted, setIsMounted] = useState19(false);
+  const [isMounted, setIsMounted] = useState20(false);
   useEffect14(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) {
-    return /* @__PURE__ */ React28.createElement("span", { className, style: { opacity: 0 } }, "Loading");
+    return /* @__PURE__ */ React29.createElement("span", { className, style: { opacity: 0 } }, "Loading");
   }
   const email = `${user}@${domain}`;
-  return /* @__PURE__ */ React28.createElement("a", { href: `mailto:${email}`, className }, email);
+  return /* @__PURE__ */ React29.createElement("a", { href: `mailto:${email}`, className }, email);
 };
 var ManagedContactBlock = ({
   tagline,
@@ -2582,7 +2828,7 @@ var ManagedContactBlock = ({
   emails,
   socials
 }) => {
-  return /* @__PURE__ */ React28.createElement("div", { className: "grow pt-4 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React28.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement("div", { className: "grow pt-4 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React29.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React29.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -2591,21 +2837,21 @@ var ManagedContactBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React28.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React28.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React28.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React28.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React28.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React28.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React28.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ React28.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ React28.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React28.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React28.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React28.createElement(
+  ), /* @__PURE__ */ React29.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React29.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React29.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React29.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React29.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React29.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React29.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ React29.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ React29.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React29.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React29.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React29.createElement(
     "a",
     {
       href: `tel:${company.phone.replace(/\s+/g, "")}`,
       className: "transition-colors hover:text-black"
     },
     company.phone
-  )))), emails && emails.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React28.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ React28.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ React28.createElement("div", { key: idx }, /* @__PURE__ */ React28.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ React28.createElement(
+  )))), emails && emails.length > 0 && /* @__PURE__ */ React29.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React29.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ React29.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ React29.createElement("div", { key: idx }, /* @__PURE__ */ React29.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ React29.createElement(
     SecureEmail,
     {
       user: email.user,
       domain: email.domain,
       className: "text-neutral-600 transition-colors hover:text-black"
     }
-  ))))), socials && socials.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React28.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ React28.createElement(
+  ))))), socials && socials.length > 0 && /* @__PURE__ */ React29.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React29.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ React29.createElement(
     "a",
     {
       key: idx,
@@ -2615,25 +2861,25 @@ var ManagedContactBlock = ({
       className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black",
       "aria-label": social.label
     },
-    /* @__PURE__ */ React28.createElement(HugeiconsIcon19, { icon: social.icon, size: 18 }),
-    /* @__PURE__ */ React28.createElement("span", { className: "text-[13px]" }, social.label)
+    /* @__PURE__ */ React29.createElement(HugeiconsIcon20, { icon: social.icon, size: 18 }),
+    /* @__PURE__ */ React29.createElement("span", { className: "text-[13px]" }, social.label)
   )))))))));
 };
 
 // src/components/ManagedPricingBlock.tsx
-import React29, { useState as useState20, useEffect as useEffect15, useRef as useRef8 } from "react";
+import React30, { useState as useState21, useEffect as useEffect15, useRef as useRef8 } from "react";
 import Link6 from "next/link";
 import Image5 from "next/image";
-var CheckIcon = ({ className = "" }) => /* @__PURE__ */ React29.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `w-4 h-4 shrink-0 ${className}`, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React29.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ React29.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
-var CrossIcon = ({ className = "" }) => /* @__PURE__ */ React29.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `w-4 h-4 shrink-0 ${className}`, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React29.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#F5F5F5" }), /* @__PURE__ */ React29.createElement("path", { d: "M15 9L9 15M9 9l6 6", stroke: "#D4D4D4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
+var CheckIcon = ({ className = "" }) => /* @__PURE__ */ React30.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `w-4 h-4 shrink-0 ${className}`, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React30.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ React30.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
+var CrossIcon = ({ className = "" }) => /* @__PURE__ */ React30.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `w-4 h-4 shrink-0 ${className}`, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React30.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#F5F5F5" }), /* @__PURE__ */ React30.createElement("path", { d: "M15 9L9 15M9 9l6 6", stroke: "#D4D4D4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
 var ManagedPricingBlock = ({
   tagline,
   title,
   plans = [],
   tabs
 }) => {
-  const [isAnimating, setIsAnimating] = useState20(false);
-  const [activeTabIndex, setActiveTabIndex] = useState20(0);
+  const [isAnimating, setIsAnimating] = useState21(false);
+  const [activeTabIndex, setActiveTabIndex] = useState21(0);
   const titleRef = useRef8(null);
   useEffect15(() => {
     const observer = new IntersectionObserver(
@@ -2655,7 +2901,7 @@ var ManagedPricingBlock = ({
   }, []);
   const hasTabs = tabs && tabs.length > 0;
   const currentPlans = hasTabs ? tabs[activeTabIndex].plans : plans;
-  return /* @__PURE__ */ React29.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React29.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ React29.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ React29.createElement("span", { className: "text-[9px] tracking-[0.4em] text-black block " }, tagline), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React30.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ React30.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ React30.createElement("span", { className: "text-[9px] tracking-[0.4em] text-black block " }, tagline), /* @__PURE__ */ React30.createElement(
     "h1",
     {
       ref: titleRef,
@@ -2663,9 +2909,9 @@ var ManagedPricingBlock = ({
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     title
-  )), hasTabs && /* @__PURE__ */ React29.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, tabs.map((tab, idx) => {
+  )), hasTabs && /* @__PURE__ */ React30.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React30.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, tabs.map((tab, idx) => {
     const isActive = activeTabIndex === idx;
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React30.createElement(
       "button",
       {
         key: idx,
@@ -2674,19 +2920,19 @@ var ManagedPricingBlock = ({
       },
       tab.label
     );
-  }))), /* @__PURE__ */ React29.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 w-full max-w-3xl animate-in slide-in-from-bottom-2 fade-in duration-500" }, currentPlans.map((plan, planIdx) => /* @__PURE__ */ React29.createElement(
+  }))), /* @__PURE__ */ React30.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 w-full max-w-3xl animate-in slide-in-from-bottom-2 fade-in duration-500" }, currentPlans.map((plan, planIdx) => /* @__PURE__ */ React30.createElement(
     "div",
     {
       key: `${activeTabIndex}-${planIdx}`,
       className: `bg-white rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "" : ""}`
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React29.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ React29.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-3xl font-light text-black" }, plan.price), plan.period && /* @__PURE__ */ React29.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-neutral-500 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2 mt-4" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React30.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ React30.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React30.createElement("h3", { className: "text-3xl font-light text-black" }, plan.price), plan.period && /* @__PURE__ */ React30.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ React30.createElement("p", { className: "text-xs text-neutral-500 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-2 mt-4" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ React30.createElement(
       "div",
       {
         key: logoIdx,
         className: "relative w-5 h-5 overflow-hidden flex items-center justify-center shrink-0"
       },
-      /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React30.createElement(
         Image5,
         {
           src: logo.src,
@@ -2697,7 +2943,7 @@ var ManagedPricingBlock = ({
         }
       )
     )))),
-    plan.isPremium ? /* @__PURE__ */ React29.createElement(ThreeDButton, { href: plan.ctaHref, className: "mb-6 w-full" }, plan.ctaText) : /* @__PURE__ */ React29.createElement(
+    plan.isPremium ? /* @__PURE__ */ React30.createElement(ThreeDButton, { href: plan.ctaHref, className: "mb-6 w-full" }, plan.ctaText) : /* @__PURE__ */ React30.createElement(
       Link6,
       {
         href: plan.ctaHref,
@@ -2705,20 +2951,20 @@ var ManagedPricingBlock = ({
       },
       plan.ctaText
     ),
-    /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
+    /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
       const isAvailable = feature.value !== false;
       const valueText = typeof feature.value === "string" ? feature.value : "";
-      return /* @__PURE__ */ React29.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ React29.createElement(CheckIcon, null) : /* @__PURE__ */ React29.createElement(CrossIcon, null), /* @__PURE__ */ React29.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-800" : "text-neutral-400"}` }, feature.name, valueText && /* @__PURE__ */ React29.createElement("span", { className: "text-neutral-500 ml-1" }, "(", valueText, ")")));
+      return /* @__PURE__ */ React30.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ React30.createElement(CheckIcon, null) : /* @__PURE__ */ React30.createElement(CrossIcon, null), /* @__PURE__ */ React30.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-800" : "text-neutral-400"}` }, feature.name, valueText && /* @__PURE__ */ React30.createElement("span", { className: "text-neutral-500 ml-1" }, "(", valueText, ")")));
     }))
   )))));
 };
 
 // src/components/ManagedBoardBlock.tsx
-import React30 from "react";
+import React31 from "react";
 import Image6 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon20 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon21 } from "@hugeicons/react";
 import { TwitterIcon, LinkedinIcon } from "@hugeicons/core-free-icons";
-var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React30.createElement(
+var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React31.createElement(
   "a",
   {
     href,
@@ -2727,7 +2973,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React30.
     className: "text-neutral-400 hover:text-black transition-colors",
     "aria-label": `${name} on ${label}`
   },
-  /* @__PURE__ */ React30.createElement(HugeiconsIcon20, { icon, size: 16 })
+  /* @__PURE__ */ React31.createElement(HugeiconsIcon21, { icon, size: 16 })
 );
 var ManagedBoardBlock = ({
   tagline,
@@ -2736,7 +2982,7 @@ var ManagedBoardBlock = ({
   contactText,
   contactEmail
 }) => {
-  return /* @__PURE__ */ React30.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React30.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React31.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ React31.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -2745,7 +2991,7 @@ var ManagedBoardBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React30.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React30.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React30.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React30.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React30.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ React30.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 md:gap-8" }, members.map((member, idx) => /* @__PURE__ */ React30.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-white flex flex-col transition-all group" }, /* @__PURE__ */ React30.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ React30.createElement("div", { className: "relative w-14 h-14 md:w-16 md:h-16 shrink-0 bg-white overflow-hidden rounded-xl" }, /* @__PURE__ */ React30.createElement(
+  ), /* @__PURE__ */ React31.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React31.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React31.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React31.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React31.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ React31.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 md:gap-8" }, members.map((member, idx) => /* @__PURE__ */ React31.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-white flex flex-col transition-all group" }, /* @__PURE__ */ React31.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ React31.createElement("div", { className: "relative w-14 h-14 md:w-16 md:h-16 shrink-0 bg-white overflow-hidden rounded-xl" }, /* @__PURE__ */ React31.createElement(
     Image6,
     {
       src: member.imageSrc,
@@ -2754,7 +3000,7 @@ var ManagedBoardBlock = ({
       sizes: "(max-width: 768px) 56px, 64px",
       className: "object-cover grayscale opacity-100 transition-opacity"
     }
-  )), /* @__PURE__ */ React30.createElement("div", { className: "pt-1" }, /* @__PURE__ */ React30.createElement("h3", { className: "  text-[14px] md:text-[15px] text-black tracking-tight" }, member.name), /* @__PURE__ */ React30.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 mt-1.5 " }, member.title))), /* @__PURE__ */ React30.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 text-left grow mb-8" }, member.bio), /* @__PURE__ */ React30.createElement("div", { className: "space-y-6 mt-auto" }, /* @__PURE__ */ React30.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React30.createElement(ThreeDButton, { href: member.website }, "Visit Website")), /* @__PURE__ */ React30.createElement("div", { className: "flex space-x-4 pt-5" }, member.twitterHandle && member.twitterHandle.length > 0 && /* @__PURE__ */ React30.createElement(
+  )), /* @__PURE__ */ React31.createElement("div", { className: "pt-1" }, /* @__PURE__ */ React31.createElement("h3", { className: "  text-[14px] md:text-[15px] text-black tracking-tight" }, member.name), /* @__PURE__ */ React31.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 mt-1.5 " }, member.title))), /* @__PURE__ */ React31.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 text-left grow mb-8" }, member.bio), /* @__PURE__ */ React31.createElement("div", { className: "space-y-6 mt-auto" }, /* @__PURE__ */ React31.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React31.createElement(ThreeDButton, { href: member.website }, "Visit Website")), /* @__PURE__ */ React31.createElement("div", { className: "flex space-x-4 pt-5" }, member.twitterHandle && member.twitterHandle.length > 0 && /* @__PURE__ */ React31.createElement(
     MemberSocialLink,
     {
       href: `https://x.com/${member.twitterHandle}`,
@@ -2762,7 +3008,7 @@ var ManagedBoardBlock = ({
       label: "X",
       name: member.name
     }
-  ), member.linkedinHandle && member.linkedinHandle.length > 0 && /* @__PURE__ */ React30.createElement(
+  ), member.linkedinHandle && member.linkedinHandle.length > 0 && /* @__PURE__ */ React31.createElement(
     MemberSocialLink,
     {
       href: member.linkedinHandle,
@@ -2770,28 +3016,28 @@ var ManagedBoardBlock = ({
       label: "LinkedIn",
       name: member.name
     }
-  ))))))), (contactText || contactEmail) && /* @__PURE__ */ React30.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React30.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React30.createElement("a", { href: `mailto:${contactEmail}`, className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors" }, contactEmail))))));
+  ))))))), (contactText || contactEmail) && /* @__PURE__ */ React31.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React31.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React31.createElement("a", { href: `mailto:${contactEmail}`, className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors" }, contactEmail))))));
 };
 
 // src/components/ManagedNotFoundBlock.tsx
-import React31 from "react";
+import React32 from "react";
 var ManagedNotFoundBlock = ({
   title = "404 - Page Not Found",
   description = "The page you are looking for does not exist or has been moved."
 }) => {
-  return /* @__PURE__ */ React31.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ React31.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React31.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React32.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ React32.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React32.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React32.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       className: "w-12 h-12 fill-neutral-100"
     },
-    /* @__PURE__ */ React31.createElement("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })
-  )), /* @__PURE__ */ React31.createElement("h1", { className: "  text-xl  md:text-3xl text-black tracking-tight mb-4" }, title), /* @__PURE__ */ React31.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, description)));
+    /* @__PURE__ */ React32.createElement("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })
+  )), /* @__PURE__ */ React32.createElement("h1", { className: "  text-xl  md:text-3xl text-black tracking-tight mb-4" }, title), /* @__PURE__ */ React32.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, description)));
 };
 
 // src/components/ManagedNewsletterSplitBlock.tsx
-import React32 from "react";
+import React33 from "react";
 import Image7 from "next/image";
 var ManagedNewsletterSplitBlock = ({
   tagline,
@@ -2805,7 +3051,7 @@ var ManagedNewsletterSplitBlock = ({
   ctaHref = "/contact",
   children
 }) => {
-  return /* @__PURE__ */ React32.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0" }, /* @__PURE__ */ React32.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden" }, /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React33.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0" }, /* @__PURE__ */ React33.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden" }, /* @__PURE__ */ React33.createElement(
     Image7,
     {
       src: imageSrc,
@@ -2815,7 +3061,7 @@ var ManagedNewsletterSplitBlock = ({
       className: "object-cover object-top grayscale opacity-60",
       quality: 100
     }
-  ), /* @__PURE__ */ React32.createElement(
+  ), /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: "absolute inset-0 z-10 pointer-events-none",
@@ -2823,7 +3069,7 @@ var ManagedNewsletterSplitBlock = ({
         background: "linear-gradient(to right, rgba(255,255,255,0) 30%, #ffffff 100%)"
       }
     }
-  ), /* @__PURE__ */ React32.createElement(
+  ), /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
@@ -2831,7 +3077,7 @@ var ManagedNewsletterSplitBlock = ({
         background: "linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%)"
       }
     }
-  )), /* @__PURE__ */ React32.createElement("div", { className: "w-full md:w-1/2 flex mt-22 flex-col items-center justify-center p-4 md:p-12 relative z-20" }, /* @__PURE__ */ React32.createElement("div", { className: "relative w-full max-w-lg p-8 md:p-12 text-center md:text-left transition-all duration-700 ease-out" }, /* @__PURE__ */ React32.createElement(
+  )), /* @__PURE__ */ React33.createElement("div", { className: "w-full md:w-1/2 flex mt-22 flex-col items-center justify-center p-4 md:p-12 relative z-20" }, /* @__PURE__ */ React33.createElement("div", { className: "relative w-full max-w-lg p-8 md:p-12 text-center md:text-left transition-all duration-700 ease-out" }, /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -2840,7 +3086,7 @@ var ManagedNewsletterSplitBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React32.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React32.createElement("div", { className: "mb-10 border-b border-neutral-100 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ React32.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 " }, tagline), /* @__PURE__ */ React32.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ React32.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, subtitle)), /* @__PURE__ */ React32.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ React32.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ React32.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ React32.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React32.createElement("div", { className: "grow h-px bg-neutral-100" }), /* @__PURE__ */ React32.createElement("span", { className: "shrink mx-4 text-[11px] tracking-[0.2em] text-neutral-400 " }, dividerText), /* @__PURE__ */ React32.createElement("div", { className: "grow h-px bg-neutral-100" })), ctaText && ctaHref && /* @__PURE__ */ React32.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React32.createElement(
+  ), /* @__PURE__ */ React33.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React33.createElement("div", { className: "mb-10 border-b border-neutral-100 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ React33.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 " }, tagline), /* @__PURE__ */ React33.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ React33.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, subtitle)), /* @__PURE__ */ React33.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ React33.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ React33.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ React33.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React33.createElement("div", { className: "grow h-px bg-neutral-100" }), /* @__PURE__ */ React33.createElement("span", { className: "shrink mx-4 text-[11px] tracking-[0.2em] text-neutral-400 " }, dividerText), /* @__PURE__ */ React33.createElement("div", { className: "grow h-px bg-neutral-100" })), ctaText && ctaHref && /* @__PURE__ */ React33.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React33.createElement(
     ThreeDButton,
     {
       href: ctaHref,
@@ -2851,10 +3097,10 @@ var ManagedNewsletterSplitBlock = ({
 };
 
 // src/components/PortfolioHero.tsx
-import React33, { useEffect as useEffect16, useRef as useRef9 } from "react";
+import React34, { useEffect as useEffect16, useRef as useRef9 } from "react";
 import Link7 from "next/link";
 import Image8 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon21 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon22 } from "@hugeicons/react";
 import { ArrowRight01Icon as ArrowRight01Icon5 } from "@hugeicons/core-free-icons";
 var useScrollAnimation = () => {
   const elementRef = useRef9(null);
@@ -2894,13 +3140,13 @@ var PortfolioHero = ({
   secondaryCtaHref
 }) => {
   const heroContentRef = useScrollAnimation();
-  return /* @__PURE__ */ React33.createElement("section", { className: "pt-8 pb-16 px-6 md:px-12 flex flex-col relative overflow-hidden z-10 w-full" }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React34.createElement("section", { className: "pt-8 pb-16 px-6 md:px-12 flex flex-col relative overflow-hidden z-10 w-full" }, /* @__PURE__ */ React34.createElement(
     "div",
     {
       ref: heroContentRef,
       className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
     },
-    /* @__PURE__ */ React33.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React33.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden border border-neutral-100 shrink-0 shadow-sm" }, /* @__PURE__ */ React33.createElement(
+    /* @__PURE__ */ React34.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React34.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden border border-neutral-100 shrink-0 shadow-sm" }, /* @__PURE__ */ React34.createElement(
       Image8,
       {
         src: imageSrc,
@@ -2911,7 +3157,7 @@ var PortfolioHero = ({
         sizes: "(max-width: 640px) 80px, 128px",
         quality: 100
       }
-    )), /* @__PURE__ */ React33.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ React33.createElement("h1", { className: "  text-3xl  sm:text-5xl lg:text-6xl tracking-tight text-black leading-none mb-3" }, name), socialLabel && /* @__PURE__ */ React33.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, socialLabel), socialLinkText && socialLinkHref && /* @__PURE__ */ React33.createElement(
+    )), /* @__PURE__ */ React34.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ React34.createElement("h1", { className: "  text-3xl  sm:text-5xl lg:text-6xl tracking-tight text-black leading-none mb-3" }, name), socialLabel && /* @__PURE__ */ React34.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, socialLabel), socialLinkText && socialLinkHref && /* @__PURE__ */ React34.createElement(
       "a",
       {
         href: socialLinkHref,
@@ -2921,30 +3167,30 @@ var PortfolioHero = ({
       },
       socialLinkText
     ))),
-    /* @__PURE__ */ React33.createElement("p", { className: "text-[13px]  leading-[1.8] max-w-4xl mb-12 text-neutral-600" }, bio),
-    /* @__PURE__ */ React33.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full sm:w-auto" }, primaryCtaText && primaryCtaHref && /* @__PURE__ */ React33.createElement("div", { className: "w-full sm:w-auto *:w-full" }, /* @__PURE__ */ React33.createElement(
+    /* @__PURE__ */ React34.createElement("p", { className: "text-[13px]  leading-[1.8] max-w-4xl mb-12 text-neutral-600" }, bio),
+    /* @__PURE__ */ React34.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full sm:w-auto" }, primaryCtaText && primaryCtaHref && /* @__PURE__ */ React34.createElement("div", { className: "w-full sm:w-auto *:w-full" }, /* @__PURE__ */ React34.createElement(
       ThreeDButton,
       {
         href: primaryCtaHref,
         className: "py-3  tracking-widest text-[11px]"
       },
       primaryCtaText
-    )), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React33.createElement(
+    )), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React34.createElement(
       Link7,
       {
         href: secondaryCtaHref,
         className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em]  rounded-full px-8 py-3.5 bg-neutral-200 transition-colors text-black hover:bg-neutral-200 outline-none"
       },
       secondaryCtaText,
-      /* @__PURE__ */ React33.createElement(HugeiconsIcon21, { icon: ArrowRight01Icon5, size: 16 })
+      /* @__PURE__ */ React34.createElement(HugeiconsIcon22, { icon: ArrowRight01Icon5, size: 16 })
     ))
   ));
 };
 
 // src/components/GifFeatureCard.tsx
-import React34, { useState as useState21 } from "react";
+import React35, { useState as useState22 } from "react";
 import Image9 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon22 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon23 } from "@hugeicons/react";
 import { Loading03Icon as Loading03Icon11 } from "@hugeicons/core-free-icons";
 var GifFeatureCard = ({
   gifSrc,
@@ -2953,20 +3199,20 @@ var GifFeatureCard = ({
   alt = "Feature animation",
   className = "aspect-video"
 }) => {
-  const [isLoading, setIsLoading] = useState21(true);
-  return /* @__PURE__ */ React34.createElement("div", { className: `relative w-full bg-black  overflow-hidden shadow-2xl ${className}` }, isLoading && /* @__PURE__ */ React34.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-black" }, /* @__PURE__ */ React34.createElement(
-    HugeiconsIcon22,
+  const [isLoading, setIsLoading] = useState22(true);
+  return /* @__PURE__ */ React35.createElement("div", { className: `relative w-full bg-black  overflow-hidden shadow-2xl ${className}` }, isLoading && /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-black" }, /* @__PURE__ */ React35.createElement(
+    HugeiconsIcon23,
     {
       icon: Loading03Icon11,
       size: 32,
       className: "animate-spin text-white"
     }
-  )), /* @__PURE__ */ React34.createElement(
+  )), /* @__PURE__ */ React35.createElement(
     "div",
     {
       className: `absolute inset-0 z-0 transition-all duration-1000 ease-out ${isLoading ? "scale-105 blur-2xl opacity-0" : "scale-100 blur-0 opacity-100"}`
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       Image9,
       {
         src: gifSrc,
@@ -2977,16 +3223,16 @@ var GifFeatureCard = ({
         className: "object-cover object-center pointer-events-none"
       }
     )
-  ), /* @__PURE__ */ React34.createElement(
+  ), /* @__PURE__ */ React35.createElement(
     "div",
     {
       className: "absolute inset-x-0 bottom-0 h-1/2 sm:h-2/3 bg-linear-to-t from-black/95 via-black/40 to-transparent z-10 pointer-events-none transition-opacity duration-700"
     }
-  ), /* @__PURE__ */ React34.createElement("div", { className: "absolute inset-x-0 bottom-0 p-6 sm:p-8 z-30 flex flex-col justify-end text-left pointer-events-none" }, title && /* @__PURE__ */ React34.createElement("h3", { className: "   text-xl sm:text-2xl md:text-3xl  text-white tracking-tight mb-2 sm:mb-3 drop-shadow-md" }, title), subtitle && /* @__PURE__ */ React34.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
+  ), /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-x-0 bottom-0 p-6 sm:p-8 z-30 flex flex-col justify-end text-left pointer-events-none" }, title && /* @__PURE__ */ React35.createElement("h3", { className: "   text-xl sm:text-2xl md:text-3xl  text-white tracking-tight mb-2 sm:mb-3 drop-shadow-md" }, title), subtitle && /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
 };
 
 // src/components/MedicalFeatureStatsBlock.tsx
-import React35, { useState as useState22, useEffect as useEffect17, useRef as useRef10 } from "react";
+import React36, { useState as useState23, useEffect as useEffect17, useRef as useRef10 } from "react";
 import Image10 from "next/image";
 var MedicalFeatureStatsBlock = ({
   bottomHeadline,
@@ -2995,7 +3241,7 @@ var MedicalFeatureStatsBlock = ({
   trustText,
   stats
 }) => {
-  const [isAnimating, setIsAnimating] = useState22(false);
+  const [isAnimating, setIsAnimating] = useState23(false);
   const titleRef = useRef10(null);
   useEffect17(() => {
     const observer = new IntersectionObserver(
@@ -3015,7 +3261,7 @@ var MedicalFeatureStatsBlock = ({
     }
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ React35.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React36.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ React36.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React36.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ React36.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ React36.createElement(
     "h2",
     {
       ref: titleRef,
@@ -3023,7 +3269,7 @@ var MedicalFeatureStatsBlock = ({
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     bottomHeadline
-  ), /* @__PURE__ */ React35.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-500" }, bottomDescription)), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-4 shrink-0" }, /* @__PURE__ */ React35.createElement("div", { className: "flex -space-x-3" }, avatars.map((src, i) => /* @__PURE__ */ React35.createElement("div", { key: i, className: "relative w-12 h-12 rounded-full border-[3px] border-white overflow-hidden bg-neutral-100 z-1 hover:z-10 transition-all" }, /* @__PURE__ */ React35.createElement(
+  ), /* @__PURE__ */ React36.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-500" }, bottomDescription)), /* @__PURE__ */ React36.createElement("div", { className: "flex items-center gap-4 shrink-0" }, /* @__PURE__ */ React36.createElement("div", { className: "flex -space-x-3" }, avatars.map((src, i) => /* @__PURE__ */ React36.createElement("div", { key: i, className: "relative w-12 h-12 rounded-full border-[3px] border-white overflow-hidden bg-neutral-100 z-1 hover:z-10 transition-all" }, /* @__PURE__ */ React36.createElement(
     Image10,
     {
       src,
@@ -3032,17 +3278,17 @@ var MedicalFeatureStatsBlock = ({
       sizes: "48px",
       className: "object-cover"
     }
-  )))), /* @__PURE__ */ React35.createElement("p", { className: "text-[11px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React35.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React35.createElement("div", { key: idx, className: "bg-white rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React35.createElement("div", { className: "flex  items-center p-0.5 mb-6" }, /* @__PURE__ */ React35.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ React35.createElement("h1", { className: "text-6xl gradient-text md:text-[80px]  tracking-tighter text-black mt-auto leading-none" }, stat.value))))));
+  )))), /* @__PURE__ */ React36.createElement("p", { className: "text-[11px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React36.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React36.createElement("div", { key: idx, className: "bg-white rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React36.createElement("div", { className: "flex  items-center p-0.5 mb-6" }, /* @__PURE__ */ React36.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ React36.createElement("h1", { className: "text-6xl gradient-text md:text-[80px]  tracking-tighter text-black mt-auto leading-none" }, stat.value))))));
 };
 
 // src/components/ConsultantShowcase.tsx
-import React36, { useState as useState23 } from "react";
+import React37, { useState as useState24 } from "react";
 import Image11 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon23 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon24 } from "@hugeicons/react";
 import { Loading03Icon as Loading03Icon12 } from "@hugeicons/core-free-icons";
 var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
-  const [isLoading, setIsLoading] = useState23(true);
-  return /* @__PURE__ */ React36.createElement("div", { className: `absolute inset-0 bg-neutral-800 ${className}` }, isLoading && /* @__PURE__ */ React36.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-800/50 backdrop-blur-md transition-opacity duration-300" }, /* @__PURE__ */ React36.createElement(HugeiconsIcon23, { icon: Loading03Icon12, size: 24, className: "animate-spin text-white/50" })), /* @__PURE__ */ React36.createElement(
+  const [isLoading, setIsLoading] = useState24(true);
+  return /* @__PURE__ */ React37.createElement("div", { className: `absolute inset-0 bg-neutral-800 ${className}` }, isLoading && /* @__PURE__ */ React37.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-800/50 backdrop-blur-md transition-opacity duration-300" }, /* @__PURE__ */ React37.createElement(HugeiconsIcon24, { icon: Loading03Icon12, size: 24, className: "animate-spin text-white/50" })), /* @__PURE__ */ React37.createElement(
     Image11,
     {
       src,
@@ -3061,9 +3307,9 @@ var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
 var ConsultantShowcase = ({
   profiles
 }) => {
-  const [currentIndex, setCurrentIndex] = useState23(0);
-  const [touchStart, setTouchStart] = useState23(null);
-  const [touchEnd, setTouchEnd] = useState23(null);
+  const [currentIndex, setCurrentIndex] = useState24(0);
+  const [touchStart, setTouchStart] = useState24(null);
+  const [touchEnd, setTouchEnd] = useState24(null);
   const nextSlide = () => {
     setCurrentIndex((prev) => prev === profiles.length - 1 ? 0 : prev + 1);
   };
@@ -3088,7 +3334,7 @@ var ConsultantShowcase = ({
     }
   };
   if (!profiles || profiles.length === 0) return null;
-  return /* @__PURE__ */ React36.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React36.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React37.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React37.createElement(
     "div",
     {
       className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
@@ -3098,13 +3344,13 @@ var ConsultantShowcase = ({
     },
     profiles.map((profile, idx) => {
       const isActive = idx === currentIndex;
-      return /* @__PURE__ */ React36.createElement(
+      return /* @__PURE__ */ React37.createElement(
         "div",
         {
           key: profile.id,
           className: `absolute inset-0 transition-opacity duration-700 ease-in-out ${isActive ? "opacity-100 z-10" : "opacity-0 z-0 pointer-events-none"}`
         },
-        /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React37.createElement(
           ImageWithLoader,
           {
             src: profile.imageSrc,
@@ -3112,14 +3358,14 @@ var ConsultantShowcase = ({
             priority: idx === 0
           }
         ),
-        /* @__PURE__ */ React36.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
-        /* @__PURE__ */ React36.createElement("div", { className: "absolute top-0 left-0 w-full h-[60%] bg-linear-to-b from-black/80 via-black/30 to-transparent z-20 pointer-events-none" }),
-        /* @__PURE__ */ React36.createElement("div", { className: `absolute top-8 left-8 md:top-12 md:left-12 z-30 text-white max-w-lg transition-transform duration-700 ease-out ${isActive ? "translate-y-0" : "-translate-y-4"}` }, /* @__PURE__ */ React36.createElement("h2", { className: "text-[29px]   tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ React36.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React36.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ React36.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide mt-1" }, profile.description)))
+        /* @__PURE__ */ React37.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
+        /* @__PURE__ */ React37.createElement("div", { className: "absolute top-0 left-0 w-full h-[60%] bg-linear-to-b from-black/80 via-black/30 to-transparent z-20 pointer-events-none" }),
+        /* @__PURE__ */ React37.createElement("div", { className: `absolute top-8 left-8 md:top-12 md:left-12 z-30 text-white max-w-lg transition-transform duration-700 ease-out ${isActive ? "translate-y-0" : "-translate-y-4"}` }, /* @__PURE__ */ React37.createElement("h2", { className: "text-[29px]   tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React37.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ React37.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide mt-1" }, profile.description)))
       );
     }),
-    /* @__PURE__ */ React36.createElement("div", { className: "absolute top-0 left-0 w-[20%] h-full z-40 cursor-w-resize hidden md:block", onClick: prevSlide, "aria-label": "Previous image" }),
-    /* @__PURE__ */ React36.createElement("div", { className: "absolute top-0 right-0 w-[20%] h-full z-40 cursor-e-resize hidden md:block", onClick: nextSlide, "aria-label": "Next image" }),
-    /* @__PURE__ */ React36.createElement("div", { className: "absolute bottom-6 md:bottom-8 left-0 w-full px-4 z-30 flex justify-center items-center gap-2" }, profiles.map((_, idx) => /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement("div", { className: "absolute top-0 left-0 w-[20%] h-full z-40 cursor-w-resize hidden md:block", onClick: prevSlide, "aria-label": "Previous image" }),
+    /* @__PURE__ */ React37.createElement("div", { className: "absolute top-0 right-0 w-[20%] h-full z-40 cursor-e-resize hidden md:block", onClick: nextSlide, "aria-label": "Next image" }),
+    /* @__PURE__ */ React37.createElement("div", { className: "absolute bottom-6 md:bottom-8 left-0 w-full px-4 z-30 flex justify-center items-center gap-2" }, profiles.map((_, idx) => /* @__PURE__ */ React37.createElement(
       "button",
       {
         key: idx,
@@ -3132,13 +3378,13 @@ var ConsultantShowcase = ({
 };
 
 // src/components/ContentGridBlock.tsx
-import React37, { useState as useState24 } from "react";
+import React38, { useState as useState25 } from "react";
 import Image12 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon24 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon25 } from "@hugeicons/react";
 import { Loading03Icon as Loading03Icon13 } from "@hugeicons/core-free-icons";
 var ImageWithLoader2 = ({ src, alt, className, sizes }) => {
-  const [isLoading, setIsLoading] = useState24(true);
-  return /* @__PURE__ */ React37.createElement("div", { className: `relative overflow-hidden bg-neutral-100 ${className}` }, isLoading && /* @__PURE__ */ React37.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-100/50 backdrop-blur-sm transition-opacity duration-300" }, /* @__PURE__ */ React37.createElement(HugeiconsIcon24, { icon: Loading03Icon13, size: 24, className: "animate-spin text-neutral-400" })), /* @__PURE__ */ React37.createElement(
+  const [isLoading, setIsLoading] = useState25(true);
+  return /* @__PURE__ */ React38.createElement("div", { className: `relative overflow-hidden bg-neutral-100 ${className}` }, isLoading && /* @__PURE__ */ React38.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-100/50 backdrop-blur-sm transition-opacity duration-300" }, /* @__PURE__ */ React38.createElement(HugeiconsIcon25, { icon: Loading03Icon13, size: 24, className: "animate-spin text-neutral-400" })), /* @__PURE__ */ React38.createElement(
     Image12,
     {
       src,
@@ -3160,30 +3406,30 @@ var ContentGridBlock = ({
   middleBottomCard,
   rightCards
 }) => {
-  return /* @__PURE__ */ React37.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React37.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React37.createElement("h2", { className: "text-3xl   tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React37.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React37.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React37.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React37.createElement("p", { className: "text-[17px] text-white leading-snug  mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React37.createElement("span", { className: "mb-auto text-[11px]  text-neutral-200  tracking-widest" }, leftCard.tag), /* @__PURE__ */ React37.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("h4", { className: "text-[15px]  text-white" }, leftCard.title), /* @__PURE__ */ React37.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React37.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React37.createElement(Image12, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React37.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React37.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React37.createElement("span", { className: "text-[11px] text-neutral-400  tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React37.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React37.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React37.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React37.createElement(Image12, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React37.createElement("span", { className: "text-sm  text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React37.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React37.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React37.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React37.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React37.createElement("p", { className: "text-[11px] text-neutral-400  tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React37.createElement("p", { className: "text-[14px] text-black  leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React37.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React37.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("h4", { className: "text-[15px]  text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React37.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React37.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React37.createElement(Image12, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React37.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React37.createElement("p", { className: "text-[16px] text-black leading-snug  mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React37.createElement("span", { className: "text-[11px]  text-neutral-400  tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React37.createElement("div", { key: idx, className: "relative w-full h-80  text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React38.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React38.createElement("h2", { className: "text-3xl   tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React38.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React38.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React38.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[17px] text-white leading-snug  mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React38.createElement("span", { className: "mb-auto text-[11px]  text-neutral-200  tracking-widest" }, leftCard.tag), /* @__PURE__ */ React38.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement("h4", { className: "text-[15px]  text-white" }, leftCard.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React38.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React38.createElement(Image12, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React38.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React38.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React38.createElement("span", { className: "text-[11px] text-neutral-400  tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React38.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React38.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React38.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React38.createElement(Image12, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React38.createElement("span", { className: "text-sm  text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React38.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React38.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React38.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React38.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[11px] text-neutral-400  tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[14px] text-black  leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React38.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React38.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement("h4", { className: "text-[15px]  text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React38.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React38.createElement(Image12, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React38.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[16px] text-black leading-snug  mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React38.createElement("span", { className: "text-[11px]  text-neutral-400  tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React38.createElement("div", { key: idx, className: "relative w-full h-80  text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React38.createElement(
     ImageWithLoader2,
     {
       src: card.bgImageSrc,
       alt: card.title,
       className: "absolute inset-0 w-full h-full"
     }
-  ), /* @__PURE__ */ React37.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React37.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React37.createElement("p", { className: "text-[14px]  leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React37.createElement("span", { className: "mb-4 text-[11px]  text-white/50  tracking-widest" }, card.tag), /* @__PURE__ */ React37.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React37.createElement("h4", { className: "text-[15px] text-white tracking-wide" }, card.title), /* @__PURE__ */ React37.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
+  ), /* @__PURE__ */ React38.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React38.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[14px]  leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React38.createElement("span", { className: "mb-4 text-[11px]  text-white/50  tracking-widest" }, card.tag), /* @__PURE__ */ React38.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React38.createElement("h4", { className: "text-[15px] text-white tracking-wide" }, card.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
 };
 
 // src/components/ManagedProjectsBlock.tsx
-import React38 from "react";
+import React39 from "react";
 import Link8 from "next/link";
 var GridSection = ({
   children,
   isLast = false,
   className = "py-8 md:py-10"
-}) => /* @__PURE__ */ React38.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "" : ""}` }, children);
+}) => /* @__PURE__ */ React39.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "" : ""}` }, children);
 var ManagedProjectsBlock = ({
   tagline,
   title,
   projects
 }) => {
-  return /* @__PURE__ */ React38.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React38.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React39.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ React39.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -3192,10 +3438,10 @@ var ManagedProjectsBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React38.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React38.createElement(GridSection, null, tagline && /* @__PURE__ */ React38.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React38.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), projects.map((project, index) => {
+  ), /* @__PURE__ */ React39.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React39.createElement(GridSection, null, tagline && /* @__PURE__ */ React39.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React39.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), projects.map((project, index) => {
     const isLast = index === projects.length - 1;
-    const projectContent = /* @__PURE__ */ React38.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-3 md:gap-4 mb-4 md:mb-5" }, /* @__PURE__ */ React38.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React38.createElement("h2", { className: "  text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React38.createElement("span", { className: "text-[11px] opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" }, project.isExternal ? "\u2197" : "\u2192")), /* @__PURE__ */ React38.createElement("span", { className: `text-[9px] px-2.5 py-1 rounded-full tracking-[0.15em]  transition-colors ${project.status.toLowerCase() === "production" ? "bg-black text-white" : "bg-neutral-100 text-neutral-500 group-hover:bg-neutral-100 group-hover:text-black"}` }, project.status)), /* @__PURE__ */ React38.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0 " }, project.date)), /* @__PURE__ */ React38.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 max-w-4xl text-left transition-colors group-hover:text-black" }, project.description));
-    return /* @__PURE__ */ React38.createElement(GridSection, { key: project.id || index, isLast, className: isLast ? "py-8 md:py-10 pb-12 md:pb-14" : "py-8 md:py-10" }, project.isExternal ? /* @__PURE__ */ React38.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React38.createElement(Link8, { href: project.link, className: "block outline-none" }, projectContent));
+    const projectContent = /* @__PURE__ */ React39.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React39.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-3 md:gap-4 mb-4 md:mb-5" }, /* @__PURE__ */ React39.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React39.createElement("h2", { className: "  text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React39.createElement("span", { className: "text-[11px] opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" }, project.isExternal ? "\u2197" : "\u2192")), /* @__PURE__ */ React39.createElement("span", { className: `text-[9px] px-2.5 py-1 rounded-full tracking-[0.15em]  transition-colors ${project.status.toLowerCase() === "production" ? "bg-black text-white" : "bg-neutral-100 text-neutral-500 group-hover:bg-neutral-100 group-hover:text-black"}` }, project.status)), /* @__PURE__ */ React39.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0 " }, project.date)), /* @__PURE__ */ React39.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 max-w-4xl text-left transition-colors group-hover:text-black" }, project.description));
+    return /* @__PURE__ */ React39.createElement(GridSection, { key: project.id || index, isLast, className: isLast ? "py-8 md:py-10 pb-12 md:pb-14" : "py-8 md:py-10" }, project.isExternal ? /* @__PURE__ */ React39.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React39.createElement(Link8, { href: project.link, className: "block outline-none" }, projectContent));
   }))));
 };
 export {