@retinalabsllc/zairusjs 9.0.3 → 9.0.5

package/dist/index.mjs

@@ -293,8 +293,258 @@ var Header = ({
   );
 };
 
+// src/components/PipleAuth.tsx
+import React5, { useState as useState3, useRef as useRef2, useEffect as useEffect3, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import toast from "react-hot-toast";
+import { useGoogleReCaptcha, GoogleReCaptchaProvider } from "react-google-recaptcha-v3";
+var InputSpinner = () => /* @__PURE__ */ React5.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React5.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React5.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
+function AuthFormInner({
+  companyName,
+  workspaceLabel = "Workspace",
+  termsUrl = "https://aeona.finance/terms-of-service",
+  privacyUrl = "https://aeona.finance/privacy-policy",
+  requireNames = true,
+  requireOrganization = true,
+  useRecaptcha = false,
+  defaultRedirectPath = "/app",
+  onAuthRequest,
+  onVerifyOtp
+}) {
+  const searchParams = useSearchParams();
+  const redirectUrl = searchParams.get("redirect") || defaultRedirectPath;
+  const captchaContext = useRecaptcha ? useGoogleReCaptcha() : null;
+  const [mode, setMode] = useState3("LOGIN");
+  const [step, setStep] = useState3("INPUT");
+  const getInitialSignupStep = () => {
+    if (requireNames) return "NAME";
+    if (requireOrganization) return "ORGANIZATION";
+    return "EMAIL_ID";
+  };
+  const [signupStep, setSignupStep] = useState3(getInitialSignupStep());
+  const [isSubmitting, setIsSubmitting] = useState3(false);
+  const [countdown, setCountdown] = useState3(0);
+  const [emailId, setEmailId] = useState3("");
+  const [firstName, setFirstName] = useState3("");
+  const [lastName, setLastName] = useState3("");
+  const [orgName, setOrgName] = useState3("");
+  const [agreedToTerms, setAgreedToTerms] = useState3(false);
+  const [otp, setOtp] = useState3(["", "", "", "", "", ""]);
+  const inputRefs = useRef2([]);
+  const cleanAlpha = (val) => val.replace(/[^a-zA-Z\s-]/g, "");
+  const cleanOrgName = (val) => val.replace(/[^a-zA-Z0-9\s]/g, "").substring(0, 50);
+  const cleanEmailId = (val) => val.toLowerCase().replace(/[^a-z0-9@._-]/g, "");
+  useEffect3(() => {
+    if (countdown > 0) {
+      const timer = setTimeout(() => setCountdown(countdown - 1), 1e3);
+      return () => clearTimeout(timer);
+    }
+  }, [countdown]);
+  const handleOtpChange = (index, value) => {
+    const cleanValue = value.replace(/[^0-9]/g, "");
+    if (!cleanValue && value !== "") return;
+    const newOtp = [...otp];
+    newOtp[index] = cleanValue.slice(-1);
+    setOtp(newOtp);
+    if (cleanValue && index < 5) {
+      inputRefs.current[index + 1]?.focus();
+    }
+  };
+  const handlePaste = (e) => {
+    e.preventDefault();
+    const pastedData = e.clipboardData.getData("text/plain");
+    const numbersOnly = pastedData.replace(/[^0-9]/g, "");
+    if (!numbersOnly) return;
+    const newOtp = [...otp];
+    const length = Math.min(numbersOnly.length, 6);
+    for (let i = 0; i < length; i++) {
+      newOtp[i] = numbersOnly[i];
+    }
+    setOtp(newOtp);
+    if (length < 6) {
+      inputRefs.current[length]?.focus();
+    } else {
+      inputRefs.current[5]?.focus();
+      verifyOtpCode(newOtp.join(""));
+    }
+  };
+  const handleAuthRequestSubmit = async (e) => {
+    if (e) e.preventDefault();
+    if (mode === "SIGNUP" && !agreedToTerms) {
+      toast.error("You must agree to the Terms and Privacy Policy.");
+      return;
+    }
+    if (isSubmitting || countdown > 0) return;
+    setIsSubmitting(true);
+    try {
+      let recaptchaToken = void 0;
+      if (useRecaptcha && captchaContext?.executeRecaptcha) {
+        recaptchaToken = await captchaContext.executeRecaptcha("auth_request");
+      }
+      const res = await onAuthRequest({
+        email: emailId,
+        firstName: mode === "SIGNUP" && requireNames ? firstName : void 0,
+        lastName: mode === "SIGNUP" && requireNames ? lastName : void 0,
+        organizationName: mode === "SIGNUP" && requireOrganization ? orgName : void 0,
+        mode,
+        recaptchaToken
+      });
+      if (res.success) {
+        toast.success("Verification code sent");
+        setStep("OTP");
+        setCountdown(60);
+      } else {
+        toast.error(res.error || "Authentication failed.");
+      }
+    } catch {
+      toast.error("Service unavailable. Try again later.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const verifyOtpCode = async (codeToVerify) => {
+    if (codeToVerify.length !== 6 || isSubmitting) return;
+    setIsSubmitting(true);
+    try {
+      const res = await onVerifyOtp({ email: emailId, code: codeToVerify });
+      if (res.success) {
+        window.location.href = res.redirect || redirectUrl;
+      } else {
+        toast.error(res.error || "Invalid code.");
+        setOtp(["", "", "", "", "", ""]);
+        inputRefs.current[0]?.focus();
+      }
+    } catch {
+      toast.error("Verification failed.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleNextSignupStep = () => {
+    if (signupStep === "NAME") {
+      if (requireOrganization) setSignupStep("ORGANIZATION");
+      else setSignupStep("EMAIL_ID");
+    } else if (signupStep === "ORGANIZATION") {
+      setSignupStep("EMAIL_ID");
+    }
+  };
+  const isContinueDisabled = () => {
+    if (isSubmitting) return true;
+    if (mode === "LOGIN") return emailId.length < 3;
+    if (mode === "SIGNUP") {
+      if (signupStep === "NAME") return firstName.trim() === "" || lastName.trim() === "";
+      if (signupStep === "ORGANIZATION") return orgName.trim().length < 3;
+      if (signupStep === "EMAIL_ID") return emailId.length < 3 || !agreedToTerms;
+    }
+    return false;
+  };
+  return /* @__PURE__ */ React5.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React5.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ React5.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ React5.createElement("h2", { className: "  text-xl  text-black mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ React5.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Don't have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => {
+    setMode("SIGNUP");
+    setSignupStep(getInitialSignupStep());
+  }, className: "text-black transition-colors ml-1" }, "Sign up")) : /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Already have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-black transition-colors ml-1" }, "Log in")))), /* @__PURE__ */ React5.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
+    e.preventDefault();
+    if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
+    else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
+    else handleAuthRequestSubmit();
+  } }, mode === "SIGNUP" && signupStep === "NAME" && requireNames && /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React5.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React5.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "First Name"), /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      type: "text",
+      value: firstName,
+      onChange: (e) => setFirstName(cleanAlpha(e.target.value)),
+      required: true,
+      autoFocus: true,
+      className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-100 text-black outline-none focus:border-black transition-all duration-300",
+      placeholder: "First name"
+    }
+  )), /* @__PURE__ */ React5.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React5.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Last Name"), /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      type: "text",
+      value: lastName,
+      onChange: (e) => setLastName(cleanAlpha(e.target.value)),
+      required: true,
+      className: "w-full px-2 py-3 bg-transparent text-sm border-b border-neutral-100 text-black outline-none focus:border-black transition-all duration-300",
+      placeholder: "Last name"
+    }
+  ))), mode === "SIGNUP" && signupStep === "ORGANIZATION" && requireOrganization && /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React5.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React5.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Organization Name"), /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      type: "text",
+      value: orgName,
+      onChange: (e) => setOrgName(cleanOrgName(e.target.value)),
+      required: true,
+      autoFocus: true,
+      className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-100 text-black outline-none focus:border-black transition-all duration-300",
+      placeholder: "Acme Corporation"
+    }
+  ))), (mode === "LOGIN" || mode === "SIGNUP" && signupStep === "EMAIL_ID") && /* @__PURE__ */ React5.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React5.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React5.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Email ID"), /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      type: "email",
+      value: emailId,
+      onChange: (e) => setEmailId(cleanEmailId(e.target.value)),
+      required: true,
+      autoFocus: true,
+      className: "w-full px-2 py-3 bg-transparent text-sm border-b border-neutral-100 text-black outline-none focus:border-black transition-all duration-300",
+      placeholder: "name@company.com"
+    }
+  )), mode === "SIGNUP" && /* @__PURE__ */ React5.createElement("div", { className: "flex items-start gap-3 mt-4" }, /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      type: "checkbox",
+      id: "zairus-terms",
+      checked: agreedToTerms,
+      onChange: (e) => setAgreedToTerms(e.target.checked),
+      className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
+      required: true
+    }
+  ), /* @__PURE__ */ React5.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React5.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Terms of Service"), " and ", /* @__PURE__ */ React5.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ React5.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: isContinueDisabled(),
+      isLoading: isSubmitting,
+      className: "w-full mt-10"
+    },
+    "Continue"
+  ))), step === "OTP" && /* @__PURE__ */ React5.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "text-center mb-10 mt-2" }, /* @__PURE__ */ React5.createElement("h2", { className: "  text-xl text-black mb-2 tracking-tight " }, "Security Check"), /* @__PURE__ */ React5.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code sent to ", /* @__PURE__ */ React5.createElement("br", null), /* @__PURE__ */ React5.createElement("span", { className: "text-black " }, emailId))), /* @__PURE__ */ React5.createElement("form", { className: "space-y-10", autoComplete: "off", onSubmit: (e) => {
+    e.preventDefault();
+    verifyOtpCode(otp.join(""));
+  } }, /* @__PURE__ */ React5.createElement("div", { className: "flex justify-between gap-2", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      key: index,
+      ref: (el) => {
+        inputRefs.current[index] = el;
+      },
+      type: "text",
+      inputMode: "numeric",
+      maxLength: 1,
+      value: digit,
+      onChange: (e) => handleOtpChange(index, e.target.value),
+      className: "w-8 h-8 text-center text-lg bg-transparent border-b-2 border-neutral-100 text-black outline-none focus:border-black transition-all duration-300"
+    }
+  ))), /* @__PURE__ */ React5.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: otp.join("").length < 6,
+      isLoading: isSubmitting,
+      className: "w-full"
+    },
+    "Verify Code"
+  ))))));
+}
+var PipleAuth = (props) => {
+  if (props.useRecaptcha && props.recaptchaSiteKey) {
+    return /* @__PURE__ */ React5.createElement(GoogleReCaptchaProvider, { reCaptchaKey: props.recaptchaSiteKey }, /* @__PURE__ */ React5.createElement(Suspense, { fallback: /* @__PURE__ */ React5.createElement("div", { className: "h-64 flex items-center justify-center" }, /* @__PURE__ */ React5.createElement(InputSpinner, null)) }, /* @__PURE__ */ React5.createElement(AuthFormInner, { ...props })));
+  }
+  return /* @__PURE__ */ React5.createElement(Suspense, { fallback: /* @__PURE__ */ React5.createElement("div", { className: "h-64 flex items-center justify-center" }, /* @__PURE__ */ React5.createElement(InputSpinner, null)) }, /* @__PURE__ */ React5.createElement(AuthFormInner, { ...props }));
+};
+
 // src/components/Footer.tsx
-import React5, { useState as useState3 } from "react";
+import React6, { useState as useState4 } from "react";
 import Link3 from "next/link";
 import { HugeiconsIcon as HugeiconsIcon2 } from "@hugeicons/react";
 var Footer = ({
@@ -304,20 +554,20 @@ var Footer = ({
   copyrightText,
   topSection
 }) => {
-  const [openCol, setOpenCol] = useState3(null);
+  const [openCol, setOpenCol] = useState4(null);
   const toggleColumn = (idx) => {
     setOpenCol(openCol === idx ? null : idx);
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ React5.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ React5.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ React5.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-4 mb-4" }, /* @__PURE__ */ React5.createElement("img", { src: "https://retinalabs.company/assets/images/ndpr.avif", alt: "NDPR", className: "w-28 h-auto object-contain filter grayscale opacity-80" }), /* @__PURE__ */ React5.createElement("img", { src: "https://retinalabs.company/assets/images/gdpr.avif", alt: "GDPR", className: "w-12 h-12 object-contain filter grayscale opacity-80" })), /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("p", { className: "text-[11px]  text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ React5.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ React5.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ React5.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ React5.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ React5.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ React5.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React5.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ React5.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
+  return /* @__PURE__ */ React6.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ React6.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ React6.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ React6.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-4 mb-4" }, /* @__PURE__ */ React6.createElement("img", { src: "https://retinalabs.company/assets/images/ndpr.avif", alt: "NDPR", className: "w-28 h-auto object-contain filter grayscale opacity-80" }), /* @__PURE__ */ React6.createElement("img", { src: "https://retinalabs.company/assets/images/gdpr.avif", alt: "GDPR", className: "w-12 h-12 object-contain filter grayscale opacity-80" })), /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("p", { className: "text-[11px]  text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ React6.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ React6.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ React6.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ React6.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ React6.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ React6.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React6.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ React6.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
     const isOpen = openCol === idx;
-    return /* @__PURE__ */ React5.createElement("div", { key: idx, className: "border-b border-neutral-100" }, /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React6.createElement("div", { key: idx, className: "border-b border-neutral-100" }, /* @__PURE__ */ React6.createElement(
       "button",
       {
         onClick: () => toggleColumn(idx),
         className: "w-full flex items-center justify-between py-5 text-left outline-none"
       },
-      /* @__PURE__ */ React5.createElement("span", { className: "text-[11px] tracking-[0.2em] text-black " }, col.title),
-      /* @__PURE__ */ React5.createElement(
+      /* @__PURE__ */ React6.createElement("span", { className: "text-[11px] tracking-[0.2em] text-black " }, col.title),
+      /* @__PURE__ */ React6.createElement(
         "svg",
         {
           className: `w-4 h-4 text-neutral-400 transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`,
@@ -325,10 +575,10 @@ var Footer = ({
           viewBox: "0 0 24 24",
           stroke: "currentColor"
         },
-        /* @__PURE__ */ React5.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
+        /* @__PURE__ */ React6.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
       )
-    ), /* @__PURE__ */ React5.createElement("div", { className: `grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] pb-6 opacity-100" : "grid-rows-[0fr] opacity-0"}` }, /* @__PURE__ */ React5.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React5.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ React5.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React5.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors" }, link.label) : /* @__PURE__ */ React5.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors" }, link.label)))))));
-  })))), /* @__PURE__ */ React5.createElement("div", { className: "pt-8 mt-4  flex flex-col-reverse md:flex-row justify-between items-start md:items-center gap-6 relative z-20" }, /* @__PURE__ */ React5.createElement("p", { className: "text-[11px] text-neutral-400 tracking-widest text-left" }, copyrightText), socialLinks && socialLinks.length > 0 && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-6" }, socialLinks.map((social, idx) => /* @__PURE__ */ React5.createElement(
+    ), /* @__PURE__ */ React6.createElement("div", { className: `grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] pb-6 opacity-100" : "grid-rows-[0fr] opacity-0"}` }, /* @__PURE__ */ React6.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React6.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ React6.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React6.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors" }, link.label) : /* @__PURE__ */ React6.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors" }, link.label)))))));
+  })))), /* @__PURE__ */ React6.createElement("div", { className: "pt-8 mt-4  flex flex-col-reverse md:flex-row justify-between items-start md:items-center gap-6 relative z-20" }, /* @__PURE__ */ React6.createElement("p", { className: "text-[11px] text-neutral-400 tracking-widest text-left" }, copyrightText), socialLinks && socialLinks.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-6" }, socialLinks.map((social, idx) => /* @__PURE__ */ React6.createElement(
     "a",
     {
       key: idx,
@@ -338,21 +588,86 @@ var Footer = ({
       className: "text-neutral-400 hover:text-black transition-colors",
       "aria-label": social.name
     },
-    /* @__PURE__ */ React5.createElement(HugeiconsIcon2, { icon: social.icon, size: 20 })
+    /* @__PURE__ */ React6.createElement(HugeiconsIcon2, { icon: social.icon, size: 20 })
   ))))))));
 };
 
