@retinalabsllc/zairusjs 8.1.60 → 8.1.80
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 +7 -21
- package/dist/index.d.ts +7 -21
- package/dist/index.js +218 -215
- package/dist/index.mjs +260 -257
- 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 ";
|
|
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,7 +522,7 @@ 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
528
|
label: "Email ID",
|
|
@@ -517,7 +549,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
517
549
|
var HeroSection = ({
|
|
518
550
|
badgeText,
|
|
519
551
|
titlePrefix,
|
|
520
|
-
highlightText,
|
|
552
|
+
highlightText = "Retina",
|
|
521
553
|
cursorLabel,
|
|
522
554
|
subtitle,
|
|
523
555
|
ctaText,
|
|
@@ -540,9 +572,7 @@ var HeroSection = ({
|
|
|
540
572
|
const observer = new IntersectionObserver(
|
|
541
573
|
([entry]) => {
|
|
542
574
|
if (entry.isIntersecting) {
|
|
543
|
-
|
|
544
|
-
setIsAnimating(true);
|
|
545
|
-
}
|
|
575
|
+
setIsAnimating(true);
|
|
546
576
|
} else {
|
|
547
577
|
setIsAnimating(false);
|
|
548
578
|
}
|
|
@@ -554,7 +584,13 @@ var HeroSection = ({
|
|
|
554
584
|
}
|
|
555
585
|
return () => observer.disconnect();
|
|
556
586
|
}, []);
|
|
557
|
-
|
|
587
|
+
const handleCtaClick = (e) => {
|
|
588
|
+
if (isWaitlist) {
|
|
589
|
+
e.preventDefault();
|
|
590
|
+
setIsWaitlistOpen(true);
|
|
591
|
+
}
|
|
592
|
+
};
|
|
593
|
+
return /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-screen min-h-screen flex justify-center items-center p-2 sm:p-4" }, /* @__PURE__ */ import_react10.default.createElement("section", { className: "relative h-[95vh] w-full overflow-hidden rounded-2xl " }, bgVideoSrc ? /* @__PURE__ */ import_react10.default.createElement(
|
|
558
594
|
"video",
|
|
559
595
|
{
|
|
560
596
|
src: bgVideoSrc,
|
|
@@ -563,7 +599,7 @@ var HeroSection = ({
|
|
|
563
599
|
loop: true,
|
|
564
600
|
muted: true,
|
|
565
601
|
playsInline: true,
|
|
566
|
-
className: "absolute inset-0
|
|
602
|
+
className: "absolute inset-0 h-full w-full object-cover z-0"
|
|
567
603
|
}
|
|
568
604
|
) : bgImageSrc ? /* @__PURE__ */ import_react10.default.createElement(
|
|
569
605
|
import_image2.default,
|
|
@@ -572,71 +608,48 @@ var HeroSection = ({
|
|
|
572
608
|
alt: "Hero Background",
|
|
573
609
|
fill: true,
|
|
574
610
|
priority: true,
|
|
575
|
-
className: "object-cover z-0"
|
|
611
|
+
className: "absolute inset-0 h-full w-full object-cover z-0"
|
|
576
612
|
}
|
|
577
613
|
) : null, /* @__PURE__ */ import_react10.default.createElement(
|
|
578
614
|
"div",
|
|
579
615
|
{
|
|
580
|
-
className: "absolute inset-0 z-10 opacity-
|
|
581
|
-
style: {
|
|
582
|
-
backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 35%, rgba(0,0,0,0.2) 60%, rgba(255,255,255,0.4) 80%, rgba(0,0,0,0.4) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`,
|
|
583
|
-
backgroundSize: "cover",
|
|
584
|
-
backgroundPosition: "center"
|
|
585
|
-
}
|
|
586
|
-
}
|
|
587
|
-
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-10" }), /* @__PURE__ */ import_react10.default.createElement(
|
|
588
|
-
"div",
|
|
589
|
-
{
|
|
590
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
|
|
591
|
-
style: {
|
|
592
|
-
backgroundImage: "radial-gradient(circle at center, rgba(255,255,255,0.2) 1px, transparent 1px)",
|
|
593
|
-
backgroundSize: "32px 32px"
|
|
594
|
-
}
|
|
595
|
-
}
|
|
596
|
-
), /* @__PURE__ */ import_react10.default.createElement(
|
|
597
|
-
"div",
|
|
598
|
-
{
|
|
599
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.10] mix-blend-overlay",
|
|
616
|
+
className: "pointer-events-none absolute inset-0 z-10 opacity-[0.7] mix-blend-overlay",
|
|
600
617
|
style: {
|
|
601
618
|
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
619
|
}
|
|
603
620
|
}
|
|
604
|
-
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-
|
|
621
|
+
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-b from-black/30 via-transparent to-black/80 z-10" }), /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute bottom-0 left-0 right-0 px-4 pb-4 sm:px-6 md:px-10 z-20" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "grid grid-cols-12 items-end gap-4" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "col-span-12 lg:col-span-8" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
605
622
|
"h1",
|
|
606
623
|
{
|
|
607
624
|
ref: titleRef,
|
|
608
|
-
className:
|
|
609
|
-
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
625
|
+
className: "leading-[0.85] tracking-[-0.07em] text-[18.2vw] sm:text-[16.8vw] md:text-[15.4vw] lg:text-[14vw] xl:text-[13.3vw] 2xl:text-[14vw] text-[#ffffff]"
|
|
610
626
|
},
|
|
611
|
-
/* @__PURE__ */ import_react10.default.createElement("span", { className:
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
ThreeDButton,
|
|
627
|
+
/* @__PURE__ */ import_react10.default.createElement("div", { className: "inline-flex flex-wrap" }, /* @__PURE__ */ import_react10.default.createElement("span", { className: `inline-block relative transition-all duration-1000 ${isAnimating ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}` }, titlePrefix, titlePrefix && /* @__PURE__ */ import_react10.default.createElement("br", null), highlightText, /* @__PURE__ */ import_react10.default.createElement("span", { className: "absolute top-[0.65em] right-[-0.3em] text-[0.31em] text-[#ffffff]/70" }, "*")))
|
|
628
|
+
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "col-span-12 flex flex-col gap-5 pb-6 lg:col-span-4 lg:pb-10" }, subtitle && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-[#ffffff]/70 sm:text-sm md:text-base leading-[1.2] max-w-md transition-opacity duration-1000 delay-300" }, subtitle), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-4" }, ctaText && /* @__PURE__ */ import_react10.default.createElement(
|
|
629
|
+
"button",
|
|
615
630
|
{
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
e.preventDefault();
|
|
619
|
-
setIsWaitlistOpen(true);
|
|
620
|
-
} : void 0
|
|
631
|
+
onClick: handleCtaClick,
|
|
632
|
+
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-[#ffffff] pl-5 pr-1 text-xs text-black transition-all hover:gap-3"
|
|
621
633
|
},
|
|
622
|
-
ctaText
|
|
623
|
-
|
|
634
|
+
ctaText,
|
|
635
|
+
/* @__PURE__ */ import_react10.default.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ import_react10.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-right h-4 w-4 text-[#ffffff]" }, /* @__PURE__ */ import_react10.default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ import_react10.default.createElement("path", { d: "m12 5 7 7-7 7" })))
|
|
636
|
+
), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react10.default.createElement(
|
|
624
637
|
import_link4.default,
|
|
625
638
|
{
|
|
626
639
|
href: secondaryCtaHref,
|
|
627
|
-
className: "
|
|
640
|
+
className: "inline-flex h-10 items-center self-start justify-center text-xs tracking-wide rounded-full px-6 border border-[#ffffff]/30 text-[#ffffff] hover:bg-[#ffffff]/10 transition-colors"
|
|
628
641
|
},
|
|
629
642
|
secondaryCtaText
|
|
630
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "
|
|
643
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col gap-3 mt-4" }, appsText && /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-[10px] tracking-widest uppercase text-[#ffffff]/50 " }, appsText), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-4" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react10.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 opacity-70 hover:opacity-100 transition-opacity invert" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
631
644
|
import_image2.default,
|
|
632
645
|
{
|
|
633
646
|
src: logo.src,
|
|
634
647
|
alt: logo.alt,
|
|
635
|
-
width:
|
|
636
|
-
height:
|
|
637
|
-
className: "object-contain
|
|
648
|
+
width: 28,
|
|
649
|
+
height: 28,
|
|
650
|
+
className: "object-contain"
|
|
638
651
|
}
|
|
639
|
-
)))))), /* @__PURE__ */ import_react10.default.createElement(
|
|
652
|
+
))))))))), /* @__PURE__ */ import_react10.default.createElement(
|
|
640
653
|
WaitlistDialog,
|
|
641
654
|
{
|
|
642
655
|
isOpen: isWaitlistOpen,
|
|
@@ -669,36 +682,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
669
682
|
}
|
|
670
683
|
return () => observer.disconnect();
|
|
671
684
|
}, []);
|
|
672
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-full py-16
|
|
685
|
+
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
686
|
"h2",
|
|
674
687
|
{
|
|
675
688
|
ref: titleRef,
|
|
676
|
-
className: `text-3xl
|
|
689
|
+
className: ` text-3xl tracking-tight text-black leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
677
690
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
678
691
|
},
|
|
679
692
|
headline
|
|
680
693
|
))), /* @__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
|
|
694
|
+
const isWhite = i === 0;
|
|
695
|
+
const isBlack = i === 1;
|
|
696
|
+
const isNeutral = i === 2;
|
|
684
697
|
const getBgStyle = () => {
|
|
685
|
-
if (
|
|
686
|
-
if (
|
|
687
|
-
if (
|
|
688
|
-
return "bg-neutral-
|
|
698
|
+
if (isWhite) return "bg-white";
|
|
699
|
+
if (isBlack) return "bg-black";
|
|
700
|
+
if (isNeutral) return "bg-neutral-200";
|
|
701
|
+
return "bg-neutral-200";
|
|
689
702
|
};
|
|
690
703
|
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.
|
|
704
|
+
if (isBlack) return `
|
|
705
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.2),
|
|
706
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.3),
|
|
707
|
+
0 4px 0 0 #0c0c0c,
|
|
708
|
+
0 12px 24px rgba(0, 0, 0, 0.1)
|
|
696
709
|
`;
|
|
697
710
|
return "none";
|
|
698
711
|
};
|
|
699
|
-
const textColor = "text-white";
|
|
700
|
-
const subTextColor = "text-neutral-
|
|
701
|
-
const labelColor = "text-neutral-500";
|
|
712
|
+
const textColor = isBlack ? "text-white" : "text-black";
|
|
713
|
+
const subTextColor = isBlack ? "text-neutral-300" : "text-neutral-600";
|
|
714
|
+
const labelColor = isBlack ? "text-neutral-400" : "text-neutral-500";
|
|
702
715
|
return /* @__PURE__ */ import_react11.default.createElement(
|
|
703
716
|
"div",
|
|
704
717
|
{
|
|
@@ -713,9 +726,9 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
713
726
|
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
727
|
}
|
|
715
728
|
),
|
|
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]
|
|
729
|
+
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" }),
|
|
730
|
+
/* @__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 }))),
|
|
731
|
+
/* @__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
732
|
);
|
|
720
733
|
})))));
|
|
721
734
|
};
|
|
@@ -728,7 +741,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
728
741
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
729
742
|
const [isBgLoading, setIsBgLoading] = (0, import_react13.useState)(true);
|
|
730
743
|
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-
|
|
744
|
+
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
745
|
import_image3.default,
|
|
733
746
|
{
|
|
734
747
|
src: bgImage,
|
|
@@ -749,7 +762,7 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
749
762
|
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
763
|
}
|
|
751
764
|
}
|
|
752
|
-
), isFgLoading && feature.image && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-
|
|
765
|
+
), 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
766
|
import_image3.default,
|
|
754
767
|
{
|
|
755
768
|
src: feature.image,
|
|
@@ -758,11 +771,11 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
758
771
|
sizes: "(max-width: 768px) 90vw, 600px",
|
|
759
772
|
onLoad: () => setIsFgLoading(false),
|
|
760
773
|
className: `
|
|
761
|
-
object-cover object-top-left rounded-tl-2xl shadow-[-12px_-12px_30px_rgba(0,0,0,0.
|
|
774
|
+
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
775
|
${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
|
|
763
776
|
`
|
|
764
777
|
}
|
|
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-
|
|
778
|
+
))), /* @__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
779
|
};
|
|
767
780
|
var FeatureScroll = ({ tagline, headline, features }) => {
|
|
768
781
|
const scrollRef = (0, import_react13.useRef)(null);
|
|
@@ -791,12 +804,12 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
791
804
|
"https://retinalabs.company/assets/images/bg_6.avif",
|
|
792
805
|
"https://retinalabs.company/assets/images/bg_1.avif"
|
|
793
806
|
];
|
|
794
|
-
return /* @__PURE__ */ import_react13.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden
|
|
807
|
+
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
808
|
"button",
|
|
796
809
|
{
|
|
797
810
|
onClick: () => scroll("left"),
|
|
798
811
|
disabled: !canScrollLeft,
|
|
799
|
-
className: "p-4 border border-neutral-
|
|
812
|
+
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
813
|
"aria-label": "Previous feature"
|
|
801
814
|
},
|
|
802
815
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
@@ -805,7 +818,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
805
818
|
{
|
|
806
819
|
onClick: () => scroll("right"),
|
|
807
820
|
disabled: !canScrollRight,
|
|
808
|
-
className: "p-4 border border-neutral-
|
|
821
|
+
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
822
|
"aria-label": "Next feature"
|
|
810
823
|
},
|
|
811
824
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
@@ -822,7 +835,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
822
835
|
{
|
|
823
836
|
onClick: () => scroll("left"),
|
|
824
837
|
disabled: !canScrollLeft,
|
|
825
|
-
className: "p-4 border border-neutral-
|
|
838
|
+
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
839
|
},
|
|
827
840
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
828
841
|
), /* @__PURE__ */ import_react13.default.createElement(
|
|
@@ -830,7 +843,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
830
843
|
{
|
|
831
844
|
onClick: () => scroll("right"),
|
|
832
845
|
disabled: !canScrollRight,
|
|
833
|
-
className: "p-4 border border-neutral-
|
|
846
|
+
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
847
|
},
|
|
835
848
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
836
849
|
))));
|
|
@@ -845,15 +858,15 @@ var PlatformFeatures = ({
|
|
|
845
858
|
description,
|
|
846
859
|
features
|
|
847
860
|
}) => {
|
|
848
|
-
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10
|
|
861
|
+
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
862
|
"div",
|
|
850
863
|
{
|
|
851
864
|
key: idx,
|
|
852
865
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
853
866
|
style: { animationDelay: feature.delay || "0ms" }
|
|
854
867
|
},
|
|
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-
|
|
868
|
+
/* @__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))),
|
|
869
|
+
/* @__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
870
|
)))));
|
|
858
871
|
};
|
|
859
872
|
|
|
@@ -888,19 +901,19 @@ var ManagedDocument = ({
|
|
|
888
901
|
}, []);
|
|
889
902
|
return (
|
|
890
903
|
// 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
|
|
904
|
+
/* @__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
905
|
"h1",
|
|
893
906
|
{
|
|
894
907
|
ref: titleRef,
|
|
895
|
-
className: `text-3xl mt-4 text-
|
|
908
|
+
className: ` text-3xl mt-4 text-black tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
896
909
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
897
910
|
},
|
|
898
911
|
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-
|
|
912
|
+
)), 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
913
|
"a",
|
|
901
914
|
{
|
|
902
915
|
href: `mailto:${contactEmail}`,
|
|
903
|
-
className: "text-
|
|
916
|
+
className: "text-black decoration-black decoration-2 underline-offset-4 ml-1 transition-colors"
|
|
904
917
|
},
|
|
905
918
|
contactEmail
|
|
906
919
|
))))))
|
|
@@ -928,7 +941,7 @@ var ManagedContactBlock = ({
|
|
|
928
941
|
emails,
|
|
929
942
|
socials
|
|
930
943
|
}) => {
|
|
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
|
|
944
|
+
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
945
|
"div",
|
|
933
946
|
{
|
|
934
947
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -937,28 +950,28 @@ var ManagedContactBlock = ({
|
|
|
937
950
|
backgroundRepeat: "repeat"
|
|
938
951
|
}
|
|
939
952
|
}
|
|
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-
|
|
953
|
+
), /* @__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
954
|
"a",
|
|
942
955
|
{
|
|
943
956
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
944
|
-
className: "transition-colors hover:text-
|
|
957
|
+
className: "transition-colors hover:text-black"
|
|
945
958
|
},
|
|
946
959
|
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-
|
|
960
|
+
)))), 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
961
|
SecureEmail,
|
|
949
962
|
{
|
|
950
963
|
user: email.user,
|
|
951
964
|
domain: email.domain,
|
|
952
|
-
className: "text-neutral-
|
|
965
|
+
className: "text-neutral-600 transition-colors hover:text-black"
|
|
953
966
|
}
|
|
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-
|
|
967
|
+
))))), 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
968
|
"a",
|
|
956
969
|
{
|
|
957
970
|
key: idx,
|
|
958
971
|
href: social.href,
|
|
959
972
|
target: "_blank",
|
|
960
973
|
rel: "noopener noreferrer",
|
|
961
|
-
className: "flex items-center gap-3 transition-colors group text-neutral-
|
|
974
|
+
className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black",
|
|
962
975
|
"aria-label": social.label
|
|
963
976
|
},
|
|
964
977
|
/* @__PURE__ */ import_react18.default.createElement(import_react19.HugeiconsIcon, { icon: social.icon, size: 18 }),
|
|
@@ -970,8 +983,8 @@ var ManagedContactBlock = ({
|
|
|
970
983
|
var import_react20 = __toESM(require("react"));
|
|
971
984
|
var import_link5 = __toESM(require("next/link"));
|
|
972
985
|
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: "#
|
|
986
|
+
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" }));
|
|
987
|
+
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
988
|
var ManagedPricingBlock = ({
|
|
976
989
|
tagline,
|
|
977
990
|
title,
|
|
@@ -1001,22 +1014,22 @@ var ManagedPricingBlock = ({
|
|
|
1001
1014
|
}, []);
|
|
1002
1015
|
const hasTabs = tabs && tabs.length > 0;
|
|
1003
1016
|
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
|
|
1017
|
+
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
1018
|
"h1",
|
|
1006
1019
|
{
|
|
1007
1020
|
ref: titleRef,
|
|
1008
|
-
className: `text-2xl sm:text-3xl mt-3 text-
|
|
1021
|
+
className: `text-2xl sm:text-3xl mt-3 text-black tracking-tight ${isAnimating ? "" : ""}`,
|
|
1009
1022
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1010
1023
|
},
|
|
1011
1024
|
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-
|
|
1025
|
+
)), 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
1026
|
const isActive = activeTabIndex === idx;
|
|
1014
1027
|
return /* @__PURE__ */ import_react20.default.createElement(
|
|
1015
1028
|
"button",
|
|
1016
1029
|
{
|
|
1017
1030
|
key: idx,
|
|
1018
1031
|
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-
|
|
1032
|
+
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
1033
|
},
|
|
1021
1034
|
tab.label
|
|
1022
1035
|
);
|
|
@@ -1024,9 +1037,9 @@ var ManagedPricingBlock = ({
|
|
|
1024
1037
|
"div",
|
|
1025
1038
|
{
|
|
1026
1039
|
key: `${activeTabIndex}-${planIdx}`,
|
|
1027
|
-
className: `bg-
|
|
1040
|
+
className: `bg-white rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "" : ""}`
|
|
1028
1041
|
},
|
|
1029
|
-
/* @__PURE__ */ import_react20.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-
|
|
1042
|
+
/* @__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
1043
|
"div",
|
|
1031
1044
|
{
|
|
1032
1045
|
key: logoIdx,
|
|
@@ -1039,7 +1052,7 @@ var ManagedPricingBlock = ({
|
|
|
1039
1052
|
alt: logo.alt,
|
|
1040
1053
|
width: 16,
|
|
1041
1054
|
height: 16,
|
|
1042
|
-
className: "object-contain
|
|
1055
|
+
className: "object-contain"
|
|
1043
1056
|
}
|
|
1044
1057
|
)
|
|
1045
1058
|
)))),
|
|
@@ -1047,14 +1060,14 @@ var ManagedPricingBlock = ({
|
|
|
1047
1060
|
import_link5.default,
|
|
1048
1061
|
{
|
|
1049
1062
|
href: plan.ctaHref,
|
|
1050
|
-
className: "w-full py-2.5 px-5 rounded-full
|
|
1063
|
+
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
1064
|
},
|
|
1052
1065
|
plan.ctaText
|
|
1053
1066
|
),
|
|
1054
1067
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
|
|
1055
1068
|
const isAvailable = feature.value !== false;
|
|
1056
1069
|
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-
|
|
1070
|
+
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
1071
|
}))
|
|
1059
1072
|
)))));
|
|
1060
1073
|
};
|
|
@@ -1070,7 +1083,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ import_r
|
|
|
1070
1083
|
href,
|
|
1071
1084
|
target: "_blank",
|
|
1072
1085
|
rel: "noopener noreferrer",
|
|
1073
|
-
className: "text-neutral-
|
|
1086
|
+
className: "text-neutral-400 hover:text-black transition-colors",
|
|
1074
1087
|
"aria-label": `${name} on ${label}`
|
|
1075
1088
|
},
|
|
1076
1089
|
/* @__PURE__ */ import_react21.default.createElement(import_react22.HugeiconsIcon, { icon, size: 16 })
|
|
@@ -1082,7 +1095,7 @@ var ManagedBoardBlock = ({
|
|
|
1082
1095
|
contactText,
|
|
1083
1096
|
contactEmail
|
|
1084
1097
|
}) => {
|
|
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
|
|
1098
|
+
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
1099
|
"div",
|
|
1087
1100
|
{
|
|
1088
1101
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1091,7 +1104,7 @@ var ManagedBoardBlock = ({
|
|
|
1091
1104
|
backgroundRepeat: "repeat"
|
|
1092
1105
|
}
|
|
1093
1106
|
}
|
|
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-
|
|
1107
|
+
), /* @__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
1108
|
import_image5.default,
|
|
1096
1109
|
{
|
|
1097
1110
|
src: member.imageSrc,
|
|
@@ -1100,7 +1113,7 @@ var ManagedBoardBlock = ({
|
|
|
1100
1113
|
sizes: "(max-width: 768px) 56px, 64px",
|
|
1101
1114
|
className: "object-cover grayscale opacity-100 transition-opacity"
|
|
1102
1115
|
}
|
|
1103
|
-
)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "pt-1" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "text-[14px] md:text-[15px] text-
|
|
1116
|
+
)), /* @__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
1117
|
MemberSocialLink,
|
|
1105
1118
|
{
|
|
1106
1119
|
href: `https://x.com/${member.twitterHandle}`,
|
|
@@ -1116,34 +1129,24 @@ var ManagedBoardBlock = ({
|
|
|
1116
1129
|
label: "LinkedIn",
|
|
1117
1130
|
name: member.name
|
|
1118
1131
|
}
|
|
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-
|
|
1132
|
+
))))))), (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
1133
|
};
|
|
1121
1134
|
|
|
1122
1135
|
// src/components/ManagedNotFoundBlock.tsx
|
|
1123
1136
|
var import_react23 = __toESM(require("react"));
|
|
1124
|
-
var import_link6 = __toESM(require("next/link"));
|
|
1125
1137
|
var ManagedNotFoundBlock = ({
|
|
1126
1138
|
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 = "/"
|
|
1139
|
+
description = "The page you are looking for does not exist or has been moved."
|
|
1130
1140
|
}) => {
|
|
1131
|
-
return /* @__PURE__ */ import_react23.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-
|
|
1141
|
+
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
1142
|
"svg",
|
|
1133
1143
|
{
|
|
1134
1144
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1135
1145
|
viewBox: "0 0 24 24",
|
|
1136
|
-
className: "w-12 h-12 fill-neutral-
|
|
1146
|
+
className: "w-12 h-12 fill-neutral-100"
|
|
1137
1147
|
},
|
|
1138
1148
|
/* @__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
|
-
)));
|
|
1149
|
+
)), /* @__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
1150
|
};
|
|
1148
1151
|
|
|
1149
1152
|
// src/components/PageSpinner.tsx
|
|
@@ -1215,10 +1218,10 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1215
1218
|
imageAlt = "Profile Image",
|
|
1216
1219
|
dividerText = "CONTACT",
|
|
1217
1220
|
ctaText = "Connect With Me",
|
|
1218
|
-
ctaHref = "/contact
|
|
1221
|
+
ctaHref = "/contact",
|
|
1219
1222
|
children
|
|
1220
1223
|
}) => {
|
|
1221
|
-
return /* @__PURE__ */ import_react27.default.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0
|
|
1224
|
+
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
1225
|
import_image6.default,
|
|
1223
1226
|
{
|
|
1224
1227
|
src: imageSrc,
|
|
@@ -1233,7 +1236,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1233
1236
|
{
|
|
1234
1237
|
className: "absolute inset-0 z-10 pointer-events-none",
|
|
1235
1238
|
style: {
|
|
1236
|
-
background: "linear-gradient(to right, rgba(
|
|
1239
|
+
background: "linear-gradient(to right, rgba(255,255,255,0) 30%, #ffffff 100%)"
|
|
1237
1240
|
}
|
|
1238
1241
|
}
|
|
1239
1242
|
), /* @__PURE__ */ import_react27.default.createElement(
|
|
@@ -1241,7 +1244,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1241
1244
|
{
|
|
1242
1245
|
className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
|
|
1243
1246
|
style: {
|
|
1244
|
-
background: "linear-gradient(to bottom, rgba(
|
|
1247
|
+
background: "linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%)"
|
|
1245
1248
|
}
|
|
1246
1249
|
}
|
|
1247
1250
|
)), /* @__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 +1256,11 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1253
1256
|
backgroundRepeat: "repeat"
|
|
1254
1257
|
}
|
|
1255
1258
|
}
|
|
1256
|
-
), /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-10 border-b border-neutral-
|
|
1259
|
+
), /* @__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
1260
|
ThreeDButton,
|
|
1258
1261
|
{
|
|
1259
1262
|
href: ctaHref,
|
|
1260
|
-
className: "py-
|
|
1263
|
+
className: "py-3 tracking-widest text-[11px]"
|
|
1261
1264
|
},
|
|
1262
1265
|
ctaText
|
|
1263
1266
|
)))))));
|
|
@@ -1265,7 +1268,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1265
1268
|
|
|
1266
1269
|
// src/components/PortfolioHero.tsx
|
|
1267
1270
|
var import_react28 = __toESM(require("react"));
|
|
1268
|
-
var
|
|
1271
|
+
var import_link6 = __toESM(require("next/link"));
|
|
1269
1272
|
var import_image7 = __toESM(require("next/image"));
|
|
1270
1273
|
var import_react29 = require("@hugeicons/react");
|
|
1271
1274
|
var import_core_free_icons5 = require("@hugeicons/core-free-icons");
|
|
@@ -1307,13 +1310,13 @@ var PortfolioHero = ({
|
|
|
1307
1310
|
secondaryCtaHref
|
|
1308
1311
|
}) => {
|
|
1309
1312
|
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
|
|
1313
|
+
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
1314
|
"div",
|
|
1312
1315
|
{
|
|
1313
1316
|
ref: heroContentRef,
|
|
1314
1317
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1315
1318
|
},
|
|
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
|
|
1319
|
+
/* @__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
1320
|
import_image7.default,
|
|
1318
1321
|
{
|
|
1319
1322
|
src: imageSrc,
|
|
@@ -1324,29 +1327,29 @@ var PortfolioHero = ({
|
|
|
1324
1327
|
sizes: "(max-width: 640px) 80px, 128px",
|
|
1325
1328
|
quality: 100
|
|
1326
1329
|
}
|
|
1327
|
-
)), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ import_react28.default.createElement("h1", { className: "text-3xl
|
|
1330
|
+
)), /* @__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
1331
|
"a",
|
|
1329
1332
|
{
|
|
1330
1333
|
href: socialLinkHref,
|
|
1331
1334
|
target: "_blank",
|
|
1332
1335
|
rel: "noopener noreferrer",
|
|
1333
|
-
className: "text-[11px] md:text-[14px] text-
|
|
1336
|
+
className: "text-[11px] md:text-[14px] text-black hover:text-neutral-500 transition-colors mt-1 underline underline-offset-4 decoration-neutral-300"
|
|
1334
1337
|
},
|
|
1335
1338
|
socialLinkText
|
|
1336
1339
|
))),
|
|
1337
|
-
/* @__PURE__ */ import_react28.default.createElement("p", { className: "text-[13px]
|
|
1340
|
+
/* @__PURE__ */ import_react28.default.createElement("p", { className: "text-[13px] leading-[1.8] max-w-4xl mb-12 text-neutral-600" }, bio),
|
|
1338
1341
|
/* @__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
1342
|
ThreeDButton,
|
|
1340
1343
|
{
|
|
1341
1344
|
href: primaryCtaHref,
|
|
1342
|
-
className: "py-
|
|
1345
|
+
className: "py-3 tracking-widest text-[11px]"
|
|
1343
1346
|
},
|
|
1344
1347
|
primaryCtaText
|
|
1345
1348
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react28.default.createElement(
|
|
1346
|
-
|
|
1349
|
+
import_link6.default,
|
|
1347
1350
|
{
|
|
1348
1351
|
href: secondaryCtaHref,
|
|
1349
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em]
|
|
1352
|
+
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
1353
|
},
|
|
1351
1354
|
secondaryCtaText,
|
|
1352
1355
|
/* @__PURE__ */ import_react28.default.createElement(import_react29.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -1367,7 +1370,7 @@ var GifFeatureCard = ({
|
|
|
1367
1370
|
className = "aspect-video"
|
|
1368
1371
|
}) => {
|
|
1369
1372
|
const [isLoading, setIsLoading] = (0, import_react30.useState)(true);
|
|
1370
|
-
return /* @__PURE__ */ import_react30.default.createElement("div", { className: `relative w-full bg-black
|
|
1373
|
+
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
1374
|
import_react31.HugeiconsIcon,
|
|
1372
1375
|
{
|
|
1373
1376
|
icon: import_core_free_icons6.Loading03Icon,
|
|
@@ -1395,7 +1398,7 @@ var GifFeatureCard = ({
|
|
|
1395
1398
|
{
|
|
1396
1399
|
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
1400
|
}
|
|
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
|
|
1401
|
+
), /* @__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
1402
|
};
|
|
1400
1403
|
|
|
1401
1404
|
// src/components/MedicalFeatureStatsBlock.tsx
|
|
@@ -1428,15 +1431,15 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1428
1431
|
}
|
|
1429
1432
|
return () => observer.disconnect();
|
|
1430
1433
|
}, []);
|
|
1431
|
-
return /* @__PURE__ */ import_react32.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10
|
|
1434
|
+
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
1435
|
"h2",
|
|
1433
1436
|
{
|
|
1434
1437
|
ref: titleRef,
|
|
1435
|
-
className: `text-3xl text-
|
|
1438
|
+
className: `text-3xl text-black tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
1436
1439
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1437
1440
|
},
|
|
1438
1441
|
bottomHeadline
|
|
1439
|
-
), /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-
|
|
1442
|
+
), /* @__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
1443
|
import_image9.default,
|
|
1441
1444
|
{
|
|
1442
1445
|
src,
|
|
@@ -1445,7 +1448,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1445
1448
|
sizes: "48px",
|
|
1446
1449
|
className: "object-cover"
|
|
1447
1450
|
}
|
|
1448
|
-
)))), /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[11px] text-neutral-
|
|
1451
|
+
)))), /* @__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
1452
|
};
|
|
1450
1453
|
|
|
1451
1454
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -1455,7 +1458,7 @@ var import_react34 = require("@hugeicons/react");
|
|
|
1455
1458
|
var import_core_free_icons7 = require("@hugeicons/core-free-icons");
|
|
1456
1459
|
var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
|
|
1457
1460
|
const [isLoading, setIsLoading] = (0, import_react33.useState)(true);
|
|
1458
|
-
return /* @__PURE__ */ import_react33.default.createElement("div", { className: `absolute inset-0 bg-neutral-
|
|
1461
|
+
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
1462
|
import_image10.default,
|
|
1460
1463
|
{
|
|
1461
1464
|
src,
|
|
@@ -1501,10 +1504,10 @@ var ConsultantShowcase = ({
|
|
|
1501
1504
|
}
|
|
1502
1505
|
};
|
|
1503
1506
|
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
|
|
1507
|
+
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
1508
|
"div",
|
|
1506
1509
|
{
|
|
1507
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
1510
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
1508
1511
|
onTouchStart,
|
|
1509
1512
|
onTouchMove,
|
|
1510
1513
|
onTouchEnd
|
|
@@ -1525,9 +1528,9 @@ var ConsultantShowcase = ({
|
|
|
1525
1528
|
priority: idx === 0
|
|
1526
1529
|
}
|
|
1527
1530
|
),
|
|
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]
|
|
1531
|
+
/* @__PURE__ */ import_react33.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-10 pointer-events-none" }),
|
|
1532
|
+
/* @__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" }),
|
|
1533
|
+
/* @__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
1534
|
);
|
|
1532
1535
|
}),
|
|
1533
1536
|
/* @__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 +1559,12 @@ var ContentGridBlock = ({
|
|
|
1556
1559
|
middleBottomCard,
|
|
1557
1560
|
rightCards
|
|
1558
1561
|
}) => {
|
|
1559
|
-
return /* @__PURE__ */ import_react35.default.createElement("section", { className: "w-full flex justify-center z-10 relative
|
|
1562
|
+
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
1563
|
};
|
|
1561
1564
|
|
|
1562
1565
|
// src/components/ManagedProjectsBlock.tsx
|
|
1563
1566
|
var import_react37 = __toESM(require("react"));
|
|
1564
|
-
var
|
|
1567
|
+
var import_link7 = __toESM(require("next/link"));
|
|
1565
1568
|
var GridSection = ({
|
|
1566
1569
|
children,
|
|
1567
1570
|
isLast = false,
|
|
@@ -1572,7 +1575,7 @@ var ManagedProjectsBlock = ({
|
|
|
1572
1575
|
title,
|
|
1573
1576
|
projects
|
|
1574
1577
|
}) => {
|
|
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
|
|
1578
|
+
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
1579
|
"div",
|
|
1577
1580
|
{
|
|
1578
1581
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1581,10 +1584,10 @@ var ManagedProjectsBlock = ({
|
|
|
1581
1584
|
backgroundRepeat: "repeat"
|
|
1582
1585
|
}
|
|
1583
1586
|
}
|
|
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-
|
|
1587
|
+
), /* @__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
1588
|
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(
|
|
1589
|
+
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));
|
|
1590
|
+
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
1591
|
}))));
|
|
1589
1592
|
};
|
|
1590
1593
|
// Annotate the CommonJS export names for ESM import in node:
|