@retinalabsllc/zairusjs 0.8.0 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +24 -24
- package/dist/index.mjs +24 -24
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -112,11 +112,11 @@ var Faq = ({
|
|
|
112
112
|
const toggleFaq = (index) => {
|
|
113
113
|
setActiveFaq(activeFaq === index ? null : index);
|
|
114
114
|
};
|
|
115
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "max-w-300 w-full flex flex-col lg:flex-row gap-12 lg:gap-20" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-start lg:w-[40%] shrink-0" }, badgeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full
|
|
115
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "max-w-300 w-full flex flex-col lg:flex-row gap-12 lg:gap-20" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-start lg:w-[40%] shrink-0" }, badgeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-neutral-200 text-black mb-6 shadow-[0_4px_14px_rgba(0,0,0,0.15)]" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "text-[10px] tracking-widest uppercase mt-px" }, badgeText)), title && /* @__PURE__ */ import_react.default.createElement(
|
|
116
116
|
"h2",
|
|
117
117
|
{
|
|
118
118
|
ref: titleRef,
|
|
119
|
-
className: ` text-
|
|
119
|
+
className: ` text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
120
120
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
121
121
|
},
|
|
122
122
|
title
|
|
@@ -154,7 +154,7 @@ var Faq = ({
|
|
|
154
154
|
/* @__PURE__ */ import_react.default.createElement(
|
|
155
155
|
"span",
|
|
156
156
|
{
|
|
157
|
-
className: `text-[15px]
|
|
157
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
|
|
158
158
|
},
|
|
159
159
|
/* @__PURE__ */ import_react.default.createElement("span", { className: isOpen ? "text-neutral-400" : "text-neutral-400" }, index + 1, "."),
|
|
160
160
|
faq.question
|
|
@@ -510,7 +510,7 @@ function AuthFormInner({
|
|
|
510
510
|
className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
|
|
511
511
|
required: true
|
|
512
512
|
}
|
|
513
|
-
), /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react5.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline
|
|
513
|
+
), /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react5.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Terms of Service"), " and ", /* @__PURE__ */ import_react5.default.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ import_react5.default.createElement(
|
|
514
514
|
ThreeDActionButton,
|
|
515
515
|
{
|
|
516
516
|
type: "submit",
|
|
@@ -519,7 +519,7 @@ function AuthFormInner({
|
|
|
519
519
|
className: "w-full mt-10"
|
|
520
520
|
},
|
|
521
521
|
"Continue"
|
|
522
|
-
))), step === "OTP" && /* @__PURE__ */ import_react5.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "text-center mb-10 mt-2" }, /* @__PURE__ */ import_react5.default.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, "Security Check"), /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code sent to ", /* @__PURE__ */ import_react5.default.createElement("br", null), /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-black
|
|
522
|
+
))), step === "OTP" && /* @__PURE__ */ import_react5.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "text-center mb-10 mt-2" }, /* @__PURE__ */ import_react5.default.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, "Security Check"), /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code sent to ", /* @__PURE__ */ import_react5.default.createElement("br", null), /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-black " }, emailId))), /* @__PURE__ */ import_react5.default.createElement("form", { className: "space-y-10", autoComplete: "off", onSubmit: (e) => {
|
|
523
523
|
e.preventDefault();
|
|
524
524
|
verifyOtpCode(otp.join(""));
|
|
525
525
|
} }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex justify-between gap-2", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ import_react5.default.createElement(
|
|
@@ -555,7 +555,7 @@ function AuthFormInner({
|
|
|
555
555
|
e.currentTarget.style.display = "none";
|
|
556
556
|
}
|
|
557
557
|
}
|
|
558
|
-
)), /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-[11px]
|
|
558
|
+
)), /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-[11px] text-neutral-700 tracking-tight pr-1" }, "Retina Labs Company")), /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-[8px] text-neutral-400 tracking-[0.25em] uppercase" }, "Authentication")));
|
|
559
559
|
}
|
|
560
560
|
var ZairusAuth = (props) => {
|
|
561
561
|
if (props.useRecaptcha && props.recaptchaSiteKey) {
|
|
@@ -577,7 +577,7 @@ var NavLink = ({
|
|
|
577
577
|
}) => {
|
|
578
578
|
const pathname = (0, import_navigation2.usePathname)();
|
|
579
579
|
const isActive = pathname === href;
|
|
580
|
-
const activeClass = light ? "text-neutral-950
|
|
580
|
+
const activeClass = light ? "text-neutral-950 " : "text-white ";
|
|
581
581
|
const inactiveClass = light ? "text-neutral-600 hover:text-neutral-950" : "text-neutral-400 hover:text-white";
|
|
582
582
|
return /* @__PURE__ */ import_react6.default.createElement(
|
|
583
583
|
import_link2.default,
|
|
@@ -733,7 +733,7 @@ var HeroSection = ({
|
|
|
733
733
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
734
734
|
},
|
|
735
735
|
titlePrefix
|
|
736
|
-
), /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex justify-center mt-2 mb-10 md:mb-14" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: "relative
|
|
736
|
+
), /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex justify-center mt-2 mb-10 md:mb-14" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: "relative font-light inline-block mx-1.5 px-4 py-2 md:py-3 bg-[#54535314] border border-[#545353] rounded-sm text-[#000000]/60 select-none text-4xl lg:text-6xl tracking-tight" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: "absolute top-[-3.5px] left-[-3.5px] w-2 h-2 bg-white border border-[#5453539e] rounded-[1px] z-10" }), /* @__PURE__ */ import_react9.default.createElement("span", { className: "absolute top-[-3.5px] right-[-3.5px] w-2 h-2 bg-white border border-[#545353] rounded-[1px] z-10" }), /* @__PURE__ */ import_react9.default.createElement("span", { className: "absolute bottom-[-3.5px] left-[-3.5px] w-2 h-2 bg-white border border-[#545353] rounded-[1px] z-10" }), /* @__PURE__ */ import_react9.default.createElement("span", { className: "absolute bottom-[-3.5px] right-[-3.5px] w-2 h-2 bg-white border border-[#545353] rounded-[1px] z-10" }), highlightText, /* @__PURE__ */ import_react9.default.createElement("span", { className: "absolute -bottom-5 -right-5 flex items-center z-20 pointer-events-none select-none filter drop-shadow-[0_2px_4px_rgba(0,0,0,0.25)]" }, /* @__PURE__ */ import_react9.default.createElement("svg", { width: "18", height: "22", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "transform -rotate-12" }, /* @__PURE__ */ import_react9.default.createElement("path", { d: "M1 1V17.8L5.8 13.1H12.8L1 1Z", fill: "#545353", stroke: "white", strokeWidth: "1.8", strokeLinejoin: "round" })), /* @__PURE__ */ import_react9.default.createElement("span", { className: "ml-1 bg-[#545353] text-[10px] text-white px-2 py-0.5 rounded-full border border-white tracking-wide" }, cursorLabel)))), subtitle && /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-[13px] md:text-[15px] text-neutral-500 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-10" }, ctaText && ctaHref && /* @__PURE__ */ import_react9.default.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ import_react9.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react9.default.createElement(
|
|
737
737
|
import_link4.default,
|
|
738
738
|
{
|
|
739
739
|
href: secondaryCtaHref,
|
|
@@ -1050,7 +1050,7 @@ var ManagedDocument = ({
|
|
|
1050
1050
|
"h1",
|
|
1051
1051
|
{
|
|
1052
1052
|
ref: titleRef,
|
|
1053
|
-
className: ` text-
|
|
1053
|
+
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
1054
1054
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1055
1055
|
},
|
|
1056
1056
|
title
|
|
@@ -1095,7 +1095,7 @@ var ManagedContactBlock = ({
|
|
|
1095
1095
|
backgroundRepeat: "repeat"
|
|
1096
1096
|
}
|
|
1097
1097
|
}
|
|
1098
|
-
), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ import_react19.default.createElement("h1", { className: " text-
|
|
1098
|
+
), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ import_react19.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react19.default.createElement("h2", { className: "text-[11px] tracking-[0.2em] text-black mb-4 uppercase" }, "Contact Details"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ import_react19.default.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ import_react19.default.createElement("p", { className: "pt-2" }, /* @__PURE__ */ import_react19.default.createElement(
|
|
1099
1099
|
"a",
|
|
1100
1100
|
{
|
|
1101
1101
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
@@ -1169,7 +1169,7 @@ var ManagedPricingBlock = ({
|
|
|
1169
1169
|
key: planIdx,
|
|
1170
1170
|
className: `bg-white rounded-3xl p-6 flex flex-col relative overflow-hidden ${plan.isPremium ? "" : ""}`
|
|
1171
1171
|
},
|
|
1172
|
-
/* @__PURE__ */ import_react21.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-5xl
|
|
1172
|
+
/* @__PURE__ */ import_react21.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-5xl font-light text-black" }, plan.price), plan.period && /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-xs text-neutral-500 mt-2" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-2 mt-4" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ import_react21.default.createElement(
|
|
1173
1173
|
"div",
|
|
1174
1174
|
{
|
|
1175
1175
|
key: logoIdx,
|
|
@@ -1234,7 +1234,7 @@ var ManagedBoardBlock = ({
|
|
|
1234
1234
|
backgroundRepeat: "repeat"
|
|
1235
1235
|
}
|
|
1236
1236
|
}
|
|
1237
|
-
), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react22.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ import_react22.default.createElement("h1", { className: " text-
|
|
1237
|
+
), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react22.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ import_react22.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ import_react22.default.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__ */ import_react22.default.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-white flex flex-col transition-all group" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative w-14 h-14 md:w-16 md:h-16 shrink-0 bg-white overflow-hidden rounded-xl" }, /* @__PURE__ */ import_react22.default.createElement(
|
|
1238
1238
|
import_image6.default,
|
|
1239
1239
|
{
|
|
1240
1240
|
src: member.imageSrc,
|
|
@@ -1284,7 +1284,7 @@ var ManagedProjectsBlock = ({
|
|
|
1284
1284
|
backgroundRepeat: "repeat"
|
|
1285
1285
|
}
|
|
1286
1286
|
}
|
|
1287
|
-
), /* @__PURE__ */ import_react24.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react24.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ import_react24.default.createElement("h1", { className: " text-
|
|
1287
|
+
), /* @__PURE__ */ import_react24.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react24.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ import_react24.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
1288
1288
|
const isLast = index === projects.length - 1;
|
|
1289
1289
|
const projectContent = /* @__PURE__ */ import_react24.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react24.default.createElement("h2", { className: " text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[12px] opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" }, project.isExternal ? "\u2197" : "\u2192")), /* @__PURE__ */ import_react24.default.createElement("span", { className: `text-[9px] px-2.5 py-1 rounded-full tracking-[0.15em] uppercase transition-colors ${project.status.toLowerCase() === "production" ? "bg-black text-white" : "bg-neutral-100 text-neutral-500 group-hover:bg-neutral-200 group-hover:text-black"}` }, project.status)), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] tracking-[0.2em] text-neutral-500 shrink-0 uppercase" }, project.date)), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 max-w-4xl text-left transition-colors group-hover:text-black" }, project.description));
|
|
1290
1290
|
return /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react24.default.createElement(import_link6.default, { href: project.link, className: "block outline-none" }, projectContent));
|
|
@@ -1417,7 +1417,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1417
1417
|
backgroundRepeat: "repeat"
|
|
1418
1418
|
}
|
|
1419
1419
|
}
|
|
1420
|
-
), /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "mb-10 border-b border-neutral-200 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 uppercase" }, tagline), /* @__PURE__ */ import_react29.default.createElement("h1", { className: " text-
|
|
1420
|
+
), /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "mb-10 border-b border-neutral-200 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 uppercase" }, tagline), /* @__PURE__ */ import_react29.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 uppercase" }, subtitle)), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ import_react29.default.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ import_react29.default.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "grow h-px bg-neutral-200" }), /* @__PURE__ */ import_react29.default.createElement("span", { className: "shrink mx-4 text-[10px] tracking-[0.2em] text-neutral-400 uppercase" }, dividerText), /* @__PURE__ */ import_react29.default.createElement("div", { className: "grow h-px bg-neutral-200" })), ctaText && ctaHref && /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ import_react29.default.createElement(
|
|
1421
1421
|
ThreeDButton,
|
|
1422
1422
|
{
|
|
1423
1423
|
href: ctaHref,
|
|
@@ -1622,7 +1622,7 @@ var ProductHero = ({
|
|
|
1622
1622
|
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")`
|
|
1623
1623
|
}
|
|
1624
1624
|
}
|
|
1625
|
-
), /* @__PURE__ */ import_react33.default.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-10" }, badgeText && /* @__PURE__ */ import_react33.default.createElement("div", { className: "inline-flex items-center gap-1.5 mb-6 px-4 py-1.5 rounded-full bg-neutral-100 border border-neutral-200 backdrop-blur-md shadow-xs" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-600 uppercase
|
|
1625
|
+
), /* @__PURE__ */ import_react33.default.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-10" }, badgeText && /* @__PURE__ */ import_react33.default.createElement("div", { className: "inline-flex items-center gap-1.5 mb-6 px-4 py-1.5 rounded-full bg-neutral-100 border border-neutral-200 backdrop-blur-md shadow-xs" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-600 uppercase " }, badgeText)), /* @__PURE__ */ import_react33.default.createElement("h1", { className: " text-[40px] font-light md:text-5xl lg:text-7xl text-black tracking-tight leading-[1.05] max-w-4xl mb-4" }, titlePrefix, " ", /* @__PURE__ */ import_react33.default.createElement("span", { className: "bg-linear-to-r from-[#043324] to-[#21a473] bg-clip-text text-transparent italic pr-2" }, highlightText)), subtitle && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-[13px] md:text-[16px] text-neutral-600 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-12 relative z-30" }, ctaText && ctaHref && /* @__PURE__ */ import_react33.default.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ import_react33.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react33.default.createElement(
|
|
1626
1626
|
import_link8.default,
|
|
1627
1627
|
{
|
|
1628
1628
|
href: secondaryCtaHref,
|
|
@@ -1693,7 +1693,7 @@ var GifFeatureCard = ({
|
|
|
1693
1693
|
{
|
|
1694
1694
|
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"
|
|
1695
1695
|
}
|
|
1696
|
-
), /* @__PURE__ */ import_react34.default.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__ */ import_react34.default.createElement("h3", { className: " text-xl sm:text-2xl md:text-3xl
|
|
1696
|
+
), /* @__PURE__ */ import_react34.default.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__ */ import_react34.default.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__ */ import_react34.default.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
|
|
1697
1697
|
};
|
|
1698
1698
|
|
|
1699
1699
|
// src/components/UniversalSidebar.tsx
|
|
@@ -2932,7 +2932,7 @@ var Banner = ({
|
|
|
2932
2932
|
};
|
|
2933
2933
|
const currentConfig = config[type];
|
|
2934
2934
|
const IconToUse = icon || currentConfig.defaultIcon;
|
|
2935
|
-
return /* @__PURE__ */ import_react52.default.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__ */ import_react52.default.createElement("div", { className: `shrink-0 mt-0.5 ${currentConfig.iconColor}` }, /* @__PURE__ */ import_react52.default.createElement(import_react53.HugeiconsIcon, { icon: IconToUse, size: 20 })), /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 pr-6" }, /* @__PURE__ */ import_react52.default.createElement("h4", { className: `text-sm
|
|
2935
|
+
return /* @__PURE__ */ import_react52.default.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__ */ import_react52.default.createElement("div", { className: `shrink-0 mt-0.5 ${currentConfig.iconColor}` }, /* @__PURE__ */ import_react52.default.createElement(import_react53.HugeiconsIcon, { icon: IconToUse, size: 20 })), /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex-1 flex flex-col min-w-0 pr-6" }, /* @__PURE__ */ import_react52.default.createElement("h4", { className: `text-sm tracking-tight mb-1 ${currentConfig.titleColor}` }, title), /* @__PURE__ */ import_react52.default.createElement("p", { className: `text-xs leading-relaxed ${currentConfig.msgColor}` }, message), action && /* @__PURE__ */ import_react52.default.createElement("div", { className: "mt-3" }, action)), isDismissible && /* @__PURE__ */ import_react52.default.createElement(
|
|
2936
2936
|
"button",
|
|
2937
2937
|
{
|
|
2938
2938
|
onClick: handleDismiss,
|
|
@@ -4003,7 +4003,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
4003
4003
|
"h2",
|
|
4004
4004
|
{
|
|
4005
4005
|
ref: titleRef,
|
|
4006
|
-
className: ` text-
|
|
4006
|
+
className: ` text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
4007
4007
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
4008
4008
|
},
|
|
4009
4009
|
bottomHeadline
|
|
@@ -4016,7 +4016,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
4016
4016
|
sizes: "48px",
|
|
4017
4017
|
className: "object-cover"
|
|
4018
4018
|
}
|
|
4019
|
-
)))), /* @__PURE__ */ import_react71.default.createElement("p", { className: "text-[12px]
|
|
4019
|
+
)))), /* @__PURE__ */ import_react71.default.createElement("p", { className: "text-[12px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react71.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react71.default.createElement("div", { key: idx, className: " border border-neutral-200 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "flex items-center gap-3 mb-6" }, /* @__PURE__ */ import_react71.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-neutral-400 shrink-0" }), /* @__PURE__ */ import_react71.default.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ import_react71.default.createElement("div", { className: "text-6xl md:text-[80px] font-light tracking-tighter text-black mt-auto leading-none" }, stat.value)))))));
|
|
4020
4020
|
};
|
|
4021
4021
|
|
|
4022
4022
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -4072,10 +4072,10 @@ var ConsultantShowcase = ({
|
|
|
4072
4072
|
}
|
|
4073
4073
|
};
|
|
4074
4074
|
if (!profiles || profiles.length === 0) return null;
|
|
4075
|
-
return /* @__PURE__ */ import_react72.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8
|
|
4075
|
+
return /* @__PURE__ */ import_react72.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react72.default.createElement(
|
|
4076
4076
|
"div",
|
|
4077
4077
|
{
|
|
4078
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
4078
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
4079
4079
|
onTouchStart,
|
|
4080
4080
|
onTouchMove,
|
|
4081
4081
|
onTouchEnd
|
|
@@ -4098,7 +4098,7 @@ var ConsultantShowcase = ({
|
|
|
4098
4098
|
),
|
|
4099
4099
|
/* @__PURE__ */ import_react72.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
|
|
4100
4100
|
/* @__PURE__ */ import_react72.default.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" }),
|
|
4101
|
-
/* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement("h2", { className: "text-[
|
|
4101
|
+
/* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement("h2", { className: "text-[29px] tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ import_react72.default.createElement("p", { className: "text-[15px] text-white/80 font-light tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ import_react72.default.createElement("p", { className: "text-[15px] text-white/80 font-light tracking-wide mt-1" }, profile.description)))
|
|
4102
4102
|
);
|
|
4103
4103
|
}),
|
|
4104
4104
|
/* @__PURE__ */ import_react72.default.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" }),
|
|
@@ -4144,14 +4144,14 @@ var ContentGridBlock = ({
|
|
|
4144
4144
|
middleBottomCard,
|
|
4145
4145
|
rightCards
|
|
4146
4146
|
}) => {
|
|
4147
|
-
return /* @__PURE__ */ import_react74.default.createElement("section", { className: "py-24 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react74.default.createElement("h2", { className: "text-
|
|
4147
|
+
return /* @__PURE__ */ import_react74.default.createElement("section", { className: "py-24 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react74.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-[#A7372A]" }, header.highlightText))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[17px] text-black leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react74.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 uppercase tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement("h4", { className: "text-[15px] text-black" }, leftCard.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ import_react74.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react74.default.createElement(import_image13.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react74.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react74.default.createElement(import_image13.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-200 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react74.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react74.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[12px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react74.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react74.default.createElement(import_image13.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react74.default.createElement("span", { className: "text-[11px] text-neutral-400 uppercase tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react74.default.createElement("div", { key: idx, className: "relative w-full h-80 rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react74.default.createElement(
|
|
4148
4148
|
ImageWithLoader2,
|
|
4149
4149
|
{
|
|
4150
4150
|
src: card.bgImageSrc,
|
|
4151
4151
|
alt: card.title,
|
|
4152
4152
|
className: "absolute inset-0 w-full h-full"
|
|
4153
4153
|
}
|
|
4154
|
-
), /* @__PURE__ */ import_react74.default.createElement("div", { className: "absolute inset-0 bg-
|
|
4154
|
+
), /* @__PURE__ */ import_react74.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-20 pointer-events-none" }), /* @__PURE__ */ import_react74.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react74.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 uppercase tracking-widest" }, card.tag), /* @__PURE__ */ import_react74.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react74.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react74.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
4155
4155
|
};
|
|
4156
4156
|
// Annotate the CommonJS export names for ESM import in node:
|
|
4157
4157
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -32,11 +32,11 @@ var Faq = ({
|
|
|
32
32
|
const toggleFaq = (index) => {
|
|
33
33
|
setActiveFaq(activeFaq === index ? null : index);
|
|
34
34
|
};
|
|
35
|
-
return /* @__PURE__ */ React.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-300 w-full flex flex-col lg:flex-row gap-12 lg:gap-20" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start lg:w-[40%] shrink-0" }, badgeText && /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full
|
|
35
|
+
return /* @__PURE__ */ React.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-300 w-full flex flex-col lg:flex-row gap-12 lg:gap-20" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start lg:w-[40%] shrink-0" }, badgeText && /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-neutral-200 text-black mb-6 shadow-[0_4px_14px_rgba(0,0,0,0.15)]" }, /* @__PURE__ */ React.createElement("span", { className: "text-[10px] tracking-widest uppercase mt-px" }, badgeText)), title && /* @__PURE__ */ React.createElement(
|
|
36
36
|
"h2",
|
|
37
37
|
{
|
|
38
38
|
ref: titleRef,
|
|
39
|
-
className: ` text-
|
|
39
|
+
className: ` text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
40
40
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
41
41
|
},
|
|
42
42
|
title
|
|
@@ -74,7 +74,7 @@ var Faq = ({
|
|
|
74
74
|
/* @__PURE__ */ React.createElement(
|
|
75
75
|
"span",
|
|
76
76
|
{
|
|
77
|
-
className: `text-[15px]
|
|
77
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ React.createElement("span", { className: isOpen ? "text-neutral-400" : "text-neutral-400" }, index + 1, "."),
|
|
80
80
|
faq.question
|
|
@@ -430,7 +430,7 @@ function AuthFormInner({
|
|
|
430
430
|
className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
|
|
431
431
|
required: true
|
|
432
432
|
}
|
|
433
|
-
), /* @__PURE__ */ React4.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React4.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline
|
|
433
|
+
), /* @__PURE__ */ React4.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React4.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Terms of Service"), " and ", /* @__PURE__ */ React4.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ React4.createElement(
|
|
434
434
|
ThreeDActionButton,
|
|
435
435
|
{
|
|
436
436
|
type: "submit",
|
|
@@ -439,7 +439,7 @@ function AuthFormInner({
|
|
|
439
439
|
className: "w-full mt-10"
|
|
440
440
|
},
|
|
441
441
|
"Continue"
|
|
442
|
-
))), step === "OTP" && /* @__PURE__ */ React4.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React4.createElement("div", { className: "text-center mb-10 mt-2" }, /* @__PURE__ */ React4.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, "Security Check"), /* @__PURE__ */ React4.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code sent to ", /* @__PURE__ */ React4.createElement("br", null), /* @__PURE__ */ React4.createElement("span", { className: "text-black
|
|
442
|
+
))), step === "OTP" && /* @__PURE__ */ React4.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React4.createElement("div", { className: "text-center mb-10 mt-2" }, /* @__PURE__ */ React4.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, "Security Check"), /* @__PURE__ */ React4.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code sent to ", /* @__PURE__ */ React4.createElement("br", null), /* @__PURE__ */ React4.createElement("span", { className: "text-black " }, emailId))), /* @__PURE__ */ React4.createElement("form", { className: "space-y-10", autoComplete: "off", onSubmit: (e) => {
|
|
443
443
|
e.preventDefault();
|
|
444
444
|
verifyOtpCode(otp.join(""));
|
|
445
445
|
} }, /* @__PURE__ */ React4.createElement("div", { className: "flex justify-between gap-2", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ React4.createElement(
|
|
@@ -475,7 +475,7 @@ function AuthFormInner({
|
|
|
475
475
|
e.currentTarget.style.display = "none";
|
|
476
476
|
}
|
|
477
477
|
}
|
|
478
|
-
)), /* @__PURE__ */ React4.createElement("span", { className: "text-[11px]
|
|
478
|
+
)), /* @__PURE__ */ React4.createElement("span", { className: "text-[11px] text-neutral-700 tracking-tight pr-1" }, "Retina Labs Company")), /* @__PURE__ */ React4.createElement("span", { className: "text-[8px] text-neutral-400 tracking-[0.25em] uppercase" }, "Authentication")));
|
|
479
479
|
}
|
|
480
480
|
var ZairusAuth = (props) => {
|
|
481
481
|
if (props.useRecaptcha && props.recaptchaSiteKey) {
|
|
@@ -497,7 +497,7 @@ var NavLink = ({
|
|
|
497
497
|
}) => {
|
|
498
498
|
const pathname = usePathname();
|
|
499
499
|
const isActive = pathname === href;
|
|
500
|
-
const activeClass = light ? "text-neutral-950
|
|
500
|
+
const activeClass = light ? "text-neutral-950 " : "text-white ";
|
|
501
501
|
const inactiveClass = light ? "text-neutral-600 hover:text-neutral-950" : "text-neutral-400 hover:text-white";
|
|
502
502
|
return /* @__PURE__ */ React5.createElement(
|
|
503
503
|
Link2,
|
|
@@ -653,7 +653,7 @@ var HeroSection = ({
|
|
|
653
653
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
654
654
|
},
|
|
655
655
|
titlePrefix
|
|
656
|
-
), /* @__PURE__ */ React7.createElement("div", { className: "flex justify-center mt-2 mb-10 md:mb-14" }, /* @__PURE__ */ React7.createElement("span", { className: "relative
|
|
656
|
+
), /* @__PURE__ */ React7.createElement("div", { className: "flex justify-center mt-2 mb-10 md:mb-14" }, /* @__PURE__ */ React7.createElement("span", { className: "relative font-light inline-block mx-1.5 px-4 py-2 md:py-3 bg-[#54535314] border border-[#545353] rounded-sm text-[#000000]/60 select-none text-4xl lg:text-6xl tracking-tight" }, /* @__PURE__ */ React7.createElement("span", { className: "absolute top-[-3.5px] left-[-3.5px] w-2 h-2 bg-white border border-[#5453539e] rounded-[1px] z-10" }), /* @__PURE__ */ React7.createElement("span", { className: "absolute top-[-3.5px] right-[-3.5px] w-2 h-2 bg-white border border-[#545353] rounded-[1px] z-10" }), /* @__PURE__ */ React7.createElement("span", { className: "absolute bottom-[-3.5px] left-[-3.5px] w-2 h-2 bg-white border border-[#545353] rounded-[1px] z-10" }), /* @__PURE__ */ React7.createElement("span", { className: "absolute bottom-[-3.5px] right-[-3.5px] w-2 h-2 bg-white border border-[#545353] rounded-[1px] z-10" }), highlightText, /* @__PURE__ */ React7.createElement("span", { className: "absolute -bottom-5 -right-5 flex items-center z-20 pointer-events-none select-none filter drop-shadow-[0_2px_4px_rgba(0,0,0,0.25)]" }, /* @__PURE__ */ React7.createElement("svg", { width: "18", height: "22", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "transform -rotate-12" }, /* @__PURE__ */ React7.createElement("path", { d: "M1 1V17.8L5.8 13.1H12.8L1 1Z", fill: "#545353", stroke: "white", strokeWidth: "1.8", strokeLinejoin: "round" })), /* @__PURE__ */ React7.createElement("span", { className: "ml-1 bg-[#545353] text-[10px] text-white px-2 py-0.5 rounded-full border border-white tracking-wide" }, cursorLabel)))), subtitle && /* @__PURE__ */ React7.createElement("p", { className: "text-[13px] md:text-[15px] text-neutral-500 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-10" }, ctaText && ctaHref && /* @__PURE__ */ React7.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ React7.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React7.createElement(
|
|
657
657
|
Link4,
|
|
658
658
|
{
|
|
659
659
|
href: secondaryCtaHref,
|
|
@@ -970,7 +970,7 @@ var ManagedDocument = ({
|
|
|
970
970
|
"h1",
|
|
971
971
|
{
|
|
972
972
|
ref: titleRef,
|
|
973
|
-
className: ` text-
|
|
973
|
+
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
974
974
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
975
975
|
},
|
|
976
976
|
title
|
|
@@ -1015,7 +1015,7 @@ var ManagedContactBlock = ({
|
|
|
1015
1015
|
backgroundRepeat: "repeat"
|
|
1016
1016
|
}
|
|
1017
1017
|
}
|
|
1018
|
-
), /* @__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-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ React13.createElement("h1", { className: " text-
|
|
1018
|
+
), /* @__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-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, 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("h2", { className: "text-[11px] tracking-[0.2em] text-black mb-4 uppercase" }, "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(
|
|
1019
1019
|
"a",
|
|
1020
1020
|
{
|
|
1021
1021
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
@@ -1089,7 +1089,7 @@ var ManagedPricingBlock = ({
|
|
|
1089
1089
|
key: planIdx,
|
|
1090
1090
|
className: `bg-white rounded-3xl p-6 flex flex-col relative overflow-hidden ${plan.isPremium ? "" : ""}`
|
|
1091
1091
|
},
|
|
1092
|
-
/* @__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("span", { className: "text-5xl
|
|
1092
|
+
/* @__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("span", { className: "text-5xl 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" }, 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(
|
|
1093
1093
|
"div",
|
|
1094
1094
|
{
|
|
1095
1095
|
key: logoIdx,
|
|
@@ -1154,7 +1154,7 @@ var ManagedBoardBlock = ({
|
|
|
1154
1154
|
backgroundRepeat: "repeat"
|
|
1155
1155
|
}
|
|
1156
1156
|
}
|
|
1157
|
-
), /* @__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-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ React15.createElement("h1", { className: " text-
|
|
1157
|
+
), /* @__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-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, 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(
|
|
1158
1158
|
Image6,
|
|
1159
1159
|
{
|
|
1160
1160
|
src: member.imageSrc,
|
|
@@ -1204,7 +1204,7 @@ var ManagedProjectsBlock = ({
|
|
|
1204
1204
|
backgroundRepeat: "repeat"
|
|
1205
1205
|
}
|
|
1206
1206
|
}
|
|
1207
|
-
), /* @__PURE__ */ React16.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React16.createElement(GridSection, null, tagline && /* @__PURE__ */ React16.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ React16.createElement("h1", { className: " text-
|
|
1207
|
+
), /* @__PURE__ */ React16.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React16.createElement(GridSection, null, tagline && /* @__PURE__ */ React16.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 text-left block uppercase" }, tagline), /* @__PURE__ */ React16.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
1208
1208
|
const isLast = index === projects.length - 1;
|
|
1209
1209
|
const projectContent = /* @__PURE__ */ React16.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React16.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__ */ React16.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React16.createElement("h2", { className: " text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React16.createElement("span", { className: "text-[12px] opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300" }, project.isExternal ? "\u2197" : "\u2192")), /* @__PURE__ */ React16.createElement("span", { className: `text-[9px] px-2.5 py-1 rounded-full tracking-[0.15em] uppercase transition-colors ${project.status.toLowerCase() === "production" ? "bg-black text-white" : "bg-neutral-100 text-neutral-500 group-hover:bg-neutral-200 group-hover:text-black"}` }, project.status)), /* @__PURE__ */ React16.createElement("span", { className: "text-[10px] tracking-[0.2em] text-neutral-500 shrink-0 uppercase" }, project.date)), /* @__PURE__ */ React16.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 max-w-4xl text-left transition-colors group-hover:text-black" }, project.description));
|
|
1210
1210
|
return /* @__PURE__ */ React16.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__ */ React16.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React16.createElement(Link6, { href: project.link, className: "block outline-none" }, projectContent));
|
|
@@ -1337,7 +1337,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1337
1337
|
backgroundRepeat: "repeat"
|
|
1338
1338
|
}
|
|
1339
1339
|
}
|
|
1340
|
-
), /* @__PURE__ */ React20.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React20.createElement("div", { className: "mb-10 border-b border-neutral-200 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ React20.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 uppercase" }, tagline), /* @__PURE__ */ React20.createElement("h1", { className: " text-
|
|
1340
|
+
), /* @__PURE__ */ React20.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React20.createElement("div", { className: "mb-10 border-b border-neutral-200 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ React20.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-500 uppercase" }, tagline), /* @__PURE__ */ React20.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ React20.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 uppercase" }, subtitle)), /* @__PURE__ */ React20.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ React20.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ React20.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React20.createElement("div", { className: "grow h-px bg-neutral-200" }), /* @__PURE__ */ React20.createElement("span", { className: "shrink mx-4 text-[10px] tracking-[0.2em] text-neutral-400 uppercase" }, dividerText), /* @__PURE__ */ React20.createElement("div", { className: "grow h-px bg-neutral-200" })), ctaText && ctaHref && /* @__PURE__ */ React20.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ React20.createElement(
|
|
1341
1341
|
ThreeDButton,
|
|
1342
1342
|
{
|
|
1343
1343
|
href: ctaHref,
|
|
@@ -1542,7 +1542,7 @@ var ProductHero = ({
|
|
|
1542
1542
|
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")`
|
|
1543
1543
|
}
|
|
1544
1544
|
}
|
|
1545
|
-
), /* @__PURE__ */ React23.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-10" }, badgeText && /* @__PURE__ */ React23.createElement("div", { className: "inline-flex items-center gap-1.5 mb-6 px-4 py-1.5 rounded-full bg-neutral-100 border border-neutral-200 backdrop-blur-md shadow-xs" }, /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-600 uppercase
|
|
1545
|
+
), /* @__PURE__ */ React23.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-10" }, badgeText && /* @__PURE__ */ React23.createElement("div", { className: "inline-flex items-center gap-1.5 mb-6 px-4 py-1.5 rounded-full bg-neutral-100 border border-neutral-200 backdrop-blur-md shadow-xs" }, /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] tracking-[0.4em] text-neutral-600 uppercase " }, badgeText)), /* @__PURE__ */ React23.createElement("h1", { className: " text-[40px] font-light md:text-5xl lg:text-7xl text-black tracking-tight leading-[1.05] max-w-4xl mb-4" }, titlePrefix, " ", /* @__PURE__ */ React23.createElement("span", { className: "bg-linear-to-r from-[#043324] to-[#21a473] bg-clip-text text-transparent italic pr-2" }, highlightText)), subtitle && /* @__PURE__ */ React23.createElement("p", { className: "text-[13px] md:text-[16px] text-neutral-600 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-12 relative z-30" }, ctaText && ctaHref && /* @__PURE__ */ React23.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ React23.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React23.createElement(
|
|
1546
1546
|
Link8,
|
|
1547
1547
|
{
|
|
1548
1548
|
href: secondaryCtaHref,
|
|
@@ -1613,7 +1613,7 @@ var GifFeatureCard = ({
|
|
|
1613
1613
|
{
|
|
1614
1614
|
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"
|
|
1615
1615
|
}
|
|
1616
|
-
), /* @__PURE__ */ React24.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__ */ React24.createElement("h3", { className: " text-xl sm:text-2xl md:text-3xl
|
|
1616
|
+
), /* @__PURE__ */ React24.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__ */ React24.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__ */ React24.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
|
|
1617
1617
|
};
|
|
1618
1618
|
|
|
1619
1619
|
// src/components/UniversalSidebar.tsx
|
|
@@ -2894,7 +2894,7 @@ var Banner = ({
|
|
|
2894
2894
|
};
|
|
2895
2895
|
const currentConfig = config[type];
|
|
2896
2896
|
const IconToUse = icon || currentConfig.defaultIcon;
|
|
2897
|
-
return /* @__PURE__ */ React33.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__ */ React33.createElement("div", { className: `shrink-0 mt-0.5 ${currentConfig.iconColor}` }, /* @__PURE__ */ React33.createElement(HugeiconsIcon20, { icon: IconToUse, size: 20 })), /* @__PURE__ */ React33.createElement("div", { className: "flex-1 flex flex-col min-w-0 pr-6" }, /* @__PURE__ */ React33.createElement("h4", { className: `text-sm
|
|
2897
|
+
return /* @__PURE__ */ React33.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__ */ React33.createElement("div", { className: `shrink-0 mt-0.5 ${currentConfig.iconColor}` }, /* @__PURE__ */ React33.createElement(HugeiconsIcon20, { icon: IconToUse, size: 20 })), /* @__PURE__ */ React33.createElement("div", { className: "flex-1 flex flex-col min-w-0 pr-6" }, /* @__PURE__ */ React33.createElement("h4", { className: `text-sm tracking-tight mb-1 ${currentConfig.titleColor}` }, title), /* @__PURE__ */ React33.createElement("p", { className: `text-xs leading-relaxed ${currentConfig.msgColor}` }, message), action && /* @__PURE__ */ React33.createElement("div", { className: "mt-3" }, action)), isDismissible && /* @__PURE__ */ React33.createElement(
|
|
2898
2898
|
"button",
|
|
2899
2899
|
{
|
|
2900
2900
|
onClick: handleDismiss,
|
|
@@ -3965,7 +3965,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
3965
3965
|
"h2",
|
|
3966
3966
|
{
|
|
3967
3967
|
ref: titleRef,
|
|
3968
|
-
className: ` text-
|
|
3968
|
+
className: ` text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "animate-gradient-wipe" : ""}`,
|
|
3969
3969
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
3970
3970
|
},
|
|
3971
3971
|
bottomHeadline
|
|
@@ -3978,7 +3978,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
3978
3978
|
sizes: "48px",
|
|
3979
3979
|
className: "object-cover"
|
|
3980
3980
|
}
|
|
3981
|
-
)))), /* @__PURE__ */ React43.createElement("p", { className: "text-[12px]
|
|
3981
|
+
)))), /* @__PURE__ */ React43.createElement("p", { className: "text-[12px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React43.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React43.createElement("div", { key: idx, className: " border border-neutral-200 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React43.createElement("div", { className: "flex items-center gap-3 mb-6" }, /* @__PURE__ */ React43.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-neutral-400 shrink-0" }), /* @__PURE__ */ React43.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ React43.createElement("div", { className: "text-6xl md:text-[80px] font-light tracking-tighter text-black mt-auto leading-none" }, stat.value)))))));
|
|
3982
3982
|
};
|
|
3983
3983
|
|
|
3984
3984
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -4034,10 +4034,10 @@ var ConsultantShowcase = ({
|
|
|
4034
4034
|
}
|
|
4035
4035
|
};
|
|
4036
4036
|
if (!profiles || profiles.length === 0) return null;
|
|
4037
|
-
return /* @__PURE__ */ React44.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8
|
|
4037
|
+
return /* @__PURE__ */ React44.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ React44.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React44.createElement(
|
|
4038
4038
|
"div",
|
|
4039
4039
|
{
|
|
4040
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
4040
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
4041
4041
|
onTouchStart,
|
|
4042
4042
|
onTouchMove,
|
|
4043
4043
|
onTouchEnd
|
|
@@ -4060,7 +4060,7 @@ var ConsultantShowcase = ({
|
|
|
4060
4060
|
),
|
|
4061
4061
|
/* @__PURE__ */ React44.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
|
|
4062
4062
|
/* @__PURE__ */ React44.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" }),
|
|
4063
|
-
/* @__PURE__ */ React44.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__ */ React44.createElement("h2", { className: "text-[
|
|
4063
|
+
/* @__PURE__ */ React44.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__ */ React44.createElement("h2", { className: "text-[29px] tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React44.createElement("p", { className: "text-[15px] text-white/80 font-light tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ React44.createElement("p", { className: "text-[15px] text-white/80 font-light tracking-wide mt-1" }, profile.description)))
|
|
4064
4064
|
);
|
|
4065
4065
|
}),
|
|
4066
4066
|
/* @__PURE__ */ React44.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" }),
|
|
@@ -4106,14 +4106,14 @@ var ContentGridBlock = ({
|
|
|
4106
4106
|
middleBottomCard,
|
|
4107
4107
|
rightCards
|
|
4108
4108
|
}) => {
|
|
4109
|
-
return /* @__PURE__ */ React45.createElement("section", { className: "py-24 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React45.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React45.createElement("h2", { className: "text-
|
|
4109
|
+
return /* @__PURE__ */ React45.createElement("section", { className: "py-24 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React45.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React45.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React45.createElement("span", { className: "text-[#A7372A]" }, header.highlightText))), /* @__PURE__ */ React45.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React45.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[17px] text-black leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React45.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 uppercase tracking-widest" }, leftCard.tag), /* @__PURE__ */ React45.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React45.createElement("div", null, /* @__PURE__ */ React45.createElement("h4", { className: "text-[15px] text-black" }, leftCard.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ React45.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React45.createElement(Image13, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React45.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React45.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React45.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React45.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React45.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React45.createElement(Image13, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React45.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React45.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React45.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-200 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React45.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React45.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[12px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React45.createElement("div", { className: "border border-neutral-200 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React45.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React45.createElement("div", null, /* @__PURE__ */ React45.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React45.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React45.createElement(Image13, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React45.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React45.createElement("span", { className: "text-[11px] text-neutral-400 uppercase tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React45.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React45.createElement("div", { key: idx, className: "relative w-full h-80 rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React45.createElement(
|
|
4110
4110
|
ImageWithLoader2,
|
|
4111
4111
|
{
|
|
4112
4112
|
src: card.bgImageSrc,
|
|
4113
4113
|
alt: card.title,
|
|
4114
4114
|
className: "absolute inset-0 w-full h-full"
|
|
4115
4115
|
}
|
|
4116
|
-
), /* @__PURE__ */ React45.createElement("div", { className: "absolute inset-0 bg-
|
|
4116
|
+
), /* @__PURE__ */ React45.createElement("div", { className: "absolute inset-0 bg-black/20 z-20 pointer-events-none" }), /* @__PURE__ */ React45.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React45.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React45.createElement("span", { className: "mb-4 text-[11px] text-white/50 uppercase tracking-widest" }, card.tag), /* @__PURE__ */ React45.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React45.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ React45.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
4117
4117
|
};
|
|
4118
4118
|
export {
|
|
4119
4119
|
AITranscriptionFeature,
|