-// src/components/HeroSection.tsx
-import React8, { useState as useState5, useEffect as useEffect3, useRef as useRef2 } from "react";
+// src/components/MobileNav.tsx
+import React7 from "react";
 import Link4 from "next/link";
-import Image2 from "next/image";
+import { usePathname as usePathname2 } from "next/navigation";
+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) => {
+    const isActive = item.href === "/" ? pathname === "/" : pathname?.startsWith(item.href);
+    return /* @__PURE__ */ React7.createElement(
+      Link4,
+      {
+        key: item.label,
+        href: item.href,
+        className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
+      },
+      /* @__PURE__ */ React7.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ React7.createElement(
+        HugeiconsIcon3,
+        {
+          icon: item.icon,
+          size: 20
+        }
+      )),
+      /* @__PURE__ */ React7.createElement(
+        "span",
+        {
+          className: `text-[9px] tracking-wide transition-colors duration-300 font-medium ${isActive ? "text-black" : "text-neutral-400"}`
+        },
+        item.label
+      )
+    );
+  })));
+};
 
-// src/components/WaitlistDialog.tsx
-import React7, { useState as useState4 } from "react";
-import { toast } from "react-hot-toast";
+// src/components/UniversalOrganizationPage.tsx
+import React11, { useState as useState6, useEffect as useEffect4 } from "react";
+import toast2 from "react-hot-toast";
+
+// src/components/ManagedToaster.tsx
+import React8 from "react";
+import { Toaster } from "react-hot-toast";
+var ManagedToaster = () => {
+  return /* @__PURE__ */ React8.createElement(
+    Toaster,
+    {
+      position: "top-right",
+      toastOptions: {
+        style: {
+          background: "#171717",
+          color: "#fafafa",
+          fontSize: "11px",
+          padding: "8px 12px",
+          borderRadius: "8px",
+          minWidth: "fit-content",
+          boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.5)"
+        },
+        success: {
+          iconTheme: {
+            primary: "#fafafa",
+            secondary: "#171717"
+          }
+        },
+        error: {
+          iconTheme: {
+            primary: "#fafafa",
+            secondary: "#171717"
+          }
+        }
+      }
+    }
+  );
+};
 
 // src/components/ReusableInputs.tsx
