@retinalabsllc/zairusjs 8.1.59 → 8.1.65
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.d.mts +6 -21
- package/dist/index.d.ts +6 -21
- package/dist/index.js +206 -183
- package/dist/index.mjs +248 -225
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -81,6 +81,7 @@ var Faq = ({
|
|
|
81
81
|
}
|
|
82
82
|
},
|
|
83
83
|
{ threshold: 0.1 }
|
|
84
|
+
// Triggers when 10% of the title is visible
|
|
84
85
|
);
|
|
85
86
|
if (titleRef.current) {
|
|
86
87
|
observer.observe(titleRef.current);
|
|
@@ -90,11 +91,11 @@ var Faq = ({
|
|
|
90
91
|
const toggleFaq = (index) => {
|
|
91
92
|
setActiveFaq(activeFaq === index ? null : index);
|
|
92
93
|
};
|
|
93
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative
|
|
94
|
+
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: "flex flex-col gap-10 max-w-4xl w-full" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-center w-full" }, title && /* @__PURE__ */ import_react.default.createElement(
|
|
94
95
|
"h2",
|
|
95
96
|
{
|
|
96
97
|
ref: titleRef,
|
|
97
|
-
className: `text-3xl
|
|
98
|
+
className: `text-3xl text-black tracking-tight leading-[1.15] ${isAnimating ? "" : ""}`,
|
|
98
99
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
99
100
|
},
|
|
100
101
|
"FAQ"
|
|
@@ -102,10 +103,10 @@ var Faq = ({
|
|
|
102
103
|
const isOpen = activeFaq === index;
|
|
103
104
|
const getShadowStyle = () => {
|
|
104
105
|
if (isOpen) return `
|
|
105
|
-
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.
|
|
106
|
-
inset 0 -3px 0 0 rgba(0, 0, 0, 0.
|
|
107
|
-
0 4px 0 0 #
|
|
108
|
-
0 12px 24px rgba(0, 0, 0, 0.
|
|
106
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.2),
|
|
107
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.3),
|
|
108
|
+
0 4px 0 0 #0c0c0c,
|
|
109
|
+
0 12px 24px rgba(0, 0, 0, 0.1)
|
|
109
110
|
`;
|
|
110
111
|
return "none";
|
|
111
112
|
};
|
|
@@ -113,7 +114,7 @@ var Faq = ({
|
|
|
113
114
|
"div",
|
|
114
115
|
{
|
|
115
116
|
key: index,
|
|
116
|
-
className: `relative transition-all duration-500 rounded-4xl overflow-hidden
|
|
117
|
+
className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-black border-transparent" : "border border-neutral-200 hover:border-neutral-300"}`,
|
|
117
118
|
style: { boxShadow: getShadowStyle() }
|
|
118
119
|
},
|
|
119
120
|
isOpen && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
@@ -132,19 +133,19 @@ var Faq = ({
|
|
|
132
133
|
/* @__PURE__ */ import_react.default.createElement(
|
|
133
134
|
"span",
|
|
134
135
|
{
|
|
135
|
-
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-
|
|
136
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-black"}`
|
|
136
137
|
},
|
|
137
|
-
/* @__PURE__ */ import_react.default.createElement("span", { className: "text-neutral-
|
|
138
|
+
/* @__PURE__ */ import_react.default.createElement("span", { className: isOpen ? "text-neutral-400" : "text-neutral-400" }, index + 1, "."),
|
|
138
139
|
faq.question
|
|
139
140
|
),
|
|
140
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className: `shrink-0 transition-colors duration-300 ${isOpen ? "text-white" : "text-
|
|
141
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: `shrink-0 transition-colors duration-300 ${isOpen ? "text-white" : "text-black group-hover:text-black/70"}` }, isOpen ? /* @__PURE__ */ import_react.default.createElement("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M8 12h8", strokeLinecap: "round" })) : /* @__PURE__ */ import_react.default.createElement("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 8v8M8 12h8", strokeLinecap: "round" })))
|
|
141
142
|
),
|
|
142
143
|
/* @__PURE__ */ import_react.default.createElement(
|
|
143
144
|
"div",
|
|
144
145
|
{
|
|
145
146
|
className: `relative z-20 grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`
|
|
146
147
|
},
|
|
147
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react.default.createElement("p", { className: `text-[14px] leading-relaxed px-6 pb-6 pt-0 pr-12 transition-colors duration-300 ${isOpen ? "text-neutral-
|
|
148
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react.default.createElement("p", { className: `text-[14px] leading-relaxed px-6 pb-6 pt-0 pr-12 transition-colors duration-300 ${isOpen ? "text-neutral-300" : "text-transparent"}` }, faq.answer))
|
|
148
149
|
)
|
|
149
150
|
);
|
|
150
151
|
}))));
|
|
@@ -159,23 +160,31 @@ var ThreeDButton = ({
|
|
|
159
160
|
className = "",
|
|
160
161
|
onClick
|
|
161
162
|
}) => {
|
|
162
|
-
const
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
163
|
+
const baseShadow = `
|
|
164
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.3),
|
|
165
|
+
inset 0 -2px 0 0 rgba(0, 0, 0, 0.5),
|
|
166
|
+
0 3px 0 0 #0c0c0c,
|
|
167
|
+
0 6px 10px rgba(0, 0, 0, 0.3)
|
|
168
|
+
`;
|
|
169
|
+
const hoverShadow = `
|
|
170
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35),
|
|
171
|
+
inset 0 -2px 0 0 rgba(0, 0, 0, 0.5),
|
|
172
|
+
0 4px 0 0 #0c0c0c,
|
|
173
|
+
0 8px 12px rgba(0, 0, 0, 0.35)
|
|
174
|
+
`;
|
|
175
|
+
const activeShadow = `
|
|
176
|
+
inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
|
|
177
|
+
inset 0 -1px 0 0 rgba(0, 0, 0, 0.5),
|
|
178
|
+
0 1px 0 0 #0c0c0c,
|
|
179
|
+
0 2px 4px rgba(0, 0, 0, 0.2)
|
|
180
|
+
`;
|
|
166
181
|
return /* @__PURE__ */ import_react2.default.createElement(
|
|
167
182
|
import_link.default,
|
|
168
183
|
{
|
|
169
184
|
href,
|
|
170
185
|
onClick,
|
|
171
|
-
className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
172
|
-
style: {
|
|
173
|
-
backgroundImage: silverBg,
|
|
174
|
-
backgroundSize: "cover",
|
|
175
|
-
backgroundPosition: "center right",
|
|
176
|
-
boxShadow: baseShadow,
|
|
177
|
-
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
178
|
-
},
|
|
186
|
+
className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full bg-neutral-950 text-white text-xs transition-all duration-150 select-none group ${className}`,
|
|
187
|
+
style: { boxShadow: baseShadow },
|
|
179
188
|
onMouseEnter: (e) => {
|
|
180
189
|
e.currentTarget.style.boxShadow = hoverShadow;
|
|
181
190
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
@@ -192,8 +201,8 @@ var ThreeDButton = ({
|
|
|
192
201
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
193
202
|
}
|
|
194
203
|
},
|
|
195
|
-
/* @__PURE__ */ import_react2.default.createElement("span", { className: "absolute inset-0 bg-linear-to-
|
|
196
|
-
/* @__PURE__ */ import_react2.default.createElement("span", { className: "relative z-10 pt-1 tracking-wide text-
|
|
204
|
+
/* @__PURE__ */ import_react2.default.createElement("span", { className: "absolute inset-0 rounded-full bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
|
|
205
|
+
/* @__PURE__ */ import_react2.default.createElement("span", { className: "relative z-10 pt-1 tracking-wide text-white/95 group-hover:text-white transition-colors duration-150 flex items-center justify-center leading-none" }, children)
|
|
197
206
|
);
|
|
198
207
|
};
|
|
199
208
|
|
|
@@ -211,11 +220,29 @@ var ThreeDActionButton = ({
|
|
|
211
220
|
ariaLabel
|
|
212
221
|
}) => {
|
|
213
222
|
const isInteractionDisabled = disabled || isLoading;
|
|
214
|
-
const
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
223
|
+
const baseShadow = `
|
|
224
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.3),
|
|
225
|
+
inset 0 -2px 0 0 rgba(0, 0, 0, 0.5),
|
|
226
|
+
0 3px 0 0 #0c0c0c,
|
|
227
|
+
0 6px 10px rgba(0, 0, 0, 0.3)
|
|
228
|
+
`;
|
|
229
|
+
const hoverShadow = `
|
|
230
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35),
|
|
231
|
+
inset 0 -2px 0 0 rgba(0, 0, 0, 0.5),
|
|
232
|
+
0 4px 0 0 #0c0c0c,
|
|
233
|
+
0 8px 12px rgba(0, 0, 0, 0.35)
|
|
234
|
+
`;
|
|
235
|
+
const activeShadow = `
|
|
236
|
+
inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
|
|
237
|
+
inset 0 -1px 0 0 rgba(0, 0, 0, 0.5),
|
|
238
|
+
0 1px 0 0 #0c0c0c,
|
|
239
|
+
0 2px 4px rgba(0, 0, 0, 0.2)
|
|
240
|
+
`;
|
|
241
|
+
const disabledShadow = `
|
|
242
|
+
inset 0 1px 0 0 rgba(255, 255, 255, 0.15),
|
|
243
|
+
inset 0 -1px 0 0 rgba(0, 0, 0, 0.3),
|
|
244
|
+
0 1px 0 0 #1c1c1c
|
|
245
|
+
`;
|
|
219
246
|
return /* @__PURE__ */ import_react3.default.createElement(
|
|
220
247
|
"button",
|
|
221
248
|
{
|
|
@@ -225,18 +252,12 @@ var ThreeDActionButton = ({
|
|
|
225
252
|
"aria-label": ariaLabel,
|
|
226
253
|
className: `
|
|
227
254
|
relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
228
|
-
|
|
229
|
-
transition-all duration-150 select-none group outline-none
|
|
230
|
-
${isInteractionDisabled ? "opacity-
|
|
255
|
+
bg-neutral-950 text-white text-xs tracking-widest
|
|
256
|
+
transition-all duration-150 select-none group outline-none
|
|
257
|
+
${isInteractionDisabled ? "opacity-50 cursor-not-allowed" : "active:translate-y-0.5"}
|
|
231
258
|
${className}
|
|
232
259
|
`,
|
|
233
|
-
style: {
|
|
234
|
-
backgroundImage: silverBg,
|
|
235
|
-
backgroundSize: "cover",
|
|
236
|
-
backgroundPosition: "center right",
|
|
237
|
-
boxShadow: isInteractionDisabled ? disabledShadow : baseShadow,
|
|
238
|
-
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
239
|
-
},
|
|
260
|
+
style: { boxShadow: isInteractionDisabled ? disabledShadow : baseShadow },
|
|
240
261
|
onMouseEnter: (e) => {
|
|
241
262
|
if (isInteractionDisabled) return;
|
|
242
263
|
e.currentTarget.style.boxShadow = hoverShadow;
|
|
@@ -257,8 +278,8 @@ var ThreeDActionButton = ({
|
|
|
257
278
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
258
279
|
}
|
|
259
280
|
},
|
|
260
|
-
/* @__PURE__ */ import_react3.default.createElement("span", { className: "absolute inset-0 bg-linear-to-
|
|
261
|
-
/* @__PURE__ */ import_react3.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 leading-none
|
|
281
|
+
/* @__PURE__ */ import_react3.default.createElement("span", { className: "absolute inset-0 rounded-full bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
|
|
282
|
+
/* @__PURE__ */ import_react3.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 leading-none" }, isLoading ? /* @__PURE__ */ import_react3.default.createElement(import_react4.HugeiconsIcon, { icon: import_core_free_icons.Loading03Icon, size: 16, className: "animate-spin text-white" }) : children)
|
|
262
283
|
);
|
|
263
284
|
};
|
|
264
285
|
|
|
@@ -274,8 +295,8 @@ var NavLink = ({
|
|
|
274
295
|
}) => {
|
|
275
296
|
const pathname = (0, import_navigation.usePathname)();
|
|
276
297
|
const isActive = pathname === href;
|
|
277
|
-
const activeClass = "text-
|
|
278
|
-
const inactiveClass = "text-neutral-
|
|
298
|
+
const activeClass = "text-neutral-900 font-medium";
|
|
299
|
+
const inactiveClass = "text-neutral-500 hover:text-neutral-900";
|
|
279
300
|
return /* @__PURE__ */ import_react5.default.createElement(
|
|
280
301
|
import_link2.default,
|
|
281
302
|
{
|
|
@@ -295,19 +316,30 @@ var Header = ({
|
|
|
295
316
|
hideHeaderText = false,
|
|
296
317
|
compact = false
|
|
297
318
|
}) => {
|
|
319
|
+
const [mounted, setMounted] = (0, import_react5.useState)(false);
|
|
320
|
+
(0, import_react5.useEffect)(() => {
|
|
321
|
+
setMounted(true);
|
|
322
|
+
}, []);
|
|
298
323
|
const headerLayoutWidth = compact ? "w-fit mx-auto gap-8 md:gap-16" : "w-full justify-between";
|
|
299
324
|
const hasBrandSection = showLogo || !hideHeaderText;
|
|
300
|
-
|
|
325
|
+
const headerBgClass = "bg-white/80";
|
|
326
|
+
const brandTitleClass = "text-neutral-900";
|
|
327
|
+
const brandSubtitleClass = "text-neutral-500";
|
|
328
|
+
const shouldInvertLogo = !invert;
|
|
329
|
+
if (!mounted) {
|
|
330
|
+
return /* @__PURE__ */ import_react5.default.createElement("div", { className: "absolute inset-x-0 top-0 w-full h-20 z-50 pointer-events-none px-4 pt-4 sm:pt-6" });
|
|
331
|
+
}
|
|
332
|
+
return /* @__PURE__ */ import_react5.default.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none px-4 pt-4 sm:pt-6" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "max-w-5xl mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ import_react5.default.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ import_react5.default.createElement(import_link2.default, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ import_react5.default.createElement(
|
|
301
333
|
import_image.default,
|
|
302
334
|
{
|
|
303
335
|
src: logoSrc,
|
|
304
336
|
alt: `${companyName} Logo`,
|
|
305
337
|
width: 40,
|
|
306
338
|
height: 40,
|
|
307
|
-
className: `object-contain w-8 h-auto ${
|
|
339
|
+
className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
|
|
308
340
|
priority: true
|
|
309
341
|
}
|
|
310
|
-
), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className:
|
|
342
|
+
), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ import_react5.default.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ import_react5.default.createElement(
|
|
311
343
|
NavLink,
|
|
312
344
|
{
|
|
313
345
|
key: index,
|
|
@@ -333,34 +365,34 @@ var Footer = ({
|
|
|
333
365
|
const toggleColumn = (idx) => {
|
|
334
366
|
setOpenCol(openCol === idx ? null : idx);
|
|
335
367
|
};
|
|
336
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "
|
|
368
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "" }, topSection && topSection, /* @__PURE__ */ import_react6.default.createElement("footer", { className: "relative px-6 overflow-hidden flex flex-col" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "relative w-full max-w-7xl mx-auto z-20 flex flex-col" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "relative py-12 md:py-16" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start gap-12 lg:gap-16 mb-12 text-left" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full lg:max-w-sm flex flex-col items-start justify-between shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-4 mb-4" }, /* @__PURE__ */ import_react6.default.createElement("img", { src: "https://retinalabs.company/assets/images/ndpr.avif", alt: "NDPR", className: "w-28 h-auto object-contain filter grayscale opacity-80" }), /* @__PURE__ */ import_react6.default.createElement("img", { src: "https://retinalabs.company/assets/images/gdpr.avif", alt: "GDPR", className: "w-12 h-12 object-contain filter grayscale opacity-80" })), /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-[11px] text-neutral-600 leading-relaxed pr-4" }, description))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full lg:flex-1 lg:max-w-2xl" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "hidden md:grid grid-cols-2 gap-x-16 lg:gap-x-24 gap-y-12" }, columns.map((col, idx) => /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "flex flex-col" }, /* @__PURE__ */ import_react6.default.createElement("h4", { className: "text-[11px] tracking-[0.2em] text-black mb-6 " }, col.title), /* @__PURE__ */ import_react6.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react6.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react6.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors block truncate" }, link.label) : /* @__PURE__ */ import_react6.default.createElement(import_link3.default, { href: link.href, className: "hover:text-black transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-100 mt-4" }, columns.map((col, idx) => {
|
|
337
369
|
const isOpen = openCol === idx;
|
|
338
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "border-b border-neutral-
|
|
370
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "border-b border-neutral-100" }, /* @__PURE__ */ import_react6.default.createElement(
|
|
339
371
|
"button",
|
|
340
372
|
{
|
|
341
373
|
onClick: () => toggleColumn(idx),
|
|
342
374
|
className: "w-full flex items-center justify-between py-5 text-left outline-none"
|
|
343
375
|
},
|
|
344
|
-
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-
|
|
376
|
+
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-black " }, col.title),
|
|
345
377
|
/* @__PURE__ */ import_react6.default.createElement(
|
|
346
378
|
"svg",
|
|
347
379
|
{
|
|
348
|
-
className: `w-4 h-4 text-neutral-
|
|
380
|
+
className: `w-4 h-4 text-neutral-400 transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`,
|
|
349
381
|
fill: "none",
|
|
350
382
|
viewBox: "0 0 24 24",
|
|
351
383
|
stroke: "currentColor"
|
|
352
384
|
},
|
|
353
385
|
/* @__PURE__ */ import_react6.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
|
|
354
386
|
)
|
|
355
|
-
), /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react6.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react6.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-
|
|
356
|
-
})))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "pt-8 mt-4
|
|
387
|
+
), /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react6.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react6.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors" }, link.label) : /* @__PURE__ */ import_react6.default.createElement(import_link3.default, { href: link.href, className: "hover:text-black transition-colors" }, link.label)))))));
|
|
388
|
+
})))), /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-widest text-left" }, copyrightText), socialLinks && socialLinks.length > 0 && /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-6" }, socialLinks.map((social, idx) => /* @__PURE__ */ import_react6.default.createElement(
|
|
357
389
|
"a",
|
|
358
390
|
{
|
|
359
391
|
key: idx,
|
|
360
392
|
href: social.href,
|
|
361
393
|
target: "_blank",
|
|
362
394
|
rel: "noopener noreferrer",
|
|
363
|
-
className: "text-neutral-
|
|
395
|
+
className: "text-neutral-400 hover:text-black transition-colors",
|
|
364
396
|
"aria-label": social.name
|
|
365
397
|
},
|
|
366
398
|
/* @__PURE__ */ import_react6.default.createElement(import_react7.HugeiconsIcon, { icon: social.icon, size: 20 })
|
|
@@ -388,7 +420,7 @@ var TextInput = ({
|
|
|
388
420
|
readOnly,
|
|
389
421
|
type = "text",
|
|
390
422
|
onClick
|
|
391
|
-
}) => /* @__PURE__ */ import_react8.default.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ import_react8.default.createElement("label", { className: "text-[11px] text-neutral-
|
|
423
|
+
}) => /* @__PURE__ */ import_react8.default.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ import_react8.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ import_react8.default.createElement(
|
|
392
424
|
"input",
|
|
393
425
|
{
|
|
394
426
|
type,
|
|
@@ -399,7 +431,7 @@ var TextInput = ({
|
|
|
399
431
|
readOnly,
|
|
400
432
|
autoComplete: "off",
|
|
401
433
|
spellCheck: "false",
|
|
402
|
-
className: `w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-
|
|
434
|
+
className: `w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-100 text-black transition-all outline-none focus:border-black disabled:opacity-50 ${readOnly ? "cursor-pointer" : ""}`
|
|
403
435
|
}
|
|
404
436
|
));
|
|
405
437
|
var NumberInput = ({
|
|
@@ -409,7 +441,7 @@ var NumberInput = ({
|
|
|
409
441
|
placeholder,
|
|
410
442
|
maxLength,
|
|
411
443
|
disabled
|
|
412
|
-
}) => /* @__PURE__ */ import_react8.default.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ import_react8.default.createElement("label", { className: "text-[11px] text-neutral-
|
|
444
|
+
}) => /* @__PURE__ */ import_react8.default.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ import_react8.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, label), /* @__PURE__ */ import_react8.default.createElement(
|
|
413
445
|
"input",
|
|
414
446
|
{
|
|
415
447
|
type: "text",
|
|
@@ -422,7 +454,7 @@ var NumberInput = ({
|
|
|
422
454
|
disabled,
|
|
423
455
|
autoComplete: "off",
|
|
424
456
|
spellCheck: "false",
|
|
425
|
-
className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-
|
|
457
|
+
className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-100 text-black transition-all outline-none focus:border-black disabled:opacity-50"
|
|
426
458
|
}
|
|
427
459
|
));
|
|
428
460
|
|
|
@@ -460,17 +492,17 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
460
492
|
setIsLoading(false);
|
|
461
493
|
}
|
|
462
494
|
};
|
|
463
|
-
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/
|
|
495
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/30" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ import_react9.default.createElement(
|
|
464
496
|
"div",
|
|
465
497
|
{
|
|
466
|
-
className: "w-full max-w-md bg-
|
|
498
|
+
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"
|
|
467
499
|
},
|
|
468
500
|
/* @__PURE__ */ import_react9.default.createElement(
|
|
469
501
|
"button",
|
|
470
502
|
{
|
|
471
503
|
onClick: onClose,
|
|
472
504
|
disabled: isLoading,
|
|
473
|
-
className: "absolute top-4 right-4 p-2 text-neutral-
|
|
505
|
+
className: "absolute top-4 right-4 p-2 text-neutral-700 hover:text-neutral-400 transition-colors disabled:opacity-50 outline-none",
|
|
474
506
|
"aria-label": "Close dialog"
|
|
475
507
|
},
|
|
476
508
|
/* @__PURE__ */ import_react9.default.createElement(
|
|
@@ -490,10 +522,10 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
490
522
|
/* @__PURE__ */ import_react9.default.createElement("path", { d: "m6 6 12 12" })
|
|
491
523
|
)
|
|
492
524
|
),
|
|
493
|
-
/* @__PURE__ */ import_react9.default.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ import_react9.default.createElement("h2", { className: "text-2xl font-light text-
|
|
525
|
+
/* @__PURE__ */ import_react9.default.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ import_react9.default.createElement("h2", { className: "text-2xl font-light text-black tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-[13px] text-neutral-500 font-light leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ import_react9.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ import_react9.default.createElement(
|
|
494
526
|
TextInput,
|
|
495
527
|
{
|
|
496
|
-
label: "
|
|
528
|
+
label: "Email ID",
|
|
497
529
|
type: "email",
|
|
498
530
|
value: email,
|
|
499
531
|
onChange: setEmail,
|
|
@@ -517,7 +549,8 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
517
549
|
var HeroSection = ({
|
|
518
550
|
badgeText,
|
|
519
551
|
titlePrefix,
|
|
520
|
-
highlightText,
|
|
552
|
+
highlightText = "Retina",
|
|
553
|
+
// Defaulted to Retina as requested
|
|
521
554
|
cursorLabel,
|
|
522
555
|
subtitle,
|
|
523
556
|
ctaText,
|
|
@@ -554,7 +587,7 @@ var HeroSection = ({
|
|
|
554
587
|
}
|
|
555
588
|
return () => observer.disconnect();
|
|
556
589
|
}, []);
|
|
557
|
-
return /* @__PURE__ */ import_react10.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 flex flex-col items-center justify-center overflow-hidden w-full bg-
|
|
590
|
+
return /* @__PURE__ */ import_react10.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 flex flex-col items-center justify-center overflow-hidden w-full bg-white" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-0 w-full h-full z-0 overflow-hidden" }, bgVideoSrc ? /* @__PURE__ */ import_react10.default.createElement(
|
|
558
591
|
"video",
|
|
559
592
|
{
|
|
560
593
|
src: bgVideoSrc,
|
|
@@ -577,40 +610,40 @@ var HeroSection = ({
|
|
|
577
610
|
) : null, /* @__PURE__ */ import_react10.default.createElement(
|
|
578
611
|
"div",
|
|
579
612
|
{
|
|
580
|
-
className: "absolute inset-0 z-10 opacity-
|
|
613
|
+
className: "absolute inset-0 z-10 opacity-40 mix-blend-overlay pointer-events-none",
|
|
581
614
|
style: {
|
|
582
|
-
backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.
|
|
615
|
+
backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 35%, rgba(0,0,0,0.05) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.1) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`,
|
|
583
616
|
backgroundSize: "cover",
|
|
584
617
|
backgroundPosition: "center"
|
|
585
618
|
}
|
|
586
619
|
}
|
|
587
|
-
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-0 bg-
|
|
620
|
+
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-0 bg-white/70 backdrop-blur-[2px] z-10" }), /* @__PURE__ */ import_react10.default.createElement(
|
|
588
621
|
"div",
|
|
589
622
|
{
|
|
590
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-
|
|
623
|
+
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.04]",
|
|
591
624
|
style: {
|
|
592
|
-
backgroundImage: "radial-gradient(circle at center, rgba(
|
|
625
|
+
backgroundImage: "radial-gradient(circle at center, rgba(0,0,0,1) 1px, transparent 1px)",
|
|
593
626
|
backgroundSize: "32px 32px"
|
|
594
627
|
}
|
|
595
628
|
}
|
|
596
629
|
), /* @__PURE__ */ import_react10.default.createElement(
|
|
597
630
|
"div",
|
|
598
631
|
{
|
|
599
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.
|
|
632
|
+
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.05] mix-blend-overlay",
|
|
600
633
|
style: {
|
|
601
634
|
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")`
|
|
602
635
|
}
|
|
603
636
|
}
|
|
604
|
-
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-
|
|
637
|
+
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-white to-transparent z-10 pointer-events-none" })), /* @__PURE__ */ import_react10.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-20" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
605
638
|
"h1",
|
|
606
639
|
{
|
|
607
640
|
ref: titleRef,
|
|
608
|
-
className: `text-4xl sm:text-5xl lg:text-7xl font-light mb-6 text-
|
|
641
|
+
className: `text-4xl sm:text-5xl lg:text-7xl font-serif font-light mb-6 text-neutral-900 tracking-tight leading-[1.05] max-w-4xl`,
|
|
609
642
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
610
643
|
},
|
|
611
644
|
/* @__PURE__ */ import_react10.default.createElement("span", { className: "block" }, titlePrefix),
|
|
612
|
-
/* @__PURE__ */ import_react10.default.createElement("span", { className: "block mt-2 font-medium
|
|
613
|
-
), subtitle && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[14px] md:text-[16px] text-neutral-
|
|
645
|
+
/* @__PURE__ */ import_react10.default.createElement("span", { className: "block mt-2 font-medium text-neutral-900" }, highlightText)
|
|
646
|
+
), subtitle && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[14px] md:text-[16px] text-neutral-600 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react10.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-16" }, ctaText && (ctaHref || isWaitlist) && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
614
647
|
ThreeDButton,
|
|
615
648
|
{
|
|
616
649
|
href: isWaitlist ? "#" : ctaHref || "#",
|
|
@@ -624,10 +657,10 @@ var HeroSection = ({
|
|
|
624
657
|
import_link4.default,
|
|
625
658
|
{
|
|
626
659
|
href: secondaryCtaHref,
|
|
627
|
-
className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3
|
|
660
|
+
className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3 bg-white/80 backdrop-blur-md text-center text-neutral-900 text-xs hover:bg-neutral-50 hover:border-neutral-300 border border-neutral-200 outline-none transition-all shadow-sm"
|
|
628
661
|
},
|
|
629
662
|
secondaryCtaText
|
|
630
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-
|
|
663
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-500 mb-5" }, appsText), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-80 mix-blend-multiply" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react10.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
631
664
|
import_image2.default,
|
|
632
665
|
{
|
|
633
666
|
src: logo.src,
|
|
@@ -669,36 +702,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
669
702
|
}
|
|
670
703
|
return () => observer.disconnect();
|
|
671
704
|
}, []);
|
|
672
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-full py-16
|
|
705
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-full py-16" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ import_react11.default.createElement(
|
|
673
706
|
"h2",
|
|
674
707
|
{
|
|
675
708
|
ref: titleRef,
|
|
676
|
-
className: `text-3xl
|
|
709
|
+
className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
677
710
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
678
711
|
},
|
|
679
712
|
headline
|
|
680
713
|
))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-6" }, features.map((f, i) => {
|
|
681
|
-
const
|
|
682
|
-
const
|
|
683
|
-
const
|
|
714
|
+
const isWhite = i === 0;
|
|
715
|
+
const isBlack = i === 1;
|
|
716
|
+
const isNeutral = i === 2;
|
|
684
717
|
const getBgStyle = () => {
|
|
685
|
-
if (
|
|
686
|
-
if (
|
|
687
|
-
if (
|
|
688
|
-
return "bg-neutral-
|
|
718
|
+
if (isWhite) return "bg-white";
|
|
719
|
+
if (isBlack) return "bg-black";
|
|
720
|
+
if (isNeutral) return "bg-neutral-200";
|
|
721
|
+
return "bg-neutral-200";
|
|
689
722
|
};
|
|
690
723
|
const getShadowStyle = () => {
|
|
691
|
-
if (
|
|
692
|
-
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.
|
|
693
|
-
inset 0 -3px 0 0 rgba(0, 0, 0, 0.
|
|
694
|
-
0 4px 0 0 #
|
|
695
|
-
0 12px 24px rgba(0, 0, 0, 0.
|
|
724
|
+
if (isBlack) return `
|
|
725
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.2),
|
|
726
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.3),
|
|
727
|
+
0 4px 0 0 #0c0c0c,
|
|
728
|
+
0 12px 24px rgba(0, 0, 0, 0.1)
|
|
696
729
|
`;
|
|
697
730
|
return "none";
|
|
698
731
|
};
|
|
699
|
-
const textColor = "text-white";
|
|
700
|
-
const subTextColor = "text-neutral-
|
|
701
|
-
const labelColor = "text-neutral-500";
|
|
732
|
+
const textColor = isBlack ? "text-white" : "text-black";
|
|
733
|
+
const subTextColor = isBlack ? "text-neutral-300" : "text-neutral-600";
|
|
734
|
+
const labelColor = isBlack ? "text-neutral-400" : "text-neutral-500";
|
|
702
735
|
return /* @__PURE__ */ import_react11.default.createElement(
|
|
703
736
|
"div",
|
|
704
737
|
{
|
|
@@ -713,9 +746,9 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
713
746
|
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")` }
|
|
714
747
|
}
|
|
715
748
|
),
|
|
716
|
-
|
|
717
|
-
/* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${
|
|
718
|
-
/* @__PURE__ */ import_react11.default.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: `text-[9px]
|
|
749
|
+
isBlack && /* @__PURE__ */ import_react11.default.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" }),
|
|
750
|
+
/* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ import_react11.default.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__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: f.icon, size: 180 }))),
|
|
751
|
+
/* @__PURE__ */ import_react11.default.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: `text-[9px] tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: `p-2 rounded-full transition-colors ${isBlack ? "bg-white/10" : "bg-white/50 backdrop-blur-sm"}` }, /* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react11.default.createElement("h3", { className: `text-xl mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ import_react11.default.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
|
|
719
752
|
);
|
|
720
753
|
})))));
|
|
721
754
|
};
|
|
@@ -728,7 +761,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
728
761
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
729
762
|
const [isBgLoading, setIsBgLoading] = (0, import_react13.useState)(true);
|
|
730
763
|
const [isFgLoading, setIsFgLoading] = (0, import_react13.useState)(!!feature.image);
|
|
731
|
-
return /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-
|
|
764
|
+
return /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-100 rounded-2xl overflow-hidden mb-6 flex items-center justify-center" }, /* @__PURE__ */ import_react13.default.createElement(
|
|
732
765
|
import_image3.default,
|
|
733
766
|
{
|
|
734
767
|
src: bgImage,
|
|
@@ -749,7 +782,7 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
749
782
|
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")`
|
|
750
783
|
}
|
|
751
784
|
}
|
|
752
|
-
), isFgLoading && feature.image && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-
|
|
785
|
+
), isFgLoading && feature.image && /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.Loading03Icon, size: 32, className: "animate-spin text-neutral-400" })), feature.image && /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement(
|
|
753
786
|
import_image3.default,
|
|
754
787
|
{
|
|
755
788
|
src: feature.image,
|
|
@@ -758,11 +791,11 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
758
791
|
sizes: "(max-width: 768px) 90vw, 600px",
|
|
759
792
|
onLoad: () => setIsFgLoading(false),
|
|
760
793
|
className: `
|
|
761
|
-
object-cover object-top-left rounded-tl-2xl shadow-[-12px_-12px_30px_rgba(0,0,0,0.
|
|
794
|
+
object-cover object-top-left rounded-tl-2xl shadow-[-12px_-12px_30px_rgba(0,0,0,0.06)] transition-all duration-700 ease-out
|
|
762
795
|
${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
|
|
763
796
|
`
|
|
764
797
|
}
|
|
765
|
-
))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ import_react13.default.createElement("h3", { className: "text-xl tracking-tight text-
|
|
798
|
+
))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ import_react13.default.createElement("h3", { className: " text-xl tracking-tight text-black mb-2" }, feature.title), /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 max-w-[90%]" }, feature.desc)));
|
|
766
799
|
};
|
|
767
800
|
var FeatureScroll = ({ tagline, headline, features }) => {
|
|
768
801
|
const scrollRef = (0, import_react13.useRef)(null);
|
|
@@ -791,12 +824,12 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
791
824
|
"https://retinalabs.company/assets/images/bg_6.avif",
|
|
792
825
|
"https://retinalabs.company/assets/images/bg_1.avif"
|
|
793
826
|
];
|
|
794
|
-
return /* @__PURE__ */ import_react13.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden
|
|
827
|
+
return /* @__PURE__ */ import_react13.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react13.default.createElement("h2", { className: " text-3xl tracking-tight text-black leading-[1.05]" }, headline)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hidden md:flex items-center gap-3" }, /* @__PURE__ */ import_react13.default.createElement(
|
|
795
828
|
"button",
|
|
796
829
|
{
|
|
797
830
|
onClick: () => scroll("left"),
|
|
798
831
|
disabled: !canScrollLeft,
|
|
799
|
-
className: "p-4 border border-neutral-
|
|
832
|
+
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",
|
|
800
833
|
"aria-label": "Previous feature"
|
|
801
834
|
},
|
|
802
835
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
@@ -805,7 +838,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
805
838
|
{
|
|
806
839
|
onClick: () => scroll("right"),
|
|
807
840
|
disabled: !canScrollRight,
|
|
808
|
-
className: "p-4 border border-neutral-
|
|
841
|
+
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",
|
|
809
842
|
"aria-label": "Next feature"
|
|
810
843
|
},
|
|
811
844
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
@@ -822,7 +855,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
822
855
|
{
|
|
823
856
|
onClick: () => scroll("left"),
|
|
824
857
|
disabled: !canScrollLeft,
|
|
825
|
-
className: "p-4 border border-neutral-
|
|
858
|
+
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"
|
|
826
859
|
},
|
|
827
860
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
828
861
|
), /* @__PURE__ */ import_react13.default.createElement(
|
|
@@ -830,7 +863,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
830
863
|
{
|
|
831
864
|
onClick: () => scroll("right"),
|
|
832
865
|
disabled: !canScrollRight,
|
|
833
|
-
className: "p-4 border border-neutral-
|
|
866
|
+
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"
|
|
834
867
|
},
|
|
835
868
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
836
869
|
))));
|
|
@@ -845,15 +878,15 @@ var PlatformFeatures = ({
|
|
|
845
878
|
description,
|
|
846
879
|
features
|
|
847
880
|
}) => {
|
|
848
|
-
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10
|
|
881
|
+
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.05] mb-6" }, headline), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-600 max-w-2xl" }, description)), /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-full h-px bg-neutral-100 mb-16", "aria-hidden": "true" }), /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement(
|
|
849
882
|
"div",
|
|
850
883
|
{
|
|
851
884
|
key: idx,
|
|
852
885
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
853
886
|
style: { animationDelay: feature.delay || "0ms" }
|
|
854
887
|
},
|
|
855
|
-
/* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-
|
|
856
|
-
/* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-
|
|
888
|
+
/* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: feature.icon, size: 24 })), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-xl tracking-tight text-black" }, feature.title))),
|
|
889
|
+
/* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 pr-4" }, feature.desc))
|
|
857
890
|
)))));
|
|
858
891
|
};
|
|
859
892
|
|
|
@@ -888,19 +921,19 @@ var ManagedDocument = ({
|
|
|
888
921
|
}, []);
|
|
889
922
|
return (
|
|
890
923
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
891
|
-
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative
|
|
924
|
+
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react17.default.createElement(
|
|
892
925
|
"h1",
|
|
893
926
|
{
|
|
894
927
|
ref: titleRef,
|
|
895
|
-
className: `text-3xl mt-4 text-
|
|
928
|
+
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
896
929
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
897
930
|
},
|
|
898
931
|
title
|
|
899
|
-
)), sections.map((section, index) => /* @__PURE__ */ import_react17.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-
|
|
932
|
+
)), sections.map((section, index) => /* @__PURE__ */ import_react17.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react17.default.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react17.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react17.default.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react17.default.createElement(
|
|
900
933
|
"a",
|
|
901
934
|
{
|
|
902
935
|
href: `mailto:${contactEmail}`,
|
|
903
|
-
className: "text-
|
|
936
|
+
className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors"
|
|
904
937
|
},
|
|
905
938
|
contactEmail
|
|
906
939
|
))))))
|
|
@@ -928,7 +961,7 @@ var ManagedContactBlock = ({
|
|
|
928
961
|
emails,
|
|
929
962
|
socials
|
|
930
963
|
}) => {
|
|
931
|
-
return /* @__PURE__ */ import_react18.default.createElement("div", { className: "grow pt-28 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative
|
|
964
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: "grow pt-28 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react18.default.createElement(
|
|
932
965
|
"div",
|
|
933
966
|
{
|
|
934
967
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -937,28 +970,28 @@ var ManagedContactBlock = ({
|
|
|
937
970
|
backgroundRepeat: "repeat"
|
|
938
971
|
}
|
|
939
972
|
}
|
|
940
|
-
), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react18.default.createElement("h1", { className: "text-3xl mt-4 text-
|
|
973
|
+
), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react18.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ import_react18.default.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ import_react18.default.createElement("p", { className: "pt-2" }, /* @__PURE__ */ import_react18.default.createElement(
|
|
941
974
|
"a",
|
|
942
975
|
{
|
|
943
976
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
944
|
-
className: "transition-colors hover:text-
|
|
977
|
+
className: "transition-colors hover:text-black"
|
|
945
978
|
},
|
|
946
979
|
company.phone
|
|
947
|
-
)))), emails && emails.length > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-
|
|
980
|
+
)))), emails && emails.length > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ import_react18.default.createElement("div", { key: idx }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ import_react18.default.createElement(
|
|
948
981
|
SecureEmail,
|
|
949
982
|
{
|
|
950
983
|
user: email.user,
|
|
951
984
|
domain: email.domain,
|
|
952
|
-
className: "text-neutral-
|
|
985
|
+
className: "text-neutral-600 transition-colors hover:text-black"
|
|
953
986
|
}
|
|
954
|
-
))))), socials && socials.length > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-
|
|
987
|
+
))))), socials && socials.length > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ import_react18.default.createElement(
|
|
955
988
|
"a",
|
|
956
989
|
{
|
|
957
990
|
key: idx,
|
|
958
991
|
href: social.href,
|
|
959
992
|
target: "_blank",
|
|
960
993
|
rel: "noopener noreferrer",
|
|
961
|
-
className: "flex items-center gap-3 transition-colors group text-neutral-
|
|
994
|
+
className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black",
|
|
962
995
|
"aria-label": social.label
|
|
963
996
|
},
|
|
964
997
|
/* @__PURE__ */ import_react18.default.createElement(import_react19.HugeiconsIcon, { icon: social.icon, size: 18 }),
|
|
@@ -970,8 +1003,8 @@ var ManagedContactBlock = ({
|
|
|
970
1003
|
var import_react20 = __toESM(require("react"));
|
|
971
1004
|
var import_link5 = __toESM(require("next/link"));
|
|
972
1005
|
var import_image4 = __toESM(require("next/image"));
|
|
973
|
-
var CheckIcon = ({ className = "" }) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "
|
|
974
|
-
var CrossIcon = ({ className = "" }) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#
|
|
1006
|
+
var CheckIcon = ({ className = "" }) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
1007
|
+
var CrossIcon = ({ className = "" }) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#F5F5F5" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M15 9L9 15M9 9l6 6", stroke: "#D4D4D4", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
975
1008
|
var ManagedPricingBlock = ({
|
|
976
1009
|
tagline,
|
|
977
1010
|
title,
|
|
@@ -1001,22 +1034,22 @@ var ManagedPricingBlock = ({
|
|
|
1001
1034
|
}, []);
|
|
1002
1035
|
const hasTabs = tabs && tabs.length > 0;
|
|
1003
1036
|
const currentPlans = hasTabs ? tabs[activeTabIndex].plans : plans;
|
|
1004
|
-
return /* @__PURE__ */ import_react20.default.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative
|
|
1037
|
+
return /* @__PURE__ */ import_react20.default.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[9px] tracking-[0.4em] text-black block " }, tagline), /* @__PURE__ */ import_react20.default.createElement(
|
|
1005
1038
|
"h1",
|
|
1006
1039
|
{
|
|
1007
1040
|
ref: titleRef,
|
|
1008
|
-
className: `text-2xl sm:text-3xl mt-3 text-
|
|
1041
|
+
className: `text-2xl sm:text-3xl mt-3 text-black tracking-tight ${isAnimating ? "" : ""}`,
|
|
1009
1042
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1010
1043
|
},
|
|
1011
1044
|
title
|
|
1012
|
-
)), hasTabs && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center bg-
|
|
1045
|
+
)), hasTabs && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ import_react20.default.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) => {
|
|
1013
1046
|
const isActive = activeTabIndex === idx;
|
|
1014
1047
|
return /* @__PURE__ */ import_react20.default.createElement(
|
|
1015
1048
|
"button",
|
|
1016
1049
|
{
|
|
1017
1050
|
key: idx,
|
|
1018
1051
|
onClick: () => setActiveTabIndex(idx),
|
|
1019
|
-
className: `px-4 sm:px-6 py-1.5 sm:py-2 rounded-full text-[11px] sm:text-xs transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-
|
|
1052
|
+
className: `px-4 sm:px-6 py-1.5 sm:py-2 rounded-full text-[11px] sm:text-xs transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-50 text-black " : "text-neutral-500 hover:text-black hover:bg-neutral-50/50 "}`
|
|
1020
1053
|
},
|
|
1021
1054
|
tab.label
|
|
1022
1055
|
);
|
|
@@ -1024,9 +1057,9 @@ var ManagedPricingBlock = ({
|
|
|
1024
1057
|
"div",
|
|
1025
1058
|
{
|
|
1026
1059
|
key: `${activeTabIndex}-${planIdx}`,
|
|
1027
|
-
className: `bg-
|
|
1060
|
+
className: `bg-white rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "" : ""}`
|
|
1028
1061
|
},
|
|
1029
|
-
/* @__PURE__ */ import_react20.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-
|
|
1062
|
+
/* @__PURE__ */ import_react20.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-black text-base block mb-1" }, plan.name), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-3xl font-light text-black" }, plan.price), plan.period && /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-xs text-neutral-500 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mt-4" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ import_react20.default.createElement(
|
|
1030
1063
|
"div",
|
|
1031
1064
|
{
|
|
1032
1065
|
key: logoIdx,
|
|
@@ -1039,7 +1072,7 @@ var ManagedPricingBlock = ({
|
|
|
1039
1072
|
alt: logo.alt,
|
|
1040
1073
|
width: 16,
|
|
1041
1074
|
height: 16,
|
|
1042
|
-
className: "object-contain
|
|
1075
|
+
className: "object-contain"
|
|
1043
1076
|
}
|
|
1044
1077
|
)
|
|
1045
1078
|
)))),
|
|
@@ -1047,14 +1080,14 @@ var ManagedPricingBlock = ({
|
|
|
1047
1080
|
import_link5.default,
|
|
1048
1081
|
{
|
|
1049
1082
|
href: plan.ctaHref,
|
|
1050
|
-
className: "w-full py-2.5 px-5 rounded-full
|
|
1083
|
+
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"
|
|
1051
1084
|
},
|
|
1052
1085
|
plan.ctaText
|
|
1053
1086
|
),
|
|
1054
1087
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
|
|
1055
1088
|
const isAvailable = feature.value !== false;
|
|
1056
1089
|
const valueText = typeof feature.value === "string" ? feature.value : "";
|
|
1057
|
-
return /* @__PURE__ */ import_react20.default.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ import_react20.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react20.default.createElement(CrossIcon, null), /* @__PURE__ */ import_react20.default.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-
|
|
1090
|
+
return /* @__PURE__ */ import_react20.default.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ import_react20.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react20.default.createElement(CrossIcon, null), /* @__PURE__ */ import_react20.default.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-800" : "text-neutral-400"}` }, feature.name, valueText && /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-neutral-500 ml-1" }, "(", valueText, ")")));
|
|
1058
1091
|
}))
|
|
1059
1092
|
)))));
|
|
1060
1093
|
};
|
|
@@ -1070,7 +1103,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ import_r
|
|
|
1070
1103
|
href,
|
|
1071
1104
|
target: "_blank",
|
|
1072
1105
|
rel: "noopener noreferrer",
|
|
1073
|
-
className: "text-neutral-
|
|
1106
|
+
className: "text-neutral-400 hover:text-black transition-colors",
|
|
1074
1107
|
"aria-label": `${name} on ${label}`
|
|
1075
1108
|
},
|
|
1076
1109
|
/* @__PURE__ */ import_react21.default.createElement(import_react22.HugeiconsIcon, { icon, size: 16 })
|
|
@@ -1082,7 +1115,7 @@ var ManagedBoardBlock = ({
|
|
|
1082
1115
|
contactText,
|
|
1083
1116
|
contactEmail
|
|
1084
1117
|
}) => {
|
|
1085
|
-
return /* @__PURE__ */ import_react21.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative
|
|
1118
|
+
return /* @__PURE__ */ import_react21.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ import_react21.default.createElement(
|
|
1086
1119
|
"div",
|
|
1087
1120
|
{
|
|
1088
1121
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1091,7 +1124,7 @@ var ManagedBoardBlock = ({
|
|
|
1091
1124
|
backgroundRepeat: "repeat"
|
|
1092
1125
|
}
|
|
1093
1126
|
}
|
|
1094
|
-
), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react21.default.createElement("h1", { className: "text-3xl mt-4 text-
|
|
1127
|
+
), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react21.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ import_react21.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_react21.default.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-white flex flex-col transition-all group" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ import_react21.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_react21.default.createElement(
|
|
1095
1128
|
import_image5.default,
|
|
1096
1129
|
{
|
|
1097
1130
|
src: member.imageSrc,
|
|
@@ -1100,7 +1133,7 @@ var ManagedBoardBlock = ({
|
|
|
1100
1133
|
sizes: "(max-width: 768px) 56px, 64px",
|
|
1101
1134
|
className: "object-cover grayscale opacity-100 transition-opacity"
|
|
1102
1135
|
}
|
|
1103
|
-
)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "pt-1" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "text-[14px] md:text-[15px] text-
|
|
1136
|
+
)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "pt-1" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: " text-[14px] md:text-[15px] text-black tracking-tight" }, member.name), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 mt-1.5 " }, member.title))), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 text-left grow mb-8" }, member.bio), /* @__PURE__ */ import_react21.default.createElement("div", { className: "space-y-6 mt-auto" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ import_react21.default.createElement(ThreeDButton, { href: member.website }, "Visit Website")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex space-x-4 pt-5" }, member.twitterHandle && member.twitterHandle.length > 0 && /* @__PURE__ */ import_react21.default.createElement(
|
|
1104
1137
|
MemberSocialLink,
|
|
1105
1138
|
{
|
|
1106
1139
|
href: `https://x.com/${member.twitterHandle}`,
|
|
@@ -1116,34 +1149,24 @@ var ManagedBoardBlock = ({
|
|
|
1116
1149
|
label: "LinkedIn",
|
|
1117
1150
|
name: member.name
|
|
1118
1151
|
}
|
|
1119
|
-
))))))), (contactText || contactEmail) && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[11px] text-neutral-
|
|
1152
|
+
))))))), (contactText || contactEmail) && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react21.default.createElement("a", { href: `mailto:${contactEmail}`, className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors" }, contactEmail))))));
|
|
1120
1153
|
};
|
|
1121
1154
|
|
|
1122
1155
|
// src/components/ManagedNotFoundBlock.tsx
|
|
1123
1156
|
var import_react23 = __toESM(require("react"));
|
|
1124
|
-
var import_link6 = __toESM(require("next/link"));
|
|
1125
1157
|
var ManagedNotFoundBlock = ({
|
|
1126
1158
|
title = "404 - Page Not Found",
|
|
1127
|
-
description = "The page you are looking for does not exist or has been moved."
|
|
1128
|
-
backLinkText = "Go back to Homepage",
|
|
1129
|
-
backLinkHref = "/"
|
|
1159
|
+
description = "The page you are looking for does not exist or has been moved."
|
|
1130
1160
|
}) => {
|
|
1131
|
-
return /* @__PURE__ */ import_react23.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-
|
|
1161
|
+
return /* @__PURE__ */ import_react23.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-transparent" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ import_react23.default.createElement(
|
|
1132
1162
|
"svg",
|
|
1133
1163
|
{
|
|
1134
1164
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1135
1165
|
viewBox: "0 0 24 24",
|
|
1136
|
-
className: "w-12 h-12 fill-neutral-
|
|
1166
|
+
className: "w-12 h-12 fill-neutral-100"
|
|
1137
1167
|
},
|
|
1138
1168
|
/* @__PURE__ */ import_react23.default.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" })
|
|
1139
|
-
)), /* @__PURE__ */ import_react23.default.createElement("h1", { className: "text-xl
|
|
1140
|
-
import_link6.default,
|
|
1141
|
-
{
|
|
1142
|
-
href: backLinkHref,
|
|
1143
|
-
className: "inline-flex items-center justify-center px-8 py-2.5 border border-neutral-800 text-white hover:bg-neutral-800 transition-colors rounded-full text-[11px] tracking-widest outline-none"
|
|
1144
|
-
},
|
|
1145
|
-
backLinkText
|
|
1146
|
-
)));
|
|
1169
|
+
)), /* @__PURE__ */ import_react23.default.createElement("h1", { className: " text-xl md:text-3xl text-black tracking-tight mb-4" }, title), /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, description)));
|
|
1147
1170
|
};
|
|
1148
1171
|
|
|
1149
1172
|
// src/components/PageSpinner.tsx
|
|
@@ -1215,10 +1238,10 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1215
1238
|
imageAlt = "Profile Image",
|
|
1216
1239
|
dividerText = "CONTACT",
|
|
1217
1240
|
ctaText = "Connect With Me",
|
|
1218
|
-
ctaHref = "/contact
|
|
1241
|
+
ctaHref = "/contact",
|
|
1219
1242
|
children
|
|
1220
1243
|
}) => {
|
|
1221
|
-
return /* @__PURE__ */ import_react27.default.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0
|
|
1244
|
+
return /* @__PURE__ */ import_react27.default.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
1222
1245
|
import_image6.default,
|
|
1223
1246
|
{
|
|
1224
1247
|
src: imageSrc,
|
|
@@ -1233,7 +1256,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1233
1256
|
{
|
|
1234
1257
|
className: "absolute inset-0 z-10 pointer-events-none",
|
|
1235
1258
|
style: {
|
|
1236
|
-
background: "linear-gradient(to right, rgba(
|
|
1259
|
+
background: "linear-gradient(to right, rgba(255,255,255,0) 30%, #ffffff 100%)"
|
|
1237
1260
|
}
|
|
1238
1261
|
}
|
|
1239
1262
|
), /* @__PURE__ */ import_react27.default.createElement(
|
|
@@ -1241,7 +1264,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1241
1264
|
{
|
|
1242
1265
|
className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
|
|
1243
1266
|
style: {
|
|
1244
|
-
background: "linear-gradient(to bottom, rgba(
|
|
1267
|
+
background: "linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%)"
|
|
1245
1268
|
}
|
|
1246
1269
|
}
|
|
1247
1270
|
)), /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.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__ */ import_react27.default.createElement(
|
|
@@ -1253,11 +1276,11 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1253
1276
|
backgroundRepeat: "repeat"
|
|
1254
1277
|
}
|
|
1255
1278
|
}
|
|
1256
|
-
), /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-10 border-b border-neutral-
|
|
1279
|
+
), /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-10 border-b border-neutral-100 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 " }, tagline), /* @__PURE__ */ import_react27.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, subtitle)), /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ import_react27.default.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "grow h-px bg-neutral-100" }), /* @__PURE__ */ import_react27.default.createElement("span", { className: "shrink mx-4 text-[11px] tracking-[0.2em] text-neutral-400 " }, dividerText), /* @__PURE__ */ import_react27.default.createElement("div", { className: "grow h-px bg-neutral-100" })), ctaText && ctaHref && /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
1257
1280
|
ThreeDButton,
|
|
1258
1281
|
{
|
|
1259
1282
|
href: ctaHref,
|
|
1260
|
-
className: "py-
|
|
1283
|
+
className: "py-3 tracking-widest text-[11px]"
|
|
1261
1284
|
},
|
|
1262
1285
|
ctaText
|
|
1263
1286
|
)))))));
|
|
@@ -1265,7 +1288,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1265
1288
|
|
|
1266
1289
|
// src/components/PortfolioHero.tsx
|
|
1267
1290
|
var import_react28 = __toESM(require("react"));
|
|
1268
|
-
var
|
|
1291
|
+
var import_link6 = __toESM(require("next/link"));
|
|
1269
1292
|
var import_image7 = __toESM(require("next/image"));
|
|
1270
1293
|
var import_react29 = require("@hugeicons/react");
|
|
1271
1294
|
var import_core_free_icons5 = require("@hugeicons/core-free-icons");
|
|
@@ -1307,13 +1330,13 @@ var PortfolioHero = ({
|
|
|
1307
1330
|
secondaryCtaHref
|
|
1308
1331
|
}) => {
|
|
1309
1332
|
const heroContentRef = useScrollAnimation();
|
|
1310
|
-
return /* @__PURE__ */ import_react28.default.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
|
|
1333
|
+
return /* @__PURE__ */ import_react28.default.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__ */ import_react28.default.createElement(
|
|
1311
1334
|
"div",
|
|
1312
1335
|
{
|
|
1313
1336
|
ref: heroContentRef,
|
|
1314
1337
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1315
1338
|
},
|
|
1316
|
-
/* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden
|
|
1339
|
+
/* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react28.default.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__ */ import_react28.default.createElement(
|
|
1317
1340
|
import_image7.default,
|
|
1318
1341
|
{
|
|
1319
1342
|
src: imageSrc,
|
|
@@ -1324,29 +1347,29 @@ var PortfolioHero = ({
|
|
|
1324
1347
|
sizes: "(max-width: 640px) 80px, 128px",
|
|
1325
1348
|
quality: 100
|
|
1326
1349
|
}
|
|
1327
|
-
)), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ import_react28.default.createElement("h1", { className: "text-3xl
|
|
1350
|
+
)), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ import_react28.default.createElement("h1", { className: " text-3xl sm:text-5xl lg:text-6xl tracking-tight text-black leading-none mb-3" }, name), socialLabel && /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 " }, socialLabel), socialLinkText && socialLinkHref && /* @__PURE__ */ import_react28.default.createElement(
|
|
1328
1351
|
"a",
|
|
1329
1352
|
{
|
|
1330
1353
|
href: socialLinkHref,
|
|
1331
1354
|
target: "_blank",
|
|
1332
1355
|
rel: "noopener noreferrer",
|
|
1333
|
-
className: "text-[11px] md:text-[14px] text-
|
|
1356
|
+
className: "text-[11px] md:text-[14px] text-black hover:text-neutral-500 transition-colors mt-1 underline underline-offset-4 decoration-neutral-300"
|
|
1334
1357
|
},
|
|
1335
1358
|
socialLinkText
|
|
1336
1359
|
))),
|
|
1337
|
-
/* @__PURE__ */ import_react28.default.createElement("p", { className: "text-[13px]
|
|
1360
|
+
/* @__PURE__ */ import_react28.default.createElement("p", { className: "text-[13px] leading-[1.8] max-w-4xl mb-12 text-neutral-600" }, bio),
|
|
1338
1361
|
/* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full sm:w-auto" }, primaryCtaText && primaryCtaHref && /* @__PURE__ */ import_react28.default.createElement("div", { className: "w-full sm:w-auto *:w-full" }, /* @__PURE__ */ import_react28.default.createElement(
|
|
1339
1362
|
ThreeDButton,
|
|
1340
1363
|
{
|
|
1341
1364
|
href: primaryCtaHref,
|
|
1342
|
-
className: "py-
|
|
1365
|
+
className: "py-3 tracking-widest text-[11px]"
|
|
1343
1366
|
},
|
|
1344
1367
|
primaryCtaText
|
|
1345
1368
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react28.default.createElement(
|
|
1346
|
-
|
|
1369
|
+
import_link6.default,
|
|
1347
1370
|
{
|
|
1348
1371
|
href: secondaryCtaHref,
|
|
1349
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em]
|
|
1372
|
+
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"
|
|
1350
1373
|
},
|
|
1351
1374
|
secondaryCtaText,
|
|
1352
1375
|
/* @__PURE__ */ import_react28.default.createElement(import_react29.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -1367,7 +1390,7 @@ var GifFeatureCard = ({
|
|
|
1367
1390
|
className = "aspect-video"
|
|
1368
1391
|
}) => {
|
|
1369
1392
|
const [isLoading, setIsLoading] = (0, import_react30.useState)(true);
|
|
1370
|
-
return /* @__PURE__ */ import_react30.default.createElement("div", { className: `relative w-full bg-black
|
|
1393
|
+
return /* @__PURE__ */ import_react30.default.createElement("div", { className: `relative w-full bg-black overflow-hidden shadow-2xl ${className}` }, isLoading && /* @__PURE__ */ import_react30.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-black" }, /* @__PURE__ */ import_react30.default.createElement(
|
|
1371
1394
|
import_react31.HugeiconsIcon,
|
|
1372
1395
|
{
|
|
1373
1396
|
icon: import_core_free_icons6.Loading03Icon,
|
|
@@ -1395,7 +1418,7 @@ var GifFeatureCard = ({
|
|
|
1395
1418
|
{
|
|
1396
1419
|
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"
|
|
1397
1420
|
}
|
|
1398
|
-
), /* @__PURE__ */ import_react30.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_react30.default.createElement("h3", { className: "text-xl sm:text-2xl md:text-3xl
|
|
1421
|
+
), /* @__PURE__ */ import_react30.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_react30.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_react30.default.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
|
|
1399
1422
|
};
|
|
1400
1423
|
|
|
1401
1424
|
// src/components/MedicalFeatureStatsBlock.tsx
|
|
@@ -1428,15 +1451,15 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1428
1451
|
}
|
|
1429
1452
|
return () => observer.disconnect();
|
|
1430
1453
|
}, []);
|
|
1431
|
-
return /* @__PURE__ */ import_react32.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10
|
|
1454
|
+
return /* @__PURE__ */ import_react32.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ import_react32.default.createElement(
|
|
1432
1455
|
"h2",
|
|
1433
1456
|
{
|
|
1434
1457
|
ref: titleRef,
|
|
1435
|
-
className: `text-3xl text-
|
|
1458
|
+
className: `text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
1436
1459
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1437
1460
|
},
|
|
1438
1461
|
bottomHeadline
|
|
1439
|
-
), /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-
|
|
1462
|
+
), /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-500" }, bottomDescription)), /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex items-center gap-4 shrink-0" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex -space-x-3" }, avatars.map((src, i) => /* @__PURE__ */ import_react32.default.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__ */ import_react32.default.createElement(
|
|
1440
1463
|
import_image9.default,
|
|
1441
1464
|
{
|
|
1442
1465
|
src,
|
|
@@ -1445,7 +1468,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1445
1468
|
sizes: "48px",
|
|
1446
1469
|
className: "object-cover"
|
|
1447
1470
|
}
|
|
1448
|
-
)))), /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[11px] text-neutral-
|
|
1471
|
+
)))), /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[11px] text-neutral-800 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react32.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react32.default.createElement("div", { key: idx, className: "bg-white rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex items-center p-0.5 mb-6" }, /* @__PURE__ */ import_react32.default.createElement("span", { className: "text-[14px] text-neutral-500 tracking-wide" }, stat.label)), /* @__PURE__ */ import_react32.default.createElement("div", { className: "text-6xl gradient-text md:text-[80px] font-light tracking-tighter text-black mt-auto leading-none" }, stat.value))))));
|
|
1449
1472
|
};
|
|
1450
1473
|
|
|
1451
1474
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -1455,7 +1478,7 @@ var import_react34 = require("@hugeicons/react");
|
|
|
1455
1478
|
var import_core_free_icons7 = require("@hugeicons/core-free-icons");
|
|
1456
1479
|
var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
|
|
1457
1480
|
const [isLoading, setIsLoading] = (0, import_react33.useState)(true);
|
|
1458
|
-
return /* @__PURE__ */ import_react33.default.createElement("div", { className: `absolute inset-0 bg-neutral-
|
|
1481
|
+
return /* @__PURE__ */ import_react33.default.createElement("div", { className: `absolute inset-0 bg-neutral-800 ${className}` }, isLoading && /* @__PURE__ */ import_react33.default.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__ */ import_react33.default.createElement(import_react34.HugeiconsIcon, { icon: import_core_free_icons7.Loading03Icon, size: 24, className: "animate-spin text-white/50" })), /* @__PURE__ */ import_react33.default.createElement(
|
|
1459
1482
|
import_image10.default,
|
|
1460
1483
|
{
|
|
1461
1484
|
src,
|
|
@@ -1501,10 +1524,10 @@ var ConsultantShowcase = ({
|
|
|
1501
1524
|
}
|
|
1502
1525
|
};
|
|
1503
1526
|
if (!profiles || profiles.length === 0) return null;
|
|
1504
|
-
return /* @__PURE__ */ import_react33.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative
|
|
1527
|
+
return /* @__PURE__ */ import_react33.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react33.default.createElement(
|
|
1505
1528
|
"div",
|
|
1506
1529
|
{
|
|
1507
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
1530
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
1508
1531
|
onTouchStart,
|
|
1509
1532
|
onTouchMove,
|
|
1510
1533
|
onTouchEnd
|
|
@@ -1525,9 +1548,9 @@ var ConsultantShowcase = ({
|
|
|
1525
1548
|
priority: idx === 0
|
|
1526
1549
|
}
|
|
1527
1550
|
),
|
|
1528
|
-
/* @__PURE__ */ import_react33.default.createElement("div", { className: "absolute inset-0 bg-black/
|
|
1529
|
-
/* @__PURE__ */ import_react33.default.createElement("div", { className: "absolute top-0 left-0 w-full h-[60%] bg-linear-to-b from-black/80 via-black/
|
|
1530
|
-
/* @__PURE__ */ import_react33.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_react33.default.createElement("h2", { className: "text-[29px]
|
|
1551
|
+
/* @__PURE__ */ import_react33.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
|
|
1552
|
+
/* @__PURE__ */ import_react33.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" }),
|
|
1553
|
+
/* @__PURE__ */ import_react33.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_react33.default.createElement("h2", { className: "text-[29px] tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-[15px] text-white/80 font-light tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-[15px] text-white/80 font-light tracking-wide mt-1" }, profile.description)))
|
|
1531
1554
|
);
|
|
1532
1555
|
}),
|
|
1533
1556
|
/* @__PURE__ */ import_react33.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" }),
|
|
@@ -1556,12 +1579,12 @@ var ContentGridBlock = ({
|
|
|
1556
1579
|
middleBottomCard,
|
|
1557
1580
|
rightCards
|
|
1558
1581
|
}) => {
|
|
1559
|
-
return /* @__PURE__ */ import_react35.default.createElement("section", { className: "w-full flex justify-center z-10 relative
|
|
1582
|
+
return /* @__PURE__ */ import_react35.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react35.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react35.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react35.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react35.default.createElement("div", null, /* @__PURE__ */ import_react35.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react35.default.createElement(import_image11.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react35.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react35.default.createElement(import_image11.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react35.default.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__ */ import_react35.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react35.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react35.default.createElement("div", null, /* @__PURE__ */ import_react35.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react35.default.createElement(import_image11.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react35.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-white text-black rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react35.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-black" }, /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-black/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react35.default.createElement("span", { className: "mb-4 text-[11px] text-black/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react35.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react35.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-[13px] text-black/60" }, card.subtitle)))))))));
|
|
1560
1583
|
};
|
|
1561
1584
|
|
|
1562
1585
|
// src/components/ManagedProjectsBlock.tsx
|
|
1563
1586
|
var import_react37 = __toESM(require("react"));
|
|
1564
|
-
var
|
|
1587
|
+
var import_link7 = __toESM(require("next/link"));
|
|
1565
1588
|
var GridSection = ({
|
|
1566
1589
|
children,
|
|
1567
1590
|
isLast = false,
|
|
@@ -1572,7 +1595,7 @@ var ManagedProjectsBlock = ({
|
|
|
1572
1595
|
title,
|
|
1573
1596
|
projects
|
|
1574
1597
|
}) => {
|
|
1575
|
-
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative
|
|
1598
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative bg-white rounded-2xl w-full max-w-5xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react37.default.createElement(
|
|
1576
1599
|
"div",
|
|
1577
1600
|
{
|
|
1578
1601
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1581,10 +1604,10 @@ var ManagedProjectsBlock = ({
|
|
|
1581
1604
|
backgroundRepeat: "repeat"
|
|
1582
1605
|
}
|
|
1583
1606
|
}
|
|
1584
|
-
), /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react37.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block" }, tagline), /* @__PURE__ */ import_react37.default.createElement("h1", { className: "text-3xl mt-4 text-
|
|
1607
|
+
), /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react37.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react37.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
1585
1608
|
const isLast = index === projects.length - 1;
|
|
1586
|
-
const projectContent = /* @__PURE__ */ import_react37.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react37.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_react37.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-[16px] text-
|
|
1587
|
-
return /* @__PURE__ */ import_react37.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_react37.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react37.default.createElement(
|
|
1609
|
+
const projectContent = /* @__PURE__ */ import_react37.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react37.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_react37.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react37.default.createElement("h2", { className: " text-[16px] text-black transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ import_react37.default.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__ */ import_react37.default.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__ */ import_react37.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0 " }, project.date)), /* @__PURE__ */ import_react37.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));
|
|
1610
|
+
return /* @__PURE__ */ import_react37.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_react37.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react37.default.createElement(import_link7.default, { href: project.link, className: "block outline-none" }, projectContent));
|
|
1588
1611
|
}))));
|
|
1589
1612
|
};
|
|
1590
1613
|
// Annotate the CommonJS export names for ESM import in node:
|