@retinalabsllc/zairusjs 9.0.30 → 9.0.40

package/dist/index.mjs

@@ -600,7 +600,7 @@ import { HugeiconsIcon as HugeiconsIcon3 } from "@hugeicons/react";
 var MobileNav = ({ items }) => {
   const pathname = usePathname2();
   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) => {
+  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/50 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(
       Link4,
@@ -1598,8 +1598,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 useState12, useEffect as useEffect9 } from "react";
+import { HugeiconsIcon as HugeiconsIcon15 } from "@hugeicons/react";
 import {
   SnowIcon,
   Delete02Icon,
@@ -1653,7 +1653,7 @@ var ConfirmationDialog = ({
 // src/components/PinDialerBottomSheet.tsx
 import React19, { useState as useState11, 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",
@@ -1708,14 +1708,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 +1724,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 [activeTabIndex, setActiveTabIndex] = useState12(0);
+  const activeCard = cards[activeTabIndex];
+  useEffect9(() => {
+    setIsFlipped(false);
+    setIsRevealed(false);
+  }, [activeTabIndex]);
   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 [isOverlayActionLoading, setIsOverlayActionLoading] = useState12(false);
   const [showDeleteDialog, setShowDeleteDialog] = useState12(false);
   const [isDeleting, setIsDeleting] = useState12(false);
   const [showPinDialer, setShowPinDialer] = useState12(false);
+  const [showCardActionDialog, setShowCardActionDialog] = useState12(false);
+  const [cardActionType, setCardActionType] = useState12("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 +1827,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-md 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-black text-white text-[12px] font-medium rounded-full  hover:bg-neutral-800 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-black text-white text-[12px] font-medium rounded-full  hover:bg-neutral-800 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 text-black text-[12px] font-medium rounded-full  hover:bg-neutral-100 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 +1954,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 +1980,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 +1992,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 +2031,7 @@ var UniversalCardPage = ({
       onClose: () => setShowDeleteDialog(false),
       onConfirm: confirmDelete
     }
-  ), /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React21.createElement(
     PinDialerBottomSheet,
     {
       isOpen: showPinDialer,
@@ -1924,6 +2040,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 +2064,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 useState13 } from "react";
+import { HugeiconsIcon as HugeiconsIcon16 } from "@hugeicons/react";
 import {
   UserIcon,
   LockKeyIcon as LockKeyIcon2,
@@ -1961,7 +2090,8 @@ import {
   LogoutCircle02Icon,
   UserRemove01Icon,
   ArrowRight01Icon as ArrowRight01Icon3,
-  Loading03Icon as Loading03Icon9
+  Loading03Icon as Loading03Icon9,
+  CrownIcon
 } from "@hugeicons/core-free-icons";
 var UniversalProfilePage = ({
   avatarSrc,
@@ -1990,7 +2120,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 +2128,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 +2136,7 @@ var UniversalProfilePage = ({
       subtitle: "Your account details",
       onClick: onAccountTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: LockKeyIcon2,
@@ -2014,7 +2144,7 @@ var UniversalProfilePage = ({
       subtitle: "2FA & authentication",
       onClick: onSecurityTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: ShieldUserIcon,
@@ -2022,7 +2152,7 @@ var UniversalProfilePage = ({
       subtitle: "Manage web3 profile",
       onClick: onDefiTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: MessageQuestionIcon,
@@ -2031,7 +2161,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 +2169,7 @@ var UniversalProfilePage = ({
       subtitle: "Account Verifications",
       onClick: onVerificationsTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: FileDownloadIcon,
@@ -2047,7 +2177,7 @@ var UniversalProfilePage = ({
       subtitle: "Transfer your account",
       onClick: onExportTap
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     MenuRow2,
     {
       icon: LogoutCircle02Icon,
@@ -2056,7 +2186,7 @@ var UniversalProfilePage = ({
       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 +2195,7 @@ var UniversalProfilePage = ({
       onClick: onDeleteTap,
       isLast: true
     }
-  ))), /* @__PURE__ */ React21.createElement(
+  ))), /* @__PURE__ */ React22.createElement(
     ConfirmationDialog,
     {
       isOpen: showLogoutDialog,
@@ -2079,24 +2209,24 @@ 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 useState15, 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 useState14 } from "react";
 import { toast as toast6 } from "react-hot-toast";
 var WaitlistDialog = ({ isOpen, onClose }) => {
   const [email, setEmail] = useState14("");
@@ -2131,12 +2261,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 +2274,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 +2287,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 +2301,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
         placeholder: "name@example.com",
         disabled: isLoading
       }
-    ), /* @__PURE__ */ React22.createElement(
+    ), /* @__PURE__ */ React23.createElement(
       ThreeDActionButton,
       {
         type: "submit",
@@ -2229,7 +2359,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 +2370,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 +2379,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 +2387,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 +2403,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 +2420,7 @@ var HeroSection = ({
       height: 28,
       className: "object-contain"
     }
-  ))))))))), /* @__PURE__ */ React23.createElement(
+  ))))))))), /* @__PURE__ */ React24.createElement(
     WaitlistDialog,
     {
       isOpen: isWaitlistOpen,
@@ -2300,8 +2430,8 @@ 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 useState16, 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 titleRef = useRef5(null);
@@ -2323,7 +2453,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 +2461,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 +2483,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 useState17, useEffect as useEffect12 } from "react";
 import Image4 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon17 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon18 } from "@hugeicons/react";
 import { ArrowLeft01Icon as ArrowLeft01Icon2, 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(
+  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 +2525,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 +2533,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,7 +2546,7 @@ 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);
@@ -2445,7 +2575,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 +2583,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: ArrowLeft01Icon2, size: 20 })
+  ), /* @__PURE__ */ React26.createElement(
     "button",
     {
       onClick: () => scroll("right"),
@@ -2462,57 +2592,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: ArrowLeft01Icon2, 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 useState18, useEffect as useEffect13, useRef as useRef7 } from "react";
 var ManagedDocument = ({
   tagline,
   title,
@@ -2542,7 +2672,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 +2680,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 +2692,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 useState19, useEffect as useEffect14 } from "react";
+import { HugeiconsIcon as HugeiconsIcon20 } from "@hugeicons/react";
 var SecureEmail = ({ user, domain, className }) => {
   const [isMounted, setIsMounted] = useState19(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 +2712,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 +2721,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,17 +2745,17 @@ 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 useState20, 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,
@@ -2655,7 +2785,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 +2793,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 +2804,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 +2827,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 +2835,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 +2857,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 +2866,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 +2875,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 +2884,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 +2892,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 +2900,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 +2935,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 +2945,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 +2953,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 +2961,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 +2970,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 +2981,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 +3024,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 +3041,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 +3051,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 useState21 } 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,
@@ -2954,19 +3084,19 @@ var GifFeatureCard = ({
   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,
+  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 +3107,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 useState22, useEffect as useEffect17, useRef as useRef10 } from "react";
 import Image10 from "next/image";
 var MedicalFeatureStatsBlock = ({
   bottomHeadline,
@@ -3015,7 +3145,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 +3153,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 +3162,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 useState23 } 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(
+  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,
@@ -3088,7 +3218,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 +3228,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 +3242,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 +3262,13 @@ var ConsultantShowcase = ({
 };
 
 // src/components/ContentGridBlock.tsx
-import React37, { useState as useState24 } from "react";
+import React38, { useState as useState24 } 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(
+  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 +3290,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 +3322,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 {