-import React6 from "react";
+import React9 from "react";
 var TextInput = ({
   label,
   value,
@@ -363,7 +678,7 @@ var TextInput = ({
   readOnly,
   type = "text",
   onClick
-}) => /* @__PURE__ */ React6.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ React6.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React6.createElement(
+}) => /* @__PURE__ */ React9.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ React9.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React9.createElement(
   "input",
   {
     type,
@@ -384,7 +699,7 @@ var NumberInput = ({
   placeholder,
   maxLength,
   disabled
-}) => /* @__PURE__ */ React6.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ React6.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React6.createElement(
+}) => /* @__PURE__ */ React9.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ React9.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ React9.createElement(
   "input",
   {
     type: "text",
@@ -401,15 +716,1132 @@ var NumberInput = ({
   }
 ));
 
+// src/components/Banner.tsx
+import React10, { useState as useState5 } from "react";
+import { HugeiconsIcon as HugeiconsIcon4 } from "@hugeicons/react";
+import {
+  Alert02Icon,
+  CheckmarkBadge01Icon,
+  InformationCircleIcon,
+  Cancel01Icon
+} from "@hugeicons/core-free-icons";
+var Banner = ({
+  title,
+  message,
+  type,
+  icon,
+  isDismissible = true,
+  onDismiss,
+  action
+}) => {
+  const [isVisible, setIsVisible] = useState5(true);
+  if (!isVisible) return null;
+  const handleDismiss = () => {
+    setIsVisible(false);
+    if (onDismiss) onDismiss();
+  };
+  const config = {
+    success: {
+      bg: "bg-emerald-50",
+      iconColor: "text-emerald-600",
+      titleColor: "text-emerald-900",
+      msgColor: "text-emerald-700",
+      defaultIcon: CheckmarkBadge01Icon,
+      closeHover: "hover:bg-emerald-100 text-emerald-500"
+    },
+    warning: {
+      bg: "bg-amber-50",
+      iconColor: "text-amber-600",
+      titleColor: "text-amber-900",
+      msgColor: "text-amber-700",
+      defaultIcon: InformationCircleIcon,
+      closeHover: "hover:bg-amber-100 text-amber-500"
+    },
+    alert: {
+      bg: "bg-red-50",
+      iconColor: "text-red-600",
+      titleColor: "text-red-900",
+      msgColor: "text-red-700",
+      defaultIcon: Alert02Icon,
+      closeHover: "hover:bg-red-100 text-red-500"
+    }
+  };
+  const currentConfig = config[type];
+  const IconToUse = icon || currentConfig.defaultIcon;
+  return /* @__PURE__ */ React10.createElement("div", { className: `relative w-full rounded-2xl  p-4 flex items-start gap-4 transition-all duration-300 animate-in fade-in slide-in-from-top-2 ${currentConfig.bg}` }, /* @__PURE__ */ React10.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, /* @__PURE__ */ React10.createElement("h4", { className: `text-sm  tracking-tight mb-1 ${currentConfig.titleColor}` }, title), /* @__PURE__ */ React10.createElement("p", { className: `text-xs leading-relaxed ${currentConfig.msgColor}` }, message), action && /* @__PURE__ */ React10.createElement("div", { className: "mt-3" }, action)), isDismissible && /* @__PURE__ */ React10.createElement(
+    "button",
+    {
+      onClick: handleDismiss,
+      className: `absolute top-3 right-3 p-1.5 rounded-full transition-colors outline-none shrink-0 ${currentConfig.closeHover}`,
+      "aria-label": "Dismiss banner"
+    },
+    /* @__PURE__ */ React10.createElement(HugeiconsIcon4, { icon: Cancel01Icon, size: 16 })
+  ));
+};
+
+// src/components/UniversalOrganizationPage.tsx
+import { HugeiconsIcon as HugeiconsIcon5 } from "@hugeicons/react";
+import {
+  CircleLock02Icon
+} from "@hugeicons/core-free-icons";
+var InputSpinner2 = () => /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React11.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React11.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
+var UniversalOrganizationPage = ({
+  initialOrgName,
+  initialSlug,
+  initialUsername,
+  orgId,
+  isReadOnly = false,
+  slugPrefixUrl = ".aeona.eth",
+  bannerProps,
+  onSaveConfiguration,
+  onCheckSlugAvailability
+}) => {
+  const resolvedInitialUsername = initialUsername || initialSlug;
+  const [web3Name, setWeb3Name] = useState6(initialOrgName);
+  const [username, setUsername] = useState6(resolvedInitialUsername);
+  const [slug, setSlug] = useState6(initialSlug);
+  const [isCheckingSlug, setIsCheckingSlug] = useState6(false);
+  const [slugAvailable, setSlugAvailable] = useState6(null);
+  const [isSubmitting, setIsSubmitting] = useState6(false);
+  useEffect4(() => {
+    setWeb3Name(initialOrgName || "");
+    setSlug(initialSlug || "");
+    setUsername(initialUsername || initialSlug || "");
+  }, [initialOrgName, initialSlug, initialUsername]);
+  const handleWeb3NameChange = (val) => {
+    setWeb3Name(val.replace(/[^a-zA-Z0-9\s-]/g, "").substring(0, 50));
+  };
+  const handleUsernameChange = (val) => {
+    setUsername(val.toLowerCase().replace(/[^a-z0-9-]/g, "").substring(0, 30));
+  };
+  const handleSlugChange = (val) => {
+    setSlug(val.toLowerCase().replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").substring(0, 50));
+  };
+  useEffect4(() => {
+    if (!slug || slug === initialSlug) {
+      setSlugAvailable(null);
+      setIsCheckingSlug(false);
+      return;
+    }
+    if (slug.length < 3) {
+      setSlugAvailable(false);
+      setIsCheckingSlug(false);
+      return;
+    }
+    setIsCheckingSlug(true);
+    setSlugAvailable(null);
+    const checkTimer = setTimeout(async () => {
+      try {
+        const res = await onCheckSlugAvailability(slug);
+        setSlugAvailable(res.available);
+      } catch (error) {
+        setSlugAvailable(null);
+      } finally {
+        setIsCheckingSlug(false);
+      }
+    }, 1500);
+    return () => clearTimeout(checkTimer);
+  }, [slug, initialSlug, onCheckSlugAvailability]);
+  const handleSave = async (e) => {
+    e.preventDefault();
+    if (isSubmitting || isCheckingSlug || isReadOnly) return;
+    if (slug !== initialSlug && slugAvailable === false) {
+      toast2.error("Please select an available profile address handles.");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const payload = {
+        organizationId: orgId,
+        organizationName: web3Name !== initialOrgName ? web3Name : void 0,
+        slug: slug !== initialSlug ? slug : void 0,
+        username: username !== resolvedInitialUsername ? username : void 0
+      };
+      const responseData = await onSaveConfiguration(payload);
+      if (responseData.success) {
+        toast2.success("Web3 profile identity updated successfully.");
+        setTimeout(() => window.location.reload(), 1e3);
+      } else {
+        toast2.error(responseData.error || "Failed to update your identity profile.");
+        setIsSubmitting(false);
+      }
+    } catch (error) {
+      toast2.error("Service unavailable. Try again later.");
+      setIsSubmitting(false);
+    }
+  };
+  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
+  const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
+  return /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white  fade-in duration-300" }, /* @__PURE__ */ React11.createElement(ManagedToaster, null), /* @__PURE__ */ React11.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React11.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React11.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React11.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React11.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React11.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React11.createElement(
+    TextInput,
+    {
+      label: "Display Name",
+      value: web3Name,
+      onChange: handleWeb3NameChange,
+      disabled: isReadOnly || isSubmitting,
+      placeholder: "Sovereign User",
+      maxLength: 50
+    }
+  ), /* @__PURE__ */ React11.createElement(
+    TextInput,
+    {
+      label: "Digital Identity",
+      value: username,
+      onChange: handleUsernameChange,
+      disabled: isReadOnly || isSubmitting,
+      placeholder: "sovereignuser",
+      maxLength: 30
+    }
+  ), /* @__PURE__ */ React11.createElement("div", { className: "space-y-1.5 relative w-full" }, /* @__PURE__ */ React11.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Wallet Username"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center relative w-full border-b border-neutral-100 focus-within:border-black transition-all duration-300" }, /* @__PURE__ */ React11.createElement(
+    "input",
+    {
+      type: "text",
+      value: slug,
+      disabled: isReadOnly || isSubmitting,
+      onChange: (e) => handleSlugChange(e.target.value),
+      spellCheck: "false",
+      autoComplete: "off",
+      className: "w-full px-2 py-3 text-sm bg-transparent text-black outline-none disabled:opacity-50 disabled:cursor-not-allowed",
+      placeholder: "sovereign-user-handle"
+    }
+  ), /* @__PURE__ */ React11.createElement("span", { className: "text-neutral-400 text-sm py-3 pr-8 shrink-0 whitespace-nowrap" }, slugPrefixUrl), /* @__PURE__ */ React11.createElement("div", { className: "absolute right-2 top-1/2 -translate-y-1/2" }, isCheckingSlug && /* @__PURE__ */ React11.createElement(InputSpinner2, null), !isCheckingSlug && !isReadOnly && slug !== initialSlug && slug.length >= 3 && slugAvailable === false && /* @__PURE__ */ React11.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-red-100" }, /* @__PURE__ */ React11.createElement("svg", { className: "w-2 h-2 text-red-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }))), !isCheckingSlug && !isReadOnly && slug !== initialSlug && slug.length >= 3 && slugAvailable === true && /* @__PURE__ */ React11.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-green-100" }, /* @__PURE__ */ React11.createElement("svg", { className: "w-2 h-2 text-green-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React11.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0 10-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z" })))))), /* @__PURE__ */ React11.createElement("div", { className: "pt-8 mt-2 flex items-center gap-4" }, /* @__PURE__ */ React11.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: isSaveDisabled,
+      isLoading: isSubmitting,
+      className: "min-w-32"
+    },
+    "Save Changes"
+  ), hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React11.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        setWeb3Name(initialOrgName);
+        setSlug(initialSlug);
+        setUsername(resolvedInitialUsername);
+      },
+      className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none"
+    },
+    "Cancel"
+  )))));
+};
+
+// src/components/UniversalProfileSettings.tsx
+import React12, { useState as useState7, useEffect as useEffect5 } from "react";
+import toast3 from "react-hot-toast";
+import { HugeiconsIcon as HugeiconsIcon6 } from "@hugeicons/react";
+import {
+  CircleLock02Icon as CircleLock02Icon2,
+  CancelCircleIcon,
+  Loading03Icon as Loading03Icon2,
+  LockKeyIcon
+} from "@hugeicons/core-free-icons";
+var UniversalProfileSettings = ({
+  initialFirstName,
+  initialLastName,
+  email,
+  accountStatus = "GOOD",
+  memberSince,
+  isReadOnly = false,
+  bannerProps,
+  hasPin = false,
+  isPinLoading = false,
+  onSavePin,
+  onSaveProfile
+}) => {
+  const [firstName, setFirstName] = useState7(initialFirstName);
+  const [lastName, setLastName] = useState7(initialLastName);
+  const [isSubmitting, setIsSubmitting] = useState7(false);
+  const [isPinModalOpen, setIsPinModalOpen] = useState7(false);
+  const [oldPin, setOldPin] = useState7("");
+  const [newPin, setNewPin] = useState7("");
+  const [confirmPin, setConfirmPin] = useState7("");
+  const [isPinSubmitting, setIsPinSubmitting] = useState7(false);
+  useEffect5(() => {
+    setFirstName(initialFirstName || "");
+    setLastName(initialLastName || "");
+  }, [initialFirstName, initialLastName]);
+  const handleFirstNameChange = (val) => {
+    setFirstName(val.replace(/[^a-zA-Z\s-]/g, "").substring(0, 50));
+  };
+  const handleLastNameChange = (val) => {
+    setLastName(val.replace(/[^a-zA-Z\s-]/g, "").substring(0, 50));
+  };
+  const handleSave = async (e) => {
+    e.preventDefault();
+    if (isSubmitting || isReadOnly) return;
+    setIsSubmitting(true);
+    try {
+      const res = await onSaveProfile({ firstName, lastName });
+      if (res.success) {
+        toast3.success("Profile updated successfully.");
+        setTimeout(() => window.location.reload(), 1e3);
+      } else {
+        toast3.error(res.error || "Uh oh! Something went wrong.");
+        setIsSubmitting(false);
+      }
+    } catch (error) {
+      toast3.error("Uh oh! Something went wrong.");
+      setIsSubmitting(false);
+    }
+  };
+  const closePinModal = () => {
+    if (isPinSubmitting) return;
+    setIsPinModalOpen(false);
+    setOldPin("");
+    setNewPin("");
+    setConfirmPin("");
+  };
+  const handlePinInput = (val, setter) => {
+    setter(val.replace(/\D/g, "").substring(0, 4));
+  };
+  const handlePinSubmit = async (e) => {
+    e.preventDefault();
+    if (!onSavePin) return;
+    if (hasPin && oldPin.length !== 4) return toast3.error("Old PIN must be exactly 4 digits.");
+    if (newPin.length !== 4) return toast3.error("New PIN must be exactly 4 digits.");
+    if (newPin !== confirmPin) return toast3.error("New PINs do not match.");
+    setIsPinSubmitting(true);
+    try {
+      const action = hasPin ? "change_pin" : "create_pin";
+      const res = await onSavePin({
+        action,
+        oldPin: hasPin ? oldPin : void 0,
+        newPin
+      });
+      if (res.success) {
+        toast3.success(res.message || "PIN updated successfully.");
+        closePinModal();
+      } else {
+        toast3.error(res.error || "Failed to update PIN.");
+      }
+    } catch (error) {
+      toast3.error("Uh oh! Something went wrong.");
+    } finally {
+      setIsPinSubmitting(false);
+    }
+  };
+  const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
+  const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
+  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col max-w-5xl rounded-2xl p-6 bg-white  gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
+    TextInput,
+    {
+      label: "First Name",
+      value: firstName,
+      onChange: handleFirstNameChange,
+      disabled: isReadOnly || isSubmitting,
+      placeholder: "System"
+    }
+  )), /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
+    TextInput,
+    {
+      label: "Last Name",
+      value: lastName,
+      onChange: handleLastNameChange,
+      disabled: isReadOnly || isSubmitting,
+      placeholder: "Admin"
+    }
+  ))), /* @__PURE__ */ React12.createElement("div", { className: "space-y-2 min-w-0" }, /* @__PURE__ */ React12.createElement(
+    TextInput,
+    {
+      label: "Email ID",
+      value: email,
+      onChange: () => {
+      },
+      disabled: true
+    }
+  ), /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ React12.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setIsPinModalOpen(true),
+      "aria-label": "PIN Settings",
+      className: "w-9 h-9 flex items-center justify-center border border-neutral-200 rounded-full text-black hover:bg-neutral-50 transition-colors outline-none"
+    },
+    /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: LockKeyIcon, size: 17, className: "text-black" })
+  ))), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React12.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        setFirstName(initialFirstName);
+        setLastName(initialLastName);
+      },
+      className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors w-full sm:w-auto py-2 sm:py-0 outline-none"
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React12.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: isSaveDisabled,
+      isLoading: isSubmitting,
+      className: "min-w-32 w-full sm:w-auto"
+    },
+    "Save Changes"
+  ))))), isPinModalOpen && /* @__PURE__ */ React12.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePinModal }), /* @__PURE__ */ React12.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React12.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ React12.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CancelCircleIcon, size: 18 }))), /* @__PURE__ */ React12.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: Loading03Icon2, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ React12.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ React12.createElement(
+    TextInput,
+    {
+      type: "password",
+      label: "Old PIN",
+      maxLength: 4,
+      disabled: isPinSubmitting,
+      value: oldPin,
+      onChange: (val) => handlePinInput(val, setOldPin),
+      placeholder: "\u2022\u2022\u2022\u2022"
+    }
+  ), /* @__PURE__ */ React12.createElement(
+    TextInput,
+    {
+      type: "password",
+      label: hasPin ? "New PIN" : "Enter 4-Digit PIN",
+      maxLength: 4,
+      disabled: isPinSubmitting,
+      value: newPin,
+      onChange: (val) => handlePinInput(val, setNewPin),
+      placeholder: "\u2022\u2022\u2022\u2022"
+    }
+  ), /* @__PURE__ */ React12.createElement(
+    TextInput,
+    {
+      type: "password",
+      label: "Retype New PIN",
+      maxLength: 4,
+      disabled: isPinSubmitting,
+      value: confirmPin,
+      onChange: (val) => handlePinInput(val, setConfirmPin),
+      placeholder: "\u2022\u2022\u2022\u2022"
+    }
+  ), /* @__PURE__ */ React12.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React12.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: isPinSubmitting || newPin.length !== 4 || confirmPin.length !== 4 || hasPin && oldPin.length !== 4,
+      isLoading: isPinSubmitting,
+      className: "w-full py-3"
+    },
+    hasPin ? "Update PIN" : "Set PIN"
+  )))))));
+};
+
+// src/components/UniversalErrorView.tsx
+import React14 from "react";
+import { HugeiconsIcon as HugeiconsIcon8 } from "@hugeicons/react";
+import { ConfusedIcon } from "@hugeicons/core-free-icons";
+
+// src/components/PageSpinner.tsx
+import React13 from "react";
+import { HugeiconsIcon as HugeiconsIcon7 } from "@hugeicons/react";
+import { Loading03Icon as Loading03Icon3 } from "@hugeicons/core-free-icons";
+var PageSpinner = ({
+  className = "",
+  iconClassName = "text-black",
+  size = 32
+}) => {
+  return (
+    // z-[100] ensures it sits above absolute headers and modals
+    /* @__PURE__ */ React13.createElement("div", { className: `fixed inset-0 z-100 flex flex-col items-center justify-center w-full h-full pointer-events-none ${className}` }, /* @__PURE__ */ React13.createElement(
+      HugeiconsIcon7,
+      {
+        icon: Loading03Icon3,
+        size,
+        className: `animate-spin mb-4 ${iconClassName}`
+      }
+    ))
+  );
+};
+
+// src/components/UniversalErrorView.tsx
+var UniversalErrorView = ({
+  isBooting,
+  isLoading,
+  activeData,
+  activeError,
+  envName,
+  onRetry,
+  returnUrl = "/app",
+  returnLabel = "Return to Workspace"
+}) => {
+  if (isBooting || isLoading && !activeData) {
+    return /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center h-screen w-full bg-white" }, /* @__PURE__ */ React14.createElement(PageSpinner, null));
+  }
+  if (!isLoading && (!activeData || activeError)) {
+    const errorString = typeof activeError === "string" ? activeError : JSON.stringify(activeError || "");
+    const errorMsg = errorString.toLowerCase();
+    const isPermissionError = errorMsg.includes("forbidden") || errorMsg.includes("unauthorized") || errorMsg.includes("permission");
+    const isNetworkError = errorMsg.includes("network") || errorMsg.includes("connection") || errorMsg.includes("fetch");
+    const isNotFoundError = errorMsg.includes("not found") || errorMsg.includes("404") || errorMsg.includes("does not exist") || !activeData && !isPermissionError && !isNetworkError;
+    const apiMessage = typeof activeError === "string" && activeError.trim() !== "" ? activeError : null;
+    let title = "Oops Connection Error";
+    let description = apiMessage || `We could not load your request. Please check your connection and try again.`;
+    let IconComponent = ConfusedIcon;
+    if (isNotFoundError) {
+      title = "Oops its not your fault";
+      description = apiMessage || `We could not reach the ${envName} you just loaded. Our team has been notified.`;
+    } else if (isPermissionError) {
+      title = "Access Restricted";
+      description = apiMessage || `You have insufficient permissions to view this ${envName}. Please contact your administrator.`;
+    }
+    return /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col items-center justify-center h-screen w-full px-4 animate-in fade-in duration-500" }, /* @__PURE__ */ React14.createElement("div", { className: "mb-4 flex justify-center" }, /* @__PURE__ */ React14.createElement(HugeiconsIcon8, { icon: IconComponent, size: 48, className: "text-neutral-300" })), /* @__PURE__ */ React14.createElement("h2", { className: "text-lg text-black tracking-tight font-medium" }, title), /* @__PURE__ */ React14.createElement("p", { className: "text-xs mt-2 mb-8 text-neutral-500 max-w-sm text-center leading-relaxed" }, description), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col sm:flex-row items-center gap-3 w-full justify-center sm:w-auto" }, isNotFoundError || isPermissionError ? /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        onClick: () => window.location.href = returnUrl,
+        className: "px-6 py-2 text-black border border-neutral-200 hover:bg-neutral-50 rounded-full text-[11px] tracking-widest transition-colors w-full sm:w-auto outline-none font-medium"
+      },
+      returnLabel
+    ) : (
+      // Soft errors (Network timeouts) allow them to retry or optionally retreat
+      /* @__PURE__ */ React14.createElement(React14.Fragment, null, envName.toLowerCase().includes("application") && /* @__PURE__ */ React14.createElement(
+        "button",
+        {
+          onClick: () => window.location.href = returnUrl,
+          className: "px-6 py-2 bg-transparent border border-neutral-200 text-neutral-500 hover:text-black hover:bg-neutral-50 rounded-full text-[11px] tracking-widest transition-colors w-full sm:w-auto outline-none font-medium"
+        },
+        "Back Home"
+      ), /* @__PURE__ */ React14.createElement(
+        "button",
+        {
+          onClick: onRetry,
+          className: "px-6 py-2 bg-black text-white hover:bg-neutral-800 rounded-full text-[11px] tracking-widest transition-colors w-full sm:w-auto outline-none capitalize font-medium"
+        },
+        "Refresh ",
+        envName
+      ))
+    )));
+  }
+  return null;
+};
+
+// src/components/UniversalTransactionPage.tsx
+import React15, { useState as useState8, useEffect as useEffect6, useRef as useRef3 } from "react";
+import { HugeiconsIcon as HugeiconsIcon9 } from "@hugeicons/react";
+import toast4 from "react-hot-toast";
+import {
+  ArrowLeft01Icon,
+  ArrowRight01Icon,
+  Loading03Icon as Loading03Icon4,
+  ArrowDownRight01Icon,
+  ArrowUpRight01Icon,
+  Search01Icon,
+  SearchList02Icon,
+  ListSettingIcon,
+  CancelCircleIcon as CancelCircleIcon2
+} from "@hugeicons/core-free-icons";
+var PageSpinner2 = () => /* @__PURE__ */ React15.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: Loading03Icon4, size: 32, className: "animate-spin mb-4 text-black" }));
+var formatDate = (dateInput) => {
+  const d = new Date(dateInput);
+  const day = d.getDate();
+  const month = d.toLocaleString("en-US", { month: "short" });
+  const year = d.getFullYear();
+  return `${day} ${month} ${year}`;
+};
+var formatTime = (dateInput) => {
+  return new Date(dateInput).toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" });
+};
+var truncateAddress = (address) => {
+  if (!address || address.length < 12) return address;
+  return `${address.substring(0, 6)}...${address.substring(address.length - 4)}`;
+};
+var UniversalTransactionPage = ({
+  headerTitle,
+  headerDescription,
+  hideControls = false,
+  hideBalanceAmounts = false,
+  hidePagination = false,
+  transactions,
+  isLoading,
+  currentPage,
+  totalPages,
+  onPageChange,
+  searchQuery,
+  onSearchChange,
+  activeDirectionFilter,
+  onDirectionFilterChange,
+  activeTypeFilter,
+  onTypeFilterChange,
+  onReportTransaction,
+  onGenerateReceipt
+}) => {
+  const [selectedTransaction, setSelectedTransaction] = useState8(null);
+  const [isGeneratingReceipt, setIsGeneratingReceipt] = useState8(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState8(searchQuery);
+  const [isTyping, setIsTyping] = useState8(false);
+  const [isDirectionModalOpen, setIsDirectionModalOpen] = useState8(false);
+  const [isTypeModalOpen, setIsTypeModalOpen] = useState8(false);
+  const directionDropdownRef = useRef3(null);
+  const typeDropdownRef = useRef3(null);
+  useEffect6(() => {
+    function handleClickOutside(event) {
+      if (directionDropdownRef.current && !directionDropdownRef.current.contains(event.target)) {
+        setIsDirectionModalOpen(false);
+      }
+      if (typeDropdownRef.current && !typeDropdownRef.current.contains(event.target)) {
+        setIsTypeModalOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  useEffect6(() => {
+    setIsTyping(true);
+    const handler = setTimeout(() => {
+      onSearchChange(localSearchQuery);
+      setIsTyping(false);
+    }, 600);
+    return () => clearTimeout(handler);
+  }, [localSearchQuery, onSearchChange]);
+  useEffect6(() => {
+    if (searchQuery === "" && localSearchQuery !== "") {
+      setLocalSearchQuery("");
+    }
+  }, [searchQuery]);
+  const getDisplayName = (tx) => {
+    if (tx.metadata?.merchantName) return tx.metadata.merchantName;
+    if (tx.metadata?.description) return tx.metadata.description;
+    return tx.type === "CARD_TRANSACTION" ? "Card Transaction" : "Wallet Transaction";
+  };
+  const handleGenerateReceipt = async () => {
+    if (!onGenerateReceipt || !selectedTransaction) return;
+    setIsGeneratingReceipt(true);
+    try {
+      await onGenerateReceipt(selectedTransaction);
+      toast4.success("Receipt generated successfully.");
+    } catch (error) {
+      toast4.error("Failed to generate receipt.");
+    } finally {
+      setIsGeneratingReceipt(false);
+    }
+  };
+  const isListLoading = isLoading || isTyping;
+  return /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, /* @__PURE__ */ React15.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React15.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Search reference or amount...",
+      value: localSearchQuery,
+      onChange: (e) => setLocalSearchQuery(e.target.value),
+      className: "w-full pl-10 pr-4 py-2 bg-white  rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-colors focus:border-black"
+    }
+  )), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 w-full sm:w-auto overflow-x-auto pb-1 sm:pb-0" }, /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => setIsDirectionModalOpen(true),
+      className: "flex items-center gap-2 whitespace-nowrap bg-white  px-5 py-2 rounded-full text-[12px] text-neutral-500 hover:text-black transition-colors outline-none"
+    },
+    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: SearchList02Icon, size: 12 }),
+    activeDirectionFilter === "ALL" ? "Payment Type" : activeDirectionFilter
+  ), /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => setIsTypeModalOpen(true),
+      className: "flex items-center gap-2 whitespace-nowrap bg-white  px-5 py-2 rounded-full text-[12px] text-neutral-500 hover:text-black transition-colors outline-none"
+    },
+    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ListSettingIcon, size: 14 }),
+    activeTypeFilter === "ALL" ? "All Transactions" : activeTypeFilter.replace("_", " ")
+  ))), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white  w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React15.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ React15.createElement(PageSpinner2, null) : /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React15.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ React15.createElement(
+    "div",
+    {
+      key: tx.id,
+      onClick: () => setSelectedTransaction(tx),
+      className: "flex items-center justify-between py-4 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
+    },
+    /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React15.createElement("div", { className: `w-10 h-10 shrink-0 rounded-full flex items-center justify-center bg-neutral-100  text-black` }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: tx.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 18 })), /* @__PURE__ */ React15.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React15.createElement("p", { className: "text-[13px] text-black truncate" }, getDisplayName(tx)), /* @__PURE__ */ React15.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, tx.direction === "CREDIT" ? "+" : "-", tx.amount, " ", tx.currency))),
+    /* @__PURE__ */ React15.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] text-neutral-400" }, formatDate(tx.createdAt)), /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] text-neutral-400 capitalize" }, tx.direction.toLowerCase()))
+  ))), !hidePagination && /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => onPageChange(currentPage - 1),
+      disabled: currentPage <= 1 || isListLoading,
+      className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
+    },
+    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowLeft01Icon, size: 14 })
+  ), /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => onPageChange(currentPage + 1),
+      disabled: currentPage >= totalPages || isListLoading || totalPages === 0,
+      className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
+    },
+    /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowRight01Icon, size: 14 })
+  )))))), selectedTransaction && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React15.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React15.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React15.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100  text-black` }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React15.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ React15.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full  bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ React15.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black" }, formatDate(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase())), selectedTransaction.metadata?.fromAddress && selectedTransaction.metadata?.toAddress && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transfer Route"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 text-[13px] text-black" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate font-medium" }, truncateAddress(String(selectedTransaction.metadata.fromAddress))), /* @__PURE__ */ React15.createElement("span", { className: "text-neutral-400" }, "\u2192"), /* @__PURE__ */ React15.createElement("span", { className: "truncate font-medium" }, truncateAddress(String(selectedTransaction.metadata.toAddress))))), selectedTransaction.metadata && Object.entries(selectedTransaction.metadata).map(([key, value]) => {
+    if (key === "fromAddress" || key === "toAddress") return null;
+    if (value === null || value === void 0 || typeof value === "object") return null;
+    const formattedKey = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
+    return /* @__PURE__ */ React15.createElement("div", { key }, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, formattedKey), /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black break-all" }, String(value)));
+  })), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React15.createElement(
+    ThreeDActionButton,
+    {
+      onClick: handleGenerateReceipt,
+      isLoading: isGeneratingReceipt,
+      className: "w-full py-3 text-[14px]"
+    },
+    "Generate Receipt"
+  ), /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => onReportTransaction && onReportTransaction(selectedTransaction),
+      className: "w-full flex items-center font-medium justify-center py-2.5 rounded-full border border-neutral-200  text-black hover:bg-neutral-50 transition-colors outline-none text-[13px] tracking-wide mt-2"
+    },
+    "Report Transaction"
+  ), selectedTransaction.type === "WALLET_TRANSACTION" && /* @__PURE__ */ React15.createElement(
+    "a",
+    {
+      href: `https://basescan.org/tx/${selectedTransaction.reference}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "w-full flex items-center font-medium justify-center py-2.5 rounded-full border border-neutral-200  text-black hover:bg-neutral-50 transition-colors outline-none text-[13px] tracking-wide mt-2"
+    },
+    "View in block explorer"
+  ))))), isDirectionModalOpen && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setIsDirectionModalOpen(false) }), /* @__PURE__ */ React15.createElement("div", { ref: directionDropdownRef, className: "relative w-72 bg-white  shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React15.createElement("div", { className: "p-6 text-center w-full  mb-2" }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Payment Type")), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, ["ALL", "CREDIT", "DEBIT"].map((option) => /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      key: option,
+      onClick: () => {
+        onDirectionFilterChange(option);
+        setIsDirectionModalOpen(false);
+      },
+      className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeDirectionFilter === option ? "bg-neutral-100 text-black font-medium" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
+    },
+    /* @__PURE__ */ React15.createElement("span", { className: "truncate pr-2" }, option.charAt(0).toUpperCase() + option.slice(1).toLowerCase())
+  ))), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex mt-2 " }, /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => setIsDirectionModalOpen(false),
+      className: "w-full py-4 text-[13px] text-neutral-500 hover:text-black transition-colors outline-none font-medium"
+    },
+    "Cancel"
+  )))), isTypeModalOpen && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setIsTypeModalOpen(false) }), /* @__PURE__ */ React15.createElement("div", { ref: typeDropdownRef, className: "relative w-72 bg-white  shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React15.createElement("div", { className: "p-6 text-center w-full  mb-2" }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Transactions Type")), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, [
+    { label: "All Transactions", value: "ALL" },
+    { label: "Wallet Transactions", value: "WALLET_TRANSACTION" },
+    { label: "Card Transactions", value: "CARD_TRANSACTION" }
+  ].map((option) => /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      key: option.value,
+      onClick: () => {
+        onTypeFilterChange(option.value);
+        setIsTypeModalOpen(false);
+      },
+      className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeTypeFilter === option.value ? "bg-neutral-100 text-black font-medium" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
+    },
+    /* @__PURE__ */ React15.createElement("span", { className: "truncate pr-2" }, option.label.charAt(0).toUpperCase() + option.label.slice(1).toLowerCase())
+  ))), /* @__PURE__ */ React15.createElement("div", { className: "w-full flex mt-2 " }, /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      onClick: () => setIsTypeModalOpen(false),
+      className: "w-full py-4 text-[13px] text-neutral-500 hover:text-black transition-colors outline-none font-medium"
+    },
+    "Cancel"
+  )))));
+};
+
+// src/components/UniversalHomeView.tsx
+import React16, { useState as useState9, useEffect as useEffect7 } from "react";
+import { HugeiconsIcon as HugeiconsIcon10 } from "@hugeicons/react";
+import { ViewOffSlashIcon, ViewIcon } from "@hugeicons/core-free-icons";
+var UniversalHomeView = ({
+  balanceLabel = "Your Balance",
+  balanceAmount,
+  balanceCurrency = "$",
+  primaryAction,
+  secondaryAction,
+  transactionsProps
+}) => {
+  const [displayAmount, setDisplayAmount] = useState9("0.00");
+  const [isBalanceHidden, setIsBalanceHidden] = useState9(false);
+  useEffect7(() => {
+    const target = parseFloat(balanceAmount.replace(/,/g, ""));
+    if (isNaN(target)) {
+      setDisplayAmount(balanceAmount);
+      return;
+    }
+    let startTimestamp = null;
+    const duration = 1e3;
+    const step = (timestamp) => {
+      if (!startTimestamp) startTimestamp = timestamp;
+      const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+      const easeProgress = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
+      const currentCount = easeProgress * target;
+      setDisplayAmount(currentCount.toLocaleString("en-US", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }));
+      if (progress < 1) {
+        requestAnimationFrame(step);
+      } else {
+        setDisplayAmount(target.toLocaleString("en-US", {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        }));
+      }
+    };
+    requestAnimationFrame(step);
+  }, [balanceAmount]);
+  const [intPart, decPart] = displayAmount.includes(".") ? displayAmount.split(".") : [displayAmount, "00"];
+  return /* @__PURE__ */ React16.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React16.createElement("div", { className: "relative flex items-start justify-between w-full pt-4 pb-8" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col items-start text-left z-10 w-full" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1.5" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, balanceLabel), /* @__PURE__ */ React16.createElement(
+    "button",
+    {
+      onClick: () => setIsBalanceHidden(!isBalanceHidden),
+      className: "text-neutral-400 hover:text-black transition-colors outline-none"
+    },
+    /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: isBalanceHidden ? ViewIcon : ViewOffSlashIcon, size: 14 })
+  )), /* @__PURE__ */ React16.createElement("h1", { className: `text-3xl sm:text-4xl md:text-5xl text-black tracking-tight mb-5 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ React16.createElement("span", { className: "text-xl sm:text-2xl text-neutral-400 mr-1" }, balanceCurrency), intPart, /* @__PURE__ */ React16.createElement("span", { className: "text-xl sm:text-2xl text-neutral-400" }, ".", decPart)), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-3" }, primaryAction && /* @__PURE__ */ React16.createElement(
+    ThreeDActionButton,
+    {
+      onClick: primaryAction.onClick,
+      className: "px-6 py-2.5 sm:px-8 sm:py-2.5"
+    },
+    /* @__PURE__ */ React16.createElement("span", { className: "flex items-center gap-1.5 text-[13px] tracking-wide font-medium" }, primaryAction.label, primaryAction.icon && /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: primaryAction.icon, size: 16 }))
+  ), secondaryAction && /* @__PURE__ */ React16.createElement(
+    "button",
+    {
+      onClick: secondaryAction.onClick,
+      className: "flex items-center gap-1.5 px-6 py-2.5 sm:px-8 sm:py-2.5 rounded-full  border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
+    },
+    /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] tracking-wide font-medium" }, secondaryAction.label),
+    secondaryAction.icon && /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: secondaryAction.icon, size: 16 })
+  )))), /* @__PURE__ */ React16.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React16.createElement(
+    UniversalTransactionPage,
+    {
+      ...transactionsProps,
+      hideControls: true,
+      hideBalanceAmounts: isBalanceHidden,
+      hidePagination: true
+    }
+  )));
+};
+
+// src/components/UniversalWalletPage.tsx
+import React17, { useState as useState10 } from "react";
+import toast5 from "react-hot-toast";
+import { HugeiconsIcon as HugeiconsIcon11 } from "@hugeicons/react";
+import {
+  Search01Icon as Search01Icon2,
+  CancelCircleIcon as CancelCircleIcon3,
+  Loading03Icon as Loading03Icon5
+} from "@hugeicons/core-free-icons";
+var PageSpinner3 = () => /* @__PURE__ */ React17.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 32, className: "animate-spin mb-4 text-black" }));
+var WalletLogo = ({ src, alt, sizeClass = "w-10 h-10" }) => {
+  const [isLoaded, setIsLoaded] = useState10(false);
+  return /* @__PURE__ */ React17.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden  ${sizeClass}` }, !isLoaded && /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ React17.createElement(
+    "img",
+    {
+      src,
+      alt,
+      onLoad: () => setIsLoaded(true),
+      className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}`
+    }
+  ));
+};
+var UniversalWalletPage = ({
+  headerTitle,
+  headerDescription,
+  hideControls = false,
+  hideBalanceAmounts = false,
+  isGeneratingStatement = false,
+  wallets,
+  isLoading = false,
+  renderQrCode,
+  onDownloadPayId,
+  onCopyAddress
+}) => {
+  const [selectedWallet, setSelectedWallet] = useState10(null);
+  const [localSearchQuery, setLocalSearchQuery] = useState10("");
+  const filteredWallets = wallets.filter((wallet) => {
+    const q = localSearchQuery.toLowerCase();
+    return wallet.name.toLowerCase().includes(q) || wallet.currency.toLowerCase().includes(q) || wallet.network.toLowerCase().includes(q);
+  });
+  const handleCopy = (wallet) => {
+    if (onCopyAddress) onCopyAddress(wallet);
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      navigator.clipboard.writeText(wallet.address).catch(() => {
+      });
+    }
+    toast5.success("Address copied to clipboard");
+  };
+  return /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, /* @__PURE__ */ React17.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React17.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Search wallets by name or network...",
+      value: localSearchQuery,
+      onChange: (e) => setLocalSearchQuery(e.target.value),
+      className: "w-full pl-10 pr-4 py-2 bg-white border border-neutral-200 rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-all duration-300 focus:border-black"
+    }
+  ))), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React17.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React17.createElement(PageSpinner3, null) : /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React17.createElement("div", null, filteredWallets.length === 0 ? /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ React17.createElement(
+    "div",
+    {
+      key: wallet.id,
+      onClick: () => setSelectedWallet(wallet),
+      className: "flex items-center justify-between py-4 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
+    },
+    /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React17.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ React17.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React17.createElement("p", { className: "text-[13px] text-black truncate font-medium" }, wallet.name), /* @__PURE__ */ React17.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
+    /* @__PURE__ */ React17.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React17.createElement("span", { className: "text-[10px] tracking-wide text-neutral-600 bg-neutral-100 px-2.5 py-1 rounded-full " }, wallet.network))
+  )))))), selectedWallet && /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedWallet(null) }), /* @__PURE__ */ React17.createElement("div", { className: "relative w-full max-w-sm bg-white  rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React17.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ React17.createElement("button", { onClick: () => setSelectedWallet(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: CancelCircleIcon3, size: 18 }))), /* @__PURE__ */ React17.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-6" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React17.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ React17.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ React17.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full border border-neutral-200 uppercase mt-1 " }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ React17.createElement("div", { className: "w-full flex justify-center mb-6 mix-blend-multiply" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React17.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ React17.createElement("span", { className: "text-[13px] text-black break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ React17.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React17.createElement(
+    ThreeDActionButton,
+    {
+      onClick: () => onDownloadPayId && onDownloadPayId(selectedWallet),
+      isLoading: isGeneratingStatement,
+      className: "w-full py-3 text-[13px]"
+    },
+    "Generate Statement"
+  ), /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      onClick: () => handleCopy(selectedWallet),
+      className: "w-full flex font-medium items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 outline-none text-[13px] tracking-wide transition-colors"
+    },
+    "Copy Wallet Address"
+  ))))));
+};
+
+// src/components/UniversalCardPage.tsx
+import React18, { useState as useState11 } from "react";
+import { HugeiconsIcon as HugeiconsIcon12 } from "@hugeicons/react";
+import {
+  EyeIcon,
+  SnowIcon,
+  Settings02Icon,
+  Delete02Icon,
+  ArrowRight01Icon as ArrowRight01Icon2
+} from "@hugeicons/core-free-icons";
+var UniversalCardPage = ({
+  cardHolderName,
+  cardNumber,
+  expiry,
+  cvv,
+  cardBgSrc,
+  companyLogoSrc,
+  networkLogoSrc,
+  onReveal,
+  onFreeze,
+  onSetLimits,
+  onDelete
+}) => {
+  const [isFlipped, setIsFlipped] = useState11(false);
+  return /* @__PURE__ */ React18.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full px-4 pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ React18.createElement(
+    "div",
+    {
+      onClick: () => setIsFlipped(!isFlipped),
+      className: "relative w-full h-50.5 cursor-pointer transition-transform duration-700",
+      style: {
+        transformStyle: "preserve-3d",
+        transform: isFlipped ? "rotateY(180deg)" : "rotateY(0deg)"
+      }
+    },
+    /* @__PURE__ */ React18.createElement(
+      "div",
+      {
+        className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden shadow-xl",
+        style: { backfaceVisibility: "hidden" }
+      },
+      /* @__PURE__ */ React18.createElement(
+        "div",
+        {
+          className: "absolute inset-0 bg-cover bg-center",
+          style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
+        }
+      ),
+      /* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("span", { className: "text-[13px] text-white/70 font-medium" }, "Prepaid Card")), companyLogoSrc && /* @__PURE__ */ React18.createElement("img", { src: companyLogoSrc, alt: "Company Logo", className: "h-6 object-contain opacity-90" })), /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "Card Number"), /* @__PURE__ */ React18.createElement("span", { className: "text-[18px] text-white tracking-widest font-light" }, cardNumber)), networkLogoSrc && /* @__PURE__ */ React18.createElement("img", { src: networkLogoSrc, alt: "Network Logo", className: "h-10 object-contain opacity-90" })))
+    ),
+    /* @__PURE__ */ React18.createElement(
+      "div",
+      {
+        className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden shadow-xl",
+        style: {
+          backfaceVisibility: "hidden",
+          transform: "rotateY(180deg)"
+        }
+      },
+      /* @__PURE__ */ React18.createElement(
+        "div",
+        {
+          className: "absolute inset-0 bg-cover bg-center",
+          style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
+        }
+      ),
+      /* @__PURE__ */ React18.createElement("div", { className: "absolute top-6 left-0 right-0 h-10 bg-black/80 w-full" }),
+      /* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React18.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ React18.createElement("span", { className: "text-[16px] text-white font-light" }, expiry)), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ React18.createElement("span", { className: "text-[16px] text-white font-light" }, cvv))))
+    )
+  )), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React18.createElement("div", { className: "w-full px-4 flex flex-col gap-4" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full bg-white  rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement(
+    MenuRow,
+    {
+      icon: EyeIcon,
+      title: "Reveal Information",
+      subtitle: "Show card informations",
+      onClick: onReveal
+    }
+  ), /* @__PURE__ */ React18.createElement(
+    MenuRow,
+    {
+      icon: SnowIcon,
+      title: "Freeze",
+      subtitle: "Freeze & Unfreeze card",
+      onClick: onFreeze
+    }
+  ), /* @__PURE__ */ React18.createElement(
+    MenuRow,
+    {
+      icon: Settings02Icon,
+      title: "Set Limits",
+      subtitle: "Set card limits",
+      onClick: onSetLimits,
+      isLast: true
+    }
+  )), /* @__PURE__ */ React18.createElement("div", { className: "w-full bg-white  rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement(
+    MenuRow,
+    {
+      icon: Delete02Icon,
+      title: "Delete card",
+      subtitle: "Permanently delete card",
+      onClick: onDelete,
+      isLast: true
+    }
+  ))));
+};
+var MenuRow = ({ icon, title, subtitle, onClick, iconColor = "text-black", titleColor = "text-black", isLast = false }) => /* @__PURE__ */ React18.createElement(
+  "div",
+  {
+    onClick,
+    className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "border-b border-neutral-100" : ""}`
+  },
+  /* @__PURE__ */ React18.createElement("div", { className: "w-10 h-10 rounded-full bg-neutral-100 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon, size: 20, className: iconColor })),
+  /* @__PURE__ */ React18.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React18.createElement("p", { className: `text-[15px] font-medium truncate ${titleColor}` }, title), /* @__PURE__ */ React18.createElement("p", { className: "text-[13px] text-neutral-500 truncate" }, subtitle)),
+  /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: ArrowRight01Icon2, size: 20, className: "text-neutral-400 shrink-0 ml-2" })
+);
+
+// src/components/UniversalProfilePage.tsx
+import React19 from "react";
+import { HugeiconsIcon as HugeiconsIcon13 } from "@hugeicons/react";
+import {
+  UserIcon,
+  LockKeyIcon as LockKeyIcon2,
+  Notification03Icon,
+  HelpCircleIcon,
+  Shield01Icon,
+  Download04Icon,
+  Logout03Icon,
+  Delete02Icon as Delete02Icon2,
+  ArrowRight01Icon as ArrowRight01Icon3
+} from "@hugeicons/core-free-icons";
+var UniversalProfilePage = ({
+  avatarSrc,
+  roleName,
+  memberSince,
+  onAccountTap,
+  onSecurityTap,
+  onNotificationsTap,
+  onHelpTap,
+  onVerificationsTap,
+  onExportTap,
+  onLogoutTap,
+  onDeleteTap
+}) => {
+  return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React19.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-24 h-24 rounded-full bg-white  p-1 mb-4 shadow-sm flex items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React19.createElement(
+    "img",
+    {
+      src: avatarSrc,
+      alt: "User Avatar",
+      className: "w-full h-full object-cover"
+    }
+  ) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React19.createElement("div", { className: "bg-white  rounded-full px-5 py-2 flex items-center justify-center gap-2 shadow-sm mb-3" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[14px] font-medium text-black" }, roleName), /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ React19.createElement("div", { className: "w-full px-4 flex flex-col gap-4 mt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white  rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: UserIcon,
+      title: "Account",
+      subtitle: "Your account details",
+      onClick: onAccountTap
+    }
+  ), /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: LockKeyIcon2,
+      title: "Security",
+      subtitle: "2FA & authentication",
+      onClick: onSecurityTap
+    }
+  ), /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: Notification03Icon,
+      title: "Notifications",
+      subtitle: "Manage notifications",
+      onClick: onNotificationsTap
+    }
+  ), /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: HelpCircleIcon,
+      title: "Get Help",
+      subtitle: "24/7 Support",
+      onClick: onHelpTap,
+      isLast: true
+    }
+  )), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white  rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: Shield01Icon,
+      title: "Verifications",
+      subtitle: "Account Verifications",
+      onClick: onVerificationsTap
+    }
+  ), /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: Download04Icon,
+      title: "Export Account",
+      subtitle: "Transfer your account",
+      onClick: onExportTap
+    }
+  ), /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: Logout03Icon,
+      title: "LogOut",
+      subtitle: "End your session",
+      onClick: onLogoutTap,
+      isLast: true
+    }
+  )), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden shadow-sm mb-4" }, /* @__PURE__ */ React19.createElement(
+    MenuRow2,
+    {
+      icon: Delete02Icon2,
+      title: "Delete Account",
+      subtitle: "Remove account",
+      onClick: onDeleteTap,
+      isLast: true
+    }
+  ))));
+};
+var MenuRow2 = ({ icon, title, subtitle, onClick, iconColor = "text-black", titleColor = "text-black", isLast = false }) => /* @__PURE__ */ React19.createElement(
+  "div",
+  {
+    onClick,
+    className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "border-b border-neutral-100" : ""}`
+  },
+  /* @__PURE__ */ React19.createElement("div", { className: "w-10 h-10 rounded-full bg-neutral-100 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon, size: 20, className: iconColor })),
+  /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("p", { className: `text-[15px] font-medium truncate ${titleColor}` }, title), /* @__PURE__ */ React19.createElement("p", { className: "text-[13px] text-neutral-500 truncate" }, subtitle)),
+  /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 20, className: "text-neutral-400 shrink-0 ml-2" })
+);
+
+// src/components/HeroSection.tsx
+import React21, { useState as useState13, useEffect as useEffect8, useRef as useRef4 } from "react";
+import Link5 from "next/link";
+import Image2 from "next/image";
+
 // src/components/WaitlistDialog.tsx
+import React20, { useState as useState12 } from "react";
+import { toast as toast6 } from "react-hot-toast";
 var WaitlistDialog = ({ isOpen, onClose }) => {
-  const [email, setEmail] = useState4("");
-  const [isLoading, setIsLoading] = useState4(false);
+  const [email, setEmail] = useState12("");
+  const [isLoading, setIsLoading] = useState12(false);
   if (!isOpen) return null;
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      toast.error("Please enter a valid email address.");
+      toast6.error("Please enter a valid email address.");
       return;
     }
     setIsLoading(true);
@@ -423,24 +1855,24 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
       });
       const data = await response.json();
       if (response.ok && data.success) {
-        toast.success(data.message || "You've been added to the waitlist!");
+        toast6.success(data.message || "You've been added to the waitlist!");
         setEmail("");
         onClose();
       } else {
-        toast.error(data.error || "Something went wrong. Please try again.");
+        toast6.error(data.error || "Something went wrong. Please try again.");
       }
     } catch (error) {
-      toast.error("Network error. Please check your connection.");
+      toast6.error("Network error. Please check your connection.");
     } finally {
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60" }, /* @__PURE__ */ React7.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/40" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React20.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__ */ React7.createElement(
+    /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: onClose,
@@ -448,7 +1880,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__ */ React7.createElement(
+      /* @__PURE__ */ React20.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -461,11 +1893,11 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React7.createElement("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ React7.createElement("path", { d: "m6 6 12 12" })
+        /* @__PURE__ */ React20.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ React20.createElement("path", { d: "m6 6 12 12" })
       )
     ),
-    /* @__PURE__ */ React7.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React7.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React7.createElement("h2", { className: "text-2xl  gradient-text tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React7.createElement("p", { className: "text-[13px] text-neutral-500  leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ React7.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React20.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React20.createElement("p", { className: "text-[13px] text-neutral-500  leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ React20.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React20.createElement(
       TextInput,
       {
         label: "Email ID",
@@ -475,7 +1907,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
         placeholder: "name@example.com",
         disabled: isLoading
       }
-    ), /* @__PURE__ */ React7.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       ThreeDActionButton,
       {
         type: "submit",
@@ -508,10 +1940,10 @@ var HeroSection = ({
   bgImageSrc,
   isWaitlist = false
 }) => {
-  const [isAnimating, setIsAnimating] = useState5(false);
-  const [isWaitlistOpen, setIsWaitlistOpen] = useState5(false);
-  const titleRef = useRef2(null);
-  useEffect3(() => {
+  const [isAnimating, setIsAnimating] = useState13(false);
+  const [isWaitlistOpen, setIsWaitlistOpen] = useState13(false);
+  const titleRef = useRef4(null);
+  useEffect8(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -533,7 +1965,7 @@ var HeroSection = ({
       setIsWaitlistOpen(true);
     }
   };
-  return /* @__PURE__ */ React8.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center  p-4" }, /* @__PURE__ */ React8.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React21.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center  p-4" }, /* @__PURE__ */ React21.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ React21.createElement(
     "video",
     {
       src: bgVideoSrc,
@@ -544,7 +1976,7 @@ var HeroSection = ({
       playsInline: true,
       className: "absolute inset-0 h-full w-full object-cover z-0"
     }
-  ) : bgImageSrc ? /* @__PURE__ */ React8.createElement(
+  ) : bgImageSrc ? /* @__PURE__ */ React21.createElement(
     Image2,
     {
       src: bgImageSrc,
@@ -553,7 +1985,7 @@ var HeroSection = ({
       priority: true,
       className: "absolute inset-0 h-full w-full object-cover z-0"
     }
-  ) : null, /* @__PURE__ */ React8.createElement(
+  ) : null, /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: "pointer-events-none absolute inset-0 z-10 opacity-[0.7] mix-blend-overlay",
@@ -561,31 +1993,31 @@ 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__ */ React8.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-b from-black/30 via-transparent to-black/80 z-10" }), /* @__PURE__ */ React8.createElement("div", { className: "absolute bottom-0 left-0 right-0 px-4 pb-4 sm:px-6 md:px-10 z-20" }, /* @__PURE__ */ React8.createElement("div", { className: "grid grid-cols-12 items-end gap-4" }, /* @__PURE__ */ React8.createElement("div", { className: "col-span-12 lg:col-span-8" }, /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React21.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-b from-black/30 via-transparent to-black/80 z-10" }), /* @__PURE__ */ React21.createElement("div", { className: "absolute bottom-0 left-0 right-0 px-4 pb-4 sm:px-6 md:px-10 z-20" }, /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-12 items-end gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "col-span-12 lg:col-span-8" }, /* @__PURE__ */ React21.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__ */ React8.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ React8.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ React8.createElement("br", null), highlightText, /* @__PURE__ */ React8.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
-  )), /* @__PURE__ */ React8.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ React8.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__ */ React8.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__ */ React8.createElement(
-    Link4,
+    /* @__PURE__ */ React21.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ React21.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ React21.createElement("br", null), highlightText, /* @__PURE__ */ React21.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
+  )), /* @__PURE__ */ React21.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ React21.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__ */ React21.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__ */ React21.createElement(
+    Link5,
     {
       href: isWaitlist ? "#" : ctaHref || "#",
       onClick: handleCtaClick,
       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__ */ React8.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ React8.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__ */ React8.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React8.createElement("path", { d: "m12 5 7 7-7 7" })))
-  ), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React8.createElement(
-    Link4,
+    /* @__PURE__ */ React21.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ React21.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__ */ React21.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React21.createElement("path", { d: "m12 5 7 7-7 7" })))
+  ), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React21.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__ */ React8.createElement("div", { className: "flex flex-col gap-3 mt-4" }, appsText && /* @__PURE__ */ React8.createElement("span", { className: "text-[10px] tracking-widest uppercase text-[#ffffff]/50 " }, appsText), /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-4" }, appLogos.map((logo, idx) => /* @__PURE__ */ React8.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__ */ React8.createElement(
+  )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-3 mt-4" }, appsText && /* @__PURE__ */ React21.createElement("span", { className: "text-[10px] tracking-widest uppercase text-[#ffffff]/50 " }, appsText), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4" }, appLogos.map((logo, idx) => /* @__PURE__ */ React21.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__ */ React21.createElement(
     Image2,
     {
       src: logo.src,
@@ -594,7 +2026,7 @@ var HeroSection = ({
       height: 28,
       className: "object-contain"
     }
-  ))))))))), /* @__PURE__ */ React8.createElement(
+  ))))))))), /* @__PURE__ */ React21.createElement(
     WaitlistDialog,
     {
       isOpen: isWaitlistOpen,
@@ -604,12 +2036,12 @@ var HeroSection = ({
 };
 
 // src/components/AppBento2.tsx
-import React9, { useState as useState6, useEffect as useEffect4, useRef as useRef3 } from "react";
-import { HugeiconsIcon as HugeiconsIcon3 } from "@hugeicons/react";
+import React22, { useState as useState14, useEffect as useEffect9, useRef as useRef5 } from "react";
+import { HugeiconsIcon as HugeiconsIcon14 } from "@hugeicons/react";
 var AppBento2 = ({ tagline, headline, features }) => {
-  const [isAnimating, setIsAnimating] = useState6(false);
-  const titleRef = useRef3(null);
-  useEffect4(() => {
+  const [isAnimating, setIsAnimating] = useState14(false);
+  const titleRef = useRef5(null);
+  useEffect9(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -627,7 +2059,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
     }
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ React9.createElement("div", { className: "w-full py-16" }, /* @__PURE__ */ React9.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ React9.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React9.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ React9.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React9.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React22.createElement("div", { className: "w-full py-16" }, /* @__PURE__ */ React22.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ React22.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React22.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ React22.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React22.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ React22.createElement(
     "h2",
     {
       ref: titleRef,
@@ -635,7 +2067,7 @@ var AppBento2 = ({ tagline, headline, features }) => {
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     headline
-  ))), /* @__PURE__ */ React9.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-6" }, features.map((f, i) => {
+  ))), /* @__PURE__ */ React22.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;
@@ -657,36 +2089,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__ */ React9.createElement(
+    return /* @__PURE__ */ React22.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__ */ React9.createElement(
+      /* @__PURE__ */ React22.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__ */ React9.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__ */ React9.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ React9.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__ */ React9.createElement(HugeiconsIcon3, { icon: f.icon, size: 180 }))),
-      /* @__PURE__ */ React9.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ React9.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React9.createElement("span", { className: `text-[9px]  tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ React9.createElement("div", { className: `p-2 rounded-full transition-colors ${isBlack ? "bg-white/10" : "bg-white/50 backdrop-blur-sm"}` }, /* @__PURE__ */ React9.createElement(HugeiconsIcon3, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ React9.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React9.createElement("h3", { className: `text-xl  mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ React9.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
+      isBlack && /* @__PURE__ */ React22.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__ */ React22.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ React22.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__ */ React22.createElement(HugeiconsIcon14, { icon: f.icon, size: 180 }))),
+      /* @__PURE__ */ React22.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React22.createElement("span", { className: `text-[9px]  tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ React22.createElement("div", { className: `p-2 rounded-full transition-colors ${isBlack ? "bg-white/10" : "bg-white/50 backdrop-blur-sm"}` }, /* @__PURE__ */ React22.createElement(HugeiconsIcon14, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ React22.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React22.createElement("h3", { className: `text-xl  mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ React22.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
     );
   })))));
 };
 
 // src/components/FeatureScroll.tsx
-import React10, { useRef as useRef4, useState as useState7, useEffect as useEffect5 } from "react";
+import React23, { useRef as useRef6, useState as useState15, useEffect as useEffect10 } from "react";
 import Image3 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon4 } from "@hugeicons/react";
-import { ArrowLeft01Icon, ArrowRight01Icon, Loading03Icon as Loading03Icon2 } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as HugeiconsIcon15 } from "@hugeicons/react";
+import { ArrowLeft01Icon as ArrowLeft01Icon2, ArrowRight01Icon as ArrowRight01Icon4, Loading03Icon as Loading03Icon6 } from "@hugeicons/core-free-icons";
 var FeatureCard = ({ feature, bgImage }) => {
-  const [isBgLoading, setIsBgLoading] = useState7(true);
-  const [isFgLoading, setIsFgLoading] = useState7(!!feature.image);
-  return /* @__PURE__ */ React10.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__ */ React10.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-100 rounded-2xl overflow-hidden mb-6 flex items-center justify-center" }, /* @__PURE__ */ React10.createElement(
+  const [isBgLoading, setIsBgLoading] = useState15(true);
+  const [isFgLoading, setIsFgLoading] = useState15(!!feature.image);
+  return /* @__PURE__ */ React23.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__ */ React23.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-100 rounded-2xl overflow-hidden mb-6 flex items-center justify-center" }, /* @__PURE__ */ React23.createElement(
     Image3,
     {
       src: bgImage,
@@ -699,7 +2131,7 @@ var FeatureCard = ({ feature, bgImage }) => {
                         ${isBgLoading ? "blur-xl scale-110" : "blur-0 scale-100"}
                     `
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "absolute inset-0 w-full h-full pointer-events-none z-0 opacity-[0.25] mix-blend-overlay",
@@ -707,7 +2139,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__ */ React10.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__ */ React10.createElement(HugeiconsIcon4, { icon: Loading03Icon2, size: 32, className: "animate-spin text-neutral-400" })), feature.image && /* @__PURE__ */ React10.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__ */ React10.createElement(
+  ), isFgLoading && feature.image && /* @__PURE__ */ React23.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__ */ React23.createElement(HugeiconsIcon15, { icon: Loading03Icon6, size: 32, className: "animate-spin text-neutral-400" })), feature.image && /* @__PURE__ */ React23.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__ */ React23.createElement(
     Image3,
     {
       src: feature.image,
@@ -720,12 +2152,12 @@ var FeatureCard = ({ feature, bgImage }) => {
                                 ${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
                             `
     }
-  ))), /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ React10.createElement("h3", { className: "  text-xl tracking-tight text-black mb-2" }, feature.title), /* @__PURE__ */ React10.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 max-w-[90%]" }, feature.desc)));
+  ))), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "  text-xl tracking-tight text-black mb-2" }, feature.title), /* @__PURE__ */ React23.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 max-w-[90%]" }, feature.desc)));
 };
 var FeatureScroll = ({ tagline, headline, features }) => {
-  const scrollRef = useRef4(null);
-  const [canScrollLeft, setCanScrollLeft] = useState7(false);
-  const [canScrollRight, setCanScrollRight] = useState7(true);
+  const scrollRef = useRef6(null);
+  const [canScrollLeft, setCanScrollLeft] = useState15(false);
+  const [canScrollRight, setCanScrollRight] = useState15(true);
   const checkScroll = () => {
     if (scrollRef.current) {
       const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;
@@ -733,7 +2165,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
       setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 2);
     }
   };
-  useEffect5(() => {
+  useEffect10(() => {
     checkScroll();
     window.addEventListener("resize", checkScroll);
     return () => window.removeEventListener("resize", checkScroll);
@@ -749,7 +2181,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
     "https://retinalabs.company/assets/images/bg_6.avif",
     "https://retinalabs.company/assets/images/bg_1.avif"
   ];
-  return /* @__PURE__ */ React10.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden" }, /* @__PURE__ */ React10.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ React10.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ React10.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React10.createElement("h2", { className: "  text-3xl  tracking-tight text-black leading-[1.05]" }, headline)), /* @__PURE__ */ React10.createElement("div", { className: "hidden md:flex items-center gap-3" }, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React23.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ React23.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ React23.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React23.createElement("h2", { className: "  text-3xl  tracking-tight text-black leading-[1.05]" }, headline)), /* @__PURE__ */ React23.createElement("div", { className: "hidden md:flex items-center gap-3" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => scroll("left"),
@@ -757,8 +2189,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__ */ React10.createElement(HugeiconsIcon4, { icon: ArrowLeft01Icon, size: 20 })
-  ), /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React23.createElement(HugeiconsIcon15, { icon: ArrowLeft01Icon2, size: 20 })
+  ), /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => scroll("right"),
@@ -766,57 +2198,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__ */ React10.createElement(HugeiconsIcon4, { icon: ArrowRight01Icon, size: 20 })
-  ))), /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React23.createElement(HugeiconsIcon15, { icon: ArrowRight01Icon4, size: 20 })
+  ))), /* @__PURE__ */ React23.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__ */ React10.createElement(FeatureCard, { key: idx, feature, bgImage: bgImages[idx] }))
-  ), /* @__PURE__ */ React10.createElement("div", { className: "flex md:hidden items-center justify-center gap-4 mt-2" }, /* @__PURE__ */ React10.createElement(
+    features.slice(0, 3).map((feature, idx) => /* @__PURE__ */ React23.createElement(FeatureCard, { key: idx, feature, bgImage: bgImages[idx] }))
+  ), /* @__PURE__ */ React23.createElement("div", { className: "flex md:hidden items-center justify-center gap-4 mt-2" }, /* @__PURE__ */ React23.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__ */ React10.createElement(HugeiconsIcon4, { icon: ArrowLeft01Icon, size: 20 })
-  ), /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React23.createElement(HugeiconsIcon15, { icon: ArrowLeft01Icon2, size: 20 })
+  ), /* @__PURE__ */ React23.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__ */ React10.createElement(HugeiconsIcon4, { icon: ArrowRight01Icon, size: 20 })
+    /* @__PURE__ */ React23.createElement(HugeiconsIcon15, { icon: ArrowRight01Icon4, size: 20 })
   ))));
 };
 
 // src/components/PlatformFeatures.tsx
-import React11 from "react";
-import { HugeiconsIcon as HugeiconsIcon5 } from "@hugeicons/react";
+import React24 from "react";
+import { HugeiconsIcon as HugeiconsIcon16 } from "@hugeicons/react";
 var PlatformFeatures = ({
   tagline,
   headline,
   description,
   features
 }) => {
-  return /* @__PURE__ */ React11.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10" }, /* @__PURE__ */ React11.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React11.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React11.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-2xl" }, description)), /* @__PURE__ */ React11.createElement("div", { className: "w-full h-px bg-neutral-100 mb-16", "aria-hidden": "true" }), /* @__PURE__ */ React11.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__ */ React11.createElement(
+  return /* @__PURE__ */ React24.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10" }, /* @__PURE__ */ React24.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React24.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React24.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React24.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-2xl" }, description)), /* @__PURE__ */ React24.createElement("div", { className: "w-full h-px bg-neutral-100 mb-16", "aria-hidden": "true" }), /* @__PURE__ */ React24.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__ */ React24.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__ */ React11.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React11.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__ */ React11.createElement(HugeiconsIcon5, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-widest  text-neutral-400  mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React11.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
-    /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
+    /* @__PURE__ */ React24.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React24.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__ */ React24.createElement(HugeiconsIcon16, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React24.createElement("span", { className: "text-[11px] tracking-widest  text-neutral-400  mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React24.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
+    /* @__PURE__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
   )))));
 };
 
 // src/components/ManagedDocument.tsx
-import React12, { useState as useState8, useEffect as useEffect6, useRef as useRef5 } from "react";
+import React25, { useState as useState16, useEffect as useEffect11, useRef as useRef7 } from "react";
 var ManagedDocument = ({
   tagline,
   title,
@@ -824,9 +2256,9 @@ var ManagedDocument = ({
   contactText,
   contactEmail
 }) => {
-  const [isAnimating, setIsAnimating] = useState8(false);
-  const titleRef = useRef5(null);
-  useEffect6(() => {
+  const [isAnimating, setIsAnimating] = useState16(false);
+  const titleRef = useRef7(null);
+  useEffect11(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -846,7 +2278,7 @@ var ManagedDocument = ({
   }, []);
   return (
     // Outer layout wrapper (takes up available space, adds padding)
-    /* @__PURE__ */ React12.createElement("div", { className: "grow pt-4 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React12.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React25.createElement("div", { className: "grow pt-4 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React25.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React25.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React25.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React25.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React25.createElement(
       "h1",
       {
         ref: titleRef,
@@ -854,7 +2286,7 @@ var ManagedDocument = ({
         style: isAnimating ? { animationIterationCount: 1 } : {}
       },
       title
-    )), sections.map((section, index) => /* @__PURE__ */ React12.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React12.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left " }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React12.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React12.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React12.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React12.createElement(
+    )), sections.map((section, index) => /* @__PURE__ */ React25.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React25.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React25.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left " }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React25.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React25.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React25.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React25.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React25.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React25.createElement(
       "a",
       {
         href: `mailto:${contactEmail}`,
@@ -866,18 +2298,18 @@ var ManagedDocument = ({
 };
 
 // src/components/ManagedContactBlock.tsx
-import React13, { useState as useState9, useEffect as useEffect7 } from "react";
-import { HugeiconsIcon as HugeiconsIcon6 } from "@hugeicons/react";
+import React26, { useState as useState17, useEffect as useEffect12 } from "react";
+import { HugeiconsIcon as HugeiconsIcon17 } from "@hugeicons/react";
 var SecureEmail = ({ user, domain, className }) => {
-  const [isMounted, setIsMounted] = useState9(false);
-  useEffect7(() => {
+  const [isMounted, setIsMounted] = useState17(false);
+  useEffect12(() => {
     setIsMounted(true);
   }, []);
   if (!isMounted) {
-    return /* @__PURE__ */ React13.createElement("span", { className, style: { opacity: 0 } }, "Loading");
+    return /* @__PURE__ */ React26.createElement("span", { className, style: { opacity: 0 } }, "Loading");
   }
   const email = `${user}@${domain}`;
-  return /* @__PURE__ */ React13.createElement("a", { href: `mailto:${email}`, className }, email);
+  return /* @__PURE__ */ React26.createElement("a", { href: `mailto:${email}`, className }, email);
 };
 var ManagedContactBlock = ({
   tagline,
@@ -886,7 +2318,7 @@ var ManagedContactBlock = ({
   emails,
   socials
 }) => {
-  return /* @__PURE__ */ React13.createElement("div", { className: "grow pt-4 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React13.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React26.createElement("div", { className: "grow pt-4 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React26.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -895,21 +2327,21 @@ var ManagedContactBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React13.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React13.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React13.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React13.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ React13.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ React13.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React13.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React13.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React13.createElement(
+  ), /* @__PURE__ */ React26.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React26.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React26.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React26.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React26.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React26.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React26.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React26.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ React26.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ React26.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React26.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React26.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React26.createElement(
     "a",
     {
       href: `tel:${company.phone.replace(/\s+/g, "")}`,
       className: "transition-colors hover:text-black"
     },
     company.phone
-  )))), emails && emails.length > 0 && /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ React13.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ React13.createElement("div", { key: idx }, /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ React13.createElement(
+  )))), emails && emails.length > 0 && /* @__PURE__ */ React26.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React26.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ React26.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ React26.createElement("div", { key: idx }, /* @__PURE__ */ React26.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ React26.createElement(
     SecureEmail,
     {
       user: email.user,
       domain: email.domain,
       className: "text-neutral-600 transition-colors hover:text-black"
     }
-  ))))), socials && socials.length > 0 && /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ React13.createElement(
+  ))))), socials && socials.length > 0 && /* @__PURE__ */ React26.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React26.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ React26.createElement(
     "a",
     {
       key: idx,
@@ -919,27 +2351,27 @@ var ManagedContactBlock = ({
       className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black",
       "aria-label": social.label
     },
-    /* @__PURE__ */ React13.createElement(HugeiconsIcon6, { icon: social.icon, size: 18 }),
-    /* @__PURE__ */ React13.createElement("span", { className: "text-[13px]" }, social.label)
+    /* @__PURE__ */ React26.createElement(HugeiconsIcon17, { icon: social.icon, size: 18 }),
+    /* @__PURE__ */ React26.createElement("span", { className: "text-[13px]" }, social.label)
   )))))))));
 };
 
 // src/components/ManagedPricingBlock.tsx
-import React14, { useState as useState10, useEffect as useEffect8, useRef as useRef6 } from "react";
-import Link5 from "next/link";
+import React27, { useState as useState18, useEffect as useEffect13, useRef as useRef8 } from "react";
+import Link6 from "next/link";
 import Image4 from "next/image";
-var CheckIcon = ({ className = "" }) => /* @__PURE__ */ React14.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__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ React14.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
-var CrossIcon = ({ className = "" }) => /* @__PURE__ */ React14.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__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#F5F5F5" }), /* @__PURE__ */ React14.createElement("path", { d: "M15 9L9 15M9 9l6 6", stroke: "#D4D4D4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
+var CheckIcon = ({ className = "" }) => /* @__PURE__ */ React27.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__ */ React27.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ React27.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
+var CrossIcon = ({ className = "" }) => /* @__PURE__ */ React27.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__ */ React27.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#F5F5F5" }), /* @__PURE__ */ React27.createElement("path", { d: "M15 9L9 15M9 9l6 6", stroke: "#D4D4D4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
 var ManagedPricingBlock = ({
   tagline,
   title,
   plans = [],
   tabs
 }) => {
-  const [isAnimating, setIsAnimating] = useState10(false);
-  const [activeTabIndex, setActiveTabIndex] = useState10(0);
-  const titleRef = useRef6(null);
-  useEffect8(() => {
+  const [isAnimating, setIsAnimating] = useState18(false);
+  const [activeTabIndex, setActiveTabIndex] = useState18(0);
+  const titleRef = useRef8(null);
+  useEffect13(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -959,7 +2391,7 @@ var ManagedPricingBlock = ({
   }, []);
   const hasTabs = tabs && tabs.length > 0;
   const currentPlans = hasTabs ? tabs[activeTabIndex].plans : plans;
-  return /* @__PURE__ */ React14.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React14.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ React14.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ React14.createElement("span", { className: "text-[9px] tracking-[0.4em] text-black block " }, tagline), /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React27.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React27.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ React27.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ React27.createElement("span", { className: "text-[9px] tracking-[0.4em] text-black block " }, tagline), /* @__PURE__ */ React27.createElement(
     "h1",
     {
       ref: titleRef,
@@ -967,9 +2399,9 @@ var ManagedPricingBlock = ({
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     title
-  )), hasTabs && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React14.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__ */ React27.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React27.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__ */ React14.createElement(
+    return /* @__PURE__ */ React27.createElement(
       "button",
       {
         key: idx,
@@ -978,19 +2410,19 @@ var ManagedPricingBlock = ({
       },
       tab.label
     );
-  }))), /* @__PURE__ */ React14.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__ */ React14.createElement(
+  }))), /* @__PURE__ */ React27.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__ */ React27.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__ */ React14.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React14.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ React14.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-3xl font-light text-black" }, plan.price), plan.period && /* @__PURE__ */ React14.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ React14.createElement("p", { className: "text-xs text-neutral-500 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2 mt-4" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React27.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React27.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ React27.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React27.createElement("h3", { className: "text-3xl font-light text-black" }, plan.price), plan.period && /* @__PURE__ */ React27.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ React27.createElement("p", { className: "text-xs text-neutral-500 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-2 mt-4" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ React27.createElement(
       "div",
       {
         key: logoIdx,
         className: "relative w-5 h-5 overflow-hidden flex items-center justify-center shrink-0"
       },
-      /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React27.createElement(
         Image4,
         {
           src: logo.src,
@@ -1001,28 +2433,28 @@ var ManagedPricingBlock = ({
         }
       )
     )))),
-    plan.isPremium ? /* @__PURE__ */ React14.createElement(ThreeDButton, { href: plan.ctaHref, className: "mb-6 w-full" }, plan.ctaText) : /* @__PURE__ */ React14.createElement(
-      Link5,
+    plan.isPremium ? /* @__PURE__ */ React27.createElement(ThreeDButton, { href: plan.ctaHref, className: "mb-6 w-full" }, plan.ctaText) : /* @__PURE__ */ React27.createElement(
+      Link6,
       {
         href: plan.ctaHref,
         className: "w-full py-2.5 px-5 rounded-full border border-neutral-100 text-center text-black text-xs hover:bg-neutral-50 transition-colors mb-6 outline-none block"
       },
       plan.ctaText
     ),
-    /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
+    /* @__PURE__ */ React27.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__ */ React14.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ React14.createElement(CheckIcon, null) : /* @__PURE__ */ React14.createElement(CrossIcon, null), /* @__PURE__ */ React14.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-800" : "text-neutral-400"}` }, feature.name, valueText && /* @__PURE__ */ React14.createElement("span", { className: "text-neutral-500 ml-1" }, "(", valueText, ")")));
+      return /* @__PURE__ */ React27.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ React27.createElement(CheckIcon, null) : /* @__PURE__ */ React27.createElement(CrossIcon, null), /* @__PURE__ */ React27.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-800" : "text-neutral-400"}` }, feature.name, valueText && /* @__PURE__ */ React27.createElement("span", { className: "text-neutral-500 ml-1" }, "(", valueText, ")")));
     }))
   )))));
 };
 
 // src/components/ManagedBoardBlock.tsx
-import React15 from "react";
+import React28 from "react";
 import Image5 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon7 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon18 } from "@hugeicons/react";
 import { TwitterIcon, LinkedinIcon } from "@hugeicons/core-free-icons";
-var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React15.createElement(
+var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React28.createElement(
   "a",
   {
     href,
@@ -1031,7 +2463,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React15.
     className: "text-neutral-400 hover:text-black transition-colors",
     "aria-label": `${name} on ${label}`
   },
-  /* @__PURE__ */ React15.createElement(HugeiconsIcon7, { icon, size: 16 })
+  /* @__PURE__ */ React28.createElement(HugeiconsIcon18, { icon, size: 16 })
 );
 var ManagedBoardBlock = ({
   tagline,
@@ -1040,7 +2472,7 @@ var ManagedBoardBlock = ({
   contactText,
   contactEmail
 }) => {
-  return /* @__PURE__ */ React15.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React28.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React28.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ React28.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -1049,7 +2481,7 @@ var ManagedBoardBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React15.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React15.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React15.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React15.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ React15.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__ */ React15.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-white flex flex-col transition-all group" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ React15.createElement("div", { className: "relative w-14 h-14 md:w-16 md:h-16 shrink-0 bg-white overflow-hidden rounded-xl" }, /* @__PURE__ */ React15.createElement(
+  ), /* @__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", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React28.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ React28.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__ */ React28.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-white flex flex-col transition-all group" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ React28.createElement("div", { className: "relative w-14 h-14 md:w-16 md:h-16 shrink-0 bg-white overflow-hidden rounded-xl" }, /* @__PURE__ */ React28.createElement(
     Image5,
     {
       src: member.imageSrc,
@@ -1058,7 +2490,7 @@ var ManagedBoardBlock = ({
       sizes: "(max-width: 768px) 56px, 64px",
       className: "object-cover grayscale opacity-100 transition-opacity"
     }
-  )), /* @__PURE__ */ React15.createElement("div", { className: "pt-1" }, /* @__PURE__ */ React15.createElement("h3", { className: "  text-[14px] md:text-[15px] text-black tracking-tight" }, member.name), /* @__PURE__ */ React15.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 mt-1.5 " }, member.title))), /* @__PURE__ */ React15.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 text-left grow mb-8" }, member.bio), /* @__PURE__ */ React15.createElement("div", { className: "space-y-6 mt-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React15.createElement(ThreeDButton, { href: member.website }, "Visit Website")), /* @__PURE__ */ React15.createElement("div", { className: "flex space-x-4 pt-5" }, member.twitterHandle && member.twitterHandle.length > 0 && /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React28.createElement("div", { className: "pt-1" }, /* @__PURE__ */ React28.createElement("h3", { className: "  text-[14px] md:text-[15px] text-black tracking-tight" }, member.name), /* @__PURE__ */ React28.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 mt-1.5 " }, member.title))), /* @__PURE__ */ React28.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 text-left grow mb-8" }, member.bio), /* @__PURE__ */ React28.createElement("div", { className: "space-y-6 mt-auto" }, /* @__PURE__ */ React28.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React28.createElement(ThreeDButton, { href: member.website }, "Visit Website")), /* @__PURE__ */ React28.createElement("div", { className: "flex space-x-4 pt-5" }, member.twitterHandle && member.twitterHandle.length > 0 && /* @__PURE__ */ React28.createElement(
     MemberSocialLink,
     {
       href: `https://x.com/${member.twitterHandle}`,
@@ -1066,7 +2498,7 @@ var ManagedBoardBlock = ({
       label: "X",
       name: member.name
     }
-  ), member.linkedinHandle && member.linkedinHandle.length > 0 && /* @__PURE__ */ React15.createElement(
+  ), member.linkedinHandle && member.linkedinHandle.length > 0 && /* @__PURE__ */ React28.createElement(
     MemberSocialLink,
     {
       href: member.linkedinHandle,
@@ -1074,85 +2506,28 @@ var ManagedBoardBlock = ({
       label: "LinkedIn",
       name: member.name
     }
-  ))))))), (contactText || contactEmail) && /* @__PURE__ */ React15.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React15.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React15.createElement("a", { href: `mailto:${contactEmail}`, className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors" }, contactEmail))))));
+  ))))))), (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}`, className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors" }, contactEmail))))));
 };
 
 // src/components/ManagedNotFoundBlock.tsx
-import React16 from "react";
+import React29 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__ */ React16.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ React16.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React16.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React29.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ React29.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React29.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       className: "w-12 h-12 fill-neutral-100"
     },
-    /* @__PURE__ */ React16.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__ */ React16.createElement("h1", { className: "  text-xl  md:text-3xl text-black tracking-tight mb-4" }, title), /* @__PURE__ */ React16.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, description)));
-};
-
-// src/components/PageSpinner.tsx
-import React17 from "react";
-import { HugeiconsIcon as HugeiconsIcon8 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon3 } from "@hugeicons/core-free-icons";
-var PageSpinner = ({
-  className = "",
-  iconClassName = "text-black",
-  size = 32
-}) => {
-  return (
-    // z-[100] ensures it sits above absolute headers and modals
-    /* @__PURE__ */ React17.createElement("div", { className: `fixed inset-0 z-100 flex flex-col items-center justify-center w-full h-full pointer-events-none ${className}` }, /* @__PURE__ */ React17.createElement(
-      HugeiconsIcon8,
-      {
-        icon: Loading03Icon3,
-        size,
-        className: `animate-spin mb-4 ${iconClassName}`
-      }
-    ))
-  );
-};
-
-// src/components/ManagedToaster.tsx
-import React18 from "react";
-import { Toaster } from "react-hot-toast";
-var ManagedToaster = () => {
-  return /* @__PURE__ */ React18.createElement(
-    Toaster,
-    {
-      position: "top-right",
-      toastOptions: {
-        style: {
-          background: "#171717",
-          color: "#fafafa",
-          fontSize: "11px",
-          padding: "8px 12px",
-          borderRadius: "8px",
-          minWidth: "fit-content",
-          boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.5)"
-        },
-        success: {
-          iconTheme: {
-            primary: "#fafafa",
-            secondary: "#171717"
-          }
-        },
-        error: {
-          iconTheme: {
-            primary: "#fafafa",
-            secondary: "#171717"
-          }
-        }
-      }
-    }
-  );
+    /* @__PURE__ */ React29.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__ */ React29.createElement("h1", { className: "  text-xl  md:text-3xl text-black tracking-tight mb-4" }, title), /* @__PURE__ */ React29.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, description)));
 };
 
 // src/components/ManagedNewsletterSplitBlock.tsx
-import React19 from "react";
+import React30 from "react";
 import Image6 from "next/image";
 var ManagedNewsletterSplitBlock = ({
   tagline,
@@ -1166,7 +2541,7 @@ var ManagedNewsletterSplitBlock = ({
   ctaHref = "/contact",
   children
 }) => {
-  return /* @__PURE__ */ React19.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0" }, /* @__PURE__ */ React19.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React30.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0" }, /* @__PURE__ */ React30.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden" }, /* @__PURE__ */ React30.createElement(
     Image6,
     {
       src: imageSrc,
@@ -1176,7 +2551,7 @@ var ManagedNewsletterSplitBlock = ({
       className: "object-cover object-top grayscale opacity-60",
       quality: 100
     }
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "div",
     {
       className: "absolute inset-0 z-10 pointer-events-none",
@@ -1184,7 +2559,7 @@ var ManagedNewsletterSplitBlock = ({
         background: "linear-gradient(to right, rgba(255,255,255,0) 30%, #ffffff 100%)"
       }
     }
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     "div",
     {
       className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
@@ -1192,7 +2567,7 @@ var ManagedNewsletterSplitBlock = ({
         background: "linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%)"
       }
     }
-  )), /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(
+  )), /* @__PURE__ */ React30.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__ */ React30.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__ */ React30.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -1201,7 +2576,7 @@ var ManagedNewsletterSplitBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React19.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React19.createElement("div", { className: "mb-10 border-b border-neutral-100 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ React19.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 " }, tagline), /* @__PURE__ */ React19.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, subtitle)), /* @__PURE__ */ React19.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ React19.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ React19.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "grow h-px bg-neutral-100" }), /* @__PURE__ */ React19.createElement("span", { className: "shrink mx-4 text-[11px] tracking-[0.2em] text-neutral-400 " }, dividerText), /* @__PURE__ */ React19.createElement("div", { className: "grow h-px bg-neutral-100" })), ctaText && ctaHref && /* @__PURE__ */ React19.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React30.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React30.createElement("div", { className: "mb-10 border-b border-neutral-100 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ React30.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 " }, tagline), /* @__PURE__ */ React30.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ React30.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, subtitle)), /* @__PURE__ */ React30.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ React30.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ React30.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ React30.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React30.createElement("div", { className: "grow h-px bg-neutral-100" }), /* @__PURE__ */ React30.createElement("span", { className: "shrink mx-4 text-[11px] tracking-[0.2em] text-neutral-400 " }, dividerText), /* @__PURE__ */ React30.createElement("div", { className: "grow h-px bg-neutral-100" })), ctaText && ctaHref && /* @__PURE__ */ React30.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React30.createElement(
     ThreeDButton,
     {
       href: ctaHref,
@@ -1212,14 +2587,14 @@ var ManagedNewsletterSplitBlock = ({
 };
 
 // src/components/PortfolioHero.tsx
-import React20, { useEffect as useEffect9, useRef as useRef7 } from "react";
-import Link6 from "next/link";
+import React31, { useEffect as useEffect14, useRef as useRef9 } from "react";
+import Link7 from "next/link";
 import Image7 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon9 } from "@hugeicons/react";
-import { ArrowRight01Icon as ArrowRight01Icon2 } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as HugeiconsIcon19 } from "@hugeicons/react";
+import { ArrowRight01Icon as ArrowRight01Icon5 } from "@hugeicons/core-free-icons";
 var useScrollAnimation = () => {
-  const elementRef = useRef7(null);
-  useEffect9(() => {
+  const elementRef = useRef9(null);
+  useEffect14(() => {
     const el = elementRef.current;
     if (!el) return;
     const observer = new IntersectionObserver(
@@ -1255,13 +2630,13 @@ var PortfolioHero = ({
   secondaryCtaHref
 }) => {
   const heroContentRef = useScrollAnimation();
-  return /* @__PURE__ */ React20.createElement("section", { className: "pt-44 md:pt-52 pb-16 px-6 md:px-12 flex flex-col relative overflow-hidden z-10 w-full" }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React31.createElement("section", { className: "pt-44 md:pt-52 pb-16 px-6 md:px-12 flex flex-col relative overflow-hidden z-10 w-full" }, /* @__PURE__ */ React31.createElement(
     "div",
     {
       ref: heroContentRef,
       className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
     },
-    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React20.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__ */ React20.createElement(
+    /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React31.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__ */ React31.createElement(
       Image7,
       {
         src: imageSrc,
@@ -1272,7 +2647,7 @@ var PortfolioHero = ({
         sizes: "(max-width: 640px) 80px, 128px",
         quality: 100
       }
-    )), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ React20.createElement("h1", { className: "  text-3xl  sm:text-5xl lg:text-6xl tracking-tight text-black leading-none mb-3" }, name), socialLabel && /* @__PURE__ */ React20.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, socialLabel), socialLinkText && socialLinkHref && /* @__PURE__ */ React20.createElement(
+    )), /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ React31.createElement("h1", { className: "  text-3xl  sm:text-5xl lg:text-6xl tracking-tight text-black leading-none mb-3" }, name), socialLabel && /* @__PURE__ */ React31.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, socialLabel), socialLinkText && socialLinkHref && /* @__PURE__ */ React31.createElement(
       "a",
       {
         href: socialLinkHref,
@@ -1282,31 +2657,31 @@ var PortfolioHero = ({
       },
       socialLinkText
     ))),
-    /* @__PURE__ */ React20.createElement("p", { className: "text-[13px]  leading-[1.8] max-w-4xl mb-12 text-neutral-600" }, bio),
-    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full sm:w-auto" }, primaryCtaText && primaryCtaHref && /* @__PURE__ */ React20.createElement("div", { className: "w-full sm:w-auto *:w-full" }, /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React31.createElement("p", { className: "text-[13px]  leading-[1.8] max-w-4xl mb-12 text-neutral-600" }, bio),
+    /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full sm:w-auto" }, primaryCtaText && primaryCtaHref && /* @__PURE__ */ React31.createElement("div", { className: "w-full sm:w-auto *:w-full" }, /* @__PURE__ */ React31.createElement(
       ThreeDButton,
       {
         href: primaryCtaHref,
         className: "py-3  tracking-widest text-[11px]"
       },
       primaryCtaText
-    )), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React20.createElement(
-      Link6,
+    )), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React31.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__ */ React20.createElement(HugeiconsIcon9, { icon: ArrowRight01Icon2, size: 16 })
+      /* @__PURE__ */ React31.createElement(HugeiconsIcon19, { icon: ArrowRight01Icon5, size: 16 })
     ))
   ));
 };
 
 // src/components/GifFeatureCard.tsx
-import React21, { useState as useState11 } from "react";
+import React32, { useState as useState19 } from "react";
 import Image8 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon10 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon4 } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as HugeiconsIcon20 } from "@hugeicons/react";
+import { Loading03Icon as Loading03Icon7 } from "@hugeicons/core-free-icons";
 var GifFeatureCard = ({
   gifSrc,
   title,
@@ -1314,20 +2689,20 @@ var GifFeatureCard = ({
   alt = "Feature animation",
   className = "aspect-video"
 }) => {
-  const [isLoading, setIsLoading] = useState11(true);
-  return /* @__PURE__ */ React21.createElement("div", { className: `relative w-full bg-black  overflow-hidden shadow-2xl ${className}` }, isLoading && /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-black" }, /* @__PURE__ */ React21.createElement(
-    HugeiconsIcon10,
+  const [isLoading, setIsLoading] = useState19(true);
+  return /* @__PURE__ */ React32.createElement("div", { className: `relative w-full bg-black  overflow-hidden shadow-2xl ${className}` }, isLoading && /* @__PURE__ */ React32.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-black" }, /* @__PURE__ */ React32.createElement(
+    HugeiconsIcon20,
     {
-      icon: Loading03Icon4,
+      icon: Loading03Icon7,
       size: 32,
       className: "animate-spin text-white"
     }
-  )), /* @__PURE__ */ React21.createElement(
+  )), /* @__PURE__ */ React32.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__ */ React21.createElement(
+    /* @__PURE__ */ React32.createElement(
       Image8,
       {
         src: gifSrc,
@@ -1338,16 +2713,16 @@ var GifFeatureCard = ({
         className: "object-cover object-center pointer-events-none"
       }
     )
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React32.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__ */ React21.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__ */ React21.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__ */ React21.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
+  ), /* @__PURE__ */ React32.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__ */ React32.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__ */ React32.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 React22, { useState as useState12, useEffect as useEffect10, useRef as useRef8 } from "react";
+import React33, { useState as useState20, useEffect as useEffect15, useRef as useRef10 } from "react";
 import Image9 from "next/image";
 var MedicalFeatureStatsBlock = ({
   bottomHeadline,
@@ -1356,9 +2731,9 @@ var MedicalFeatureStatsBlock = ({
   trustText,
   stats
 }) => {
-  const [isAnimating, setIsAnimating] = useState12(false);
-  const titleRef = useRef8(null);
-  useEffect10(() => {
+  const [isAnimating, setIsAnimating] = useState20(false);
+  const titleRef = useRef10(null);
+  useEffect15(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -1376,7 +2751,7 @@ var MedicalFeatureStatsBlock = ({
     }
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ React22.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ React22.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React22.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ React22.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React33.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ React33.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React33.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ React33.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ React33.createElement(
     "h2",
     {
       ref: titleRef,
@@ -1384,7 +2759,7 @@ var MedicalFeatureStatsBlock = ({
       style: isAnimating ? { animationIterationCount: 1 } : {}
     },
     bottomHeadline
-  ), /* @__PURE__ */ React22.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-500" }, bottomDescription)), /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-4 shrink-0" }, /* @__PURE__ */ React22.createElement("div", { className: "flex -space-x-3" }, avatars.map((src, i) => /* @__PURE__ */ React22.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__ */ React22.createElement(
+  ), /* @__PURE__ */ React33.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-500" }, bottomDescription)), /* @__PURE__ */ React33.createElement("div", { className: "flex items-center gap-4 shrink-0" }, /* @__PURE__ */ React33.createElement("div", { className: "flex -space-x-3" }, avatars.map((src, i) => /* @__PURE__ */ React33.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__ */ React33.createElement(
     Image9,
     {
       src,
@@ -1393,17 +2768,17 @@ var MedicalFeatureStatsBlock = ({
       sizes: "48px",
       className: "object-cover"
     }
-  )))), /* @__PURE__ */ React22.createElement("p", { className: "text-[11px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React22.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React22.createElement("div", { key: idx, className: "bg-white rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React22.createElement("div", { className: "flex  items-center p-0.5 mb-6" }, /* @__PURE__ */ React22.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ React22.createElement("h1", { className: "text-6xl gradient-text md:text-[80px]  tracking-tighter text-black mt-auto leading-none" }, stat.value))))));
+  )))), /* @__PURE__ */ React33.createElement("p", { className: "text-[11px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React33.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React33.createElement("div", { key: idx, className: "bg-white rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React33.createElement("div", { className: "flex  items-center p-0.5 mb-6" }, /* @__PURE__ */ React33.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ React33.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 React23, { useState as useState13 } from "react";
+import React34, { useState as useState21 } from "react";
 import Image10 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon11 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon5 } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as HugeiconsIcon21 } from "@hugeicons/react";
+import { Loading03Icon as Loading03Icon8 } from "@hugeicons/core-free-icons";
 var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
-  const [isLoading, setIsLoading] = useState13(true);
-  return /* @__PURE__ */ React23.createElement("div", { className: `absolute inset-0 bg-neutral-800 ${className}` }, isLoading && /* @__PURE__ */ React23.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__ */ React23.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 24, className: "animate-spin text-white/50" })), /* @__PURE__ */ React23.createElement(
+  const [isLoading, setIsLoading] = useState21(true);
+  return /* @__PURE__ */ React34.createElement("div", { className: `absolute inset-0 bg-neutral-800 ${className}` }, isLoading && /* @__PURE__ */ React34.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__ */ React34.createElement(HugeiconsIcon21, { icon: Loading03Icon8, size: 24, className: "animate-spin text-white/50" })), /* @__PURE__ */ React34.createElement(
     Image10,
     {
       src,
@@ -1422,9 +2797,9 @@ var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
 var ConsultantShowcase = ({
   profiles
 }) => {
-  const [currentIndex, setCurrentIndex] = useState13(0);
-  const [touchStart, setTouchStart] = useState13(null);
-  const [touchEnd, setTouchEnd] = useState13(null);
+  const [currentIndex, setCurrentIndex] = useState21(0);
+  const [touchStart, setTouchStart] = useState21(null);
+  const [touchEnd, setTouchEnd] = useState21(null);
   const nextSlide = () => {
     setCurrentIndex((prev) => prev === profiles.length - 1 ? 0 : prev + 1);
   };
@@ -1449,7 +2824,7 @@ var ConsultantShowcase = ({
     }
   };
   if (!profiles || profiles.length === 0) return null;
-  return /* @__PURE__ */ React23.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React23.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React34.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React34.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React34.createElement(
     "div",
     {
       className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
@@ -1459,13 +2834,13 @@ var ConsultantShowcase = ({
     },
     profiles.map((profile, idx) => {
       const isActive = idx === currentIndex;
-      return /* @__PURE__ */ React23.createElement(
+      return /* @__PURE__ */ React34.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__ */ React23.createElement(
+        /* @__PURE__ */ React34.createElement(
           ImageWithLoader,
           {
             src: profile.imageSrc,
@@ -1473,14 +2848,14 @@ var ConsultantShowcase = ({
             priority: idx === 0
           }
         ),
-        /* @__PURE__ */ React23.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
-        /* @__PURE__ */ React23.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__ */ React23.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__ */ React23.createElement("h2", { className: "text-[29px]   tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React23.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ React23.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide mt-1" }, profile.description)))
+        /* @__PURE__ */ React34.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
+        /* @__PURE__ */ React34.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__ */ React34.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__ */ React34.createElement("h2", { className: "text-[29px]   tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ React34.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React34.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ React34.createElement("p", { className: "text-[15px]  text-white/80  tracking-wide mt-1" }, profile.description)))
       );
     }),
-    /* @__PURE__ */ React23.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__ */ React23.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__ */ React23.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__ */ React23.createElement(
+    /* @__PURE__ */ React34.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__ */ React34.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__ */ React34.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__ */ React34.createElement(
       "button",
       {
         key: idx,
@@ -1493,13 +2868,13 @@ var ConsultantShowcase = ({
 };
 
 // src/components/ContentGridBlock.tsx
-import React24, { useState as useState14 } from "react";
+import React35, { useState as useState22 } from "react";
 import Image11 from "next/image";
-import { HugeiconsIcon as HugeiconsIcon12 } from "@hugeicons/react";
-import { Loading03Icon as Loading03Icon6 } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as HugeiconsIcon22 } from "@hugeicons/react";
+import { Loading03Icon as Loading03Icon9 } from "@hugeicons/core-free-icons";
 var ImageWithLoader2 = ({ src, alt, className, sizes }) => {
-  const [isLoading, setIsLoading] = useState14(true);
-  return /* @__PURE__ */ React24.createElement("div", { className: `relative overflow-hidden bg-neutral-100 ${className}` }, isLoading && /* @__PURE__ */ React24.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__ */ React24.createElement(HugeiconsIcon12, { icon: Loading03Icon6, size: 24, className: "animate-spin text-neutral-400" })), /* @__PURE__ */ React24.createElement(
+  const [isLoading, setIsLoading] = useState22(true);
+  return /* @__PURE__ */ React35.createElement("div", { className: `relative overflow-hidden bg-neutral-100 ${className}` }, isLoading && /* @__PURE__ */ React35.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__ */ React35.createElement(HugeiconsIcon22, { icon: Loading03Icon9, size: 24, className: "animate-spin text-neutral-400" })), /* @__PURE__ */ React35.createElement(
     Image11,
     {
       src,
@@ -1521,30 +2896,30 @@ var ContentGridBlock = ({
   middleBottomCard,
   rightCards
 }) => {
-  return /* @__PURE__ */ React24.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React24.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React24.createElement("h2", { className: "text-3xl   tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React24.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React24.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React24.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React24.createElement("p", { className: "text-[17px] text-white leading-snug  mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React24.createElement("span", { className: "mb-auto text-[11px]  text-neutral-200  tracking-widest" }, leftCard.tag), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("h4", { className: "text-[15px]  text-white" }, leftCard.title), /* @__PURE__ */ React24.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React24.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React24.createElement(Image11, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React24.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React24.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React24.createElement("span", { className: "text-[11px] text-neutral-400  tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React24.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React24.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React24.createElement(Image11, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React24.createElement("span", { className: "text-sm  text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React24.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React24.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__ */ React24.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React24.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React24.createElement("p", { className: "text-[11px] text-neutral-400  tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React24.createElement("p", { className: "text-[14px] text-black  leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React24.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React24.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("h4", { className: "text-[15px]  text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React24.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React24.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React24.createElement(Image11, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React24.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React24.createElement("p", { className: "text-[16px] text-black leading-snug  mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React24.createElement("span", { className: "text-[11px]  text-neutral-400  tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React24.createElement("div", { key: idx, className: "relative w-full h-80  text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React35.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React35.createElement("h2", { className: "text-3xl   tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React35.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React35.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[17px] text-white leading-snug  mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React35.createElement("span", { className: "mb-auto text-[11px]  text-neutral-200  tracking-widest" }, leftCard.tag), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React35.createElement("div", null, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px]  text-white" }, leftCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React35.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React35.createElement(Image11, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React35.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React35.createElement("span", { className: "text-[11px] text-neutral-400  tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React35.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React35.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React35.createElement(Image11, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React35.createElement("span", { className: "text-sm  text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React35.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React35.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__ */ React35.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React35.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[11px] text-neutral-400  tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[14px] text-black  leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React35.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React35.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React35.createElement("div", null, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px]  text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React35.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React35.createElement(Image11, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React35.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[16px] text-black leading-snug  mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React35.createElement("span", { className: "text-[11px]  text-neutral-400  tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React35.createElement("div", { key: idx, className: "relative w-full h-80  text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React35.createElement(
     ImageWithLoader2,
     {
       src: card.bgImageSrc,
       alt: card.title,
       className: "absolute inset-0 w-full h-full"
     }
-  ), /* @__PURE__ */ React24.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React24.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React24.createElement("p", { className: "text-[14px]  leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React24.createElement("span", { className: "mb-4 text-[11px]  text-white/50  tracking-widest" }, card.tag), /* @__PURE__ */ React24.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React24.createElement("h4", { className: "text-[15px] text-white tracking-wide" }, card.title), /* @__PURE__ */ React24.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
+  ), /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[14px]  leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React35.createElement("span", { className: "mb-4 text-[11px]  text-white/50  tracking-widest" }, card.tag), /* @__PURE__ */ React35.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] text-white tracking-wide" }, card.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
 };
 
 // src/components/ManagedProjectsBlock.tsx
-import React25 from "react";
-import Link7 from "next/link";
+import React36 from "react";
+import Link8 from "next/link";
 var GridSection = ({
   children,
   isLast = false,
   className = "py-8 md:py-10"
-}) => /* @__PURE__ */ React25.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "" : ""}` }, children);
+}) => /* @__PURE__ */ React36.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "" : ""}` }, children);
 var ManagedProjectsBlock = ({
   tagline,
   title,
   projects
 }) => {
-  return /* @__PURE__ */ React25.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React25.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React36.createElement("div", { className: "grow pt-4 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React36.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ React36.createElement(
     "div",
     {
       className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
@@ -1553,10 +2928,10 @@ var ManagedProjectsBlock = ({
         backgroundRepeat: "repeat"
       }
     }
-  ), /* @__PURE__ */ React25.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React25.createElement(GridSection, null, tagline && /* @__PURE__ */ React25.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React25.createElement("h1", { className: "  text-3xl mt-4 text-black tracking-tight text-left" }, title)), projects.map((project, index) => {
+  ), /* @__PURE__ */ React36.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React36.createElement(GridSection, null, tagline && /* @__PURE__ */ React36.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React36.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__ */ React25.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React25.createElement("h2", { className: "  text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React25.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__ */ React25.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__ */ React25.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0 " }, project.date)), /* @__PURE__ */ React25.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__ */ React25.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__ */ React25.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React25.createElement(Link7, { href: project.link, className: "block outline-none" }, projectContent));
+    const projectContent = /* @__PURE__ */ React36.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React36.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__ */ React36.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React36.createElement("h2", { className: "  text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React36.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__ */ React36.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__ */ React36.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0 " }, project.date)), /* @__PURE__ */ React36.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__ */ React36.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__ */ React36.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React36.createElement(Link8, { href: project.link, className: "block outline-none" }, projectContent));
   }))));
 };
 export {
@@ -1578,12 +2953,22 @@ export {
   ManagedProjectsBlock,
   ManagedToaster,
   MedicalFeatureStatsBlock,
+  MobileNav,
   NumberInput,
   PageSpinner,
+  PipleAuth,
   PlatformFeatures,
   PortfolioHero,
   TextInput,
   ThreeDActionButton,
   ThreeDButton,
+  UniversalCardPage,
+  UniversalErrorView,
+  UniversalHomeView,
+  UniversalOrganizationPage,
+  UniversalProfilePage,
+  UniversalProfileSettings,
+  UniversalTransactionPage,
+  UniversalWalletPage,
   WaitlistDialog
 };