@retinalabsllc/zairusjs 6.1.5 → 8.1.50
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 +1 -3
- package/dist/index.d.ts +1 -3
- package/dist/index.js +220 -215
- package/dist/index.mjs +258 -253
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -80,7 +80,6 @@ var Faq = ({
|
|
|
80
80
|
}
|
|
81
81
|
},
|
|
82
82
|
{ threshold: 0.1 }
|
|
83
|
-
// Triggers when 10% of the title is visible
|
|
84
83
|
);
|
|
85
84
|
if (titleRef.current) {
|
|
86
85
|
observer.observe(titleRef.current);
|
|
@@ -90,11 +89,11 @@ var Faq = ({
|
|
|
90
89
|
const toggleFaq = (index) => {
|
|
91
90
|
setActiveFaq(activeFaq === index ? null : index);
|
|
92
91
|
};
|
|
93
|
-
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(
|
|
92
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative bg-black" }, /* @__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
93
|
"h2",
|
|
95
94
|
{
|
|
96
95
|
ref: titleRef,
|
|
97
|
-
className: `text-3xl
|
|
96
|
+
className: `text-3xl text-white tracking-tight leading-[1.15] ${isAnimating ? "" : ""}`,
|
|
98
97
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
99
98
|
},
|
|
100
99
|
"FAQ"
|
|
@@ -102,10 +101,10 @@ var Faq = ({
|
|
|
102
101
|
const isOpen = activeFaq === index;
|
|
103
102
|
const getShadowStyle = () => {
|
|
104
103
|
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.
|
|
104
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.05),
|
|
105
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.5),
|
|
106
|
+
0 4px 0 0 #000000,
|
|
107
|
+
0 12px 24px rgba(0, 0, 0, 0.5)
|
|
109
108
|
`;
|
|
110
109
|
return "none";
|
|
111
110
|
};
|
|
@@ -113,7 +112,7 @@ var Faq = ({
|
|
|
113
112
|
"div",
|
|
114
113
|
{
|
|
115
114
|
key: index,
|
|
116
|
-
className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-
|
|
115
|
+
className: `relative transition-all duration-500 rounded-4xl overflow-hidden border ${isOpen ? "bg-neutral-900 border-neutral-800" : "bg-black border-neutral-800 hover:border-neutral-700"}`,
|
|
117
116
|
style: { boxShadow: getShadowStyle() }
|
|
118
117
|
},
|
|
119
118
|
isOpen && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
@@ -132,19 +131,19 @@ var Faq = ({
|
|
|
132
131
|
/* @__PURE__ */ import_react.default.createElement(
|
|
133
132
|
"span",
|
|
134
133
|
{
|
|
135
|
-
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-
|
|
134
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-neutral-300"}`
|
|
136
135
|
},
|
|
137
|
-
/* @__PURE__ */ import_react.default.createElement("span", { className:
|
|
136
|
+
/* @__PURE__ */ import_react.default.createElement("span", { className: "text-neutral-500" }, index + 1, "."),
|
|
138
137
|
faq.question
|
|
139
138
|
),
|
|
140
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className: `shrink-0 transition-colors duration-300 ${isOpen ? "text-white" : "text-
|
|
139
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: `shrink-0 transition-colors duration-300 ${isOpen ? "text-white" : "text-neutral-400 group-hover:text-white"}` }, 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
140
|
),
|
|
142
141
|
/* @__PURE__ */ import_react.default.createElement(
|
|
143
142
|
"div",
|
|
144
143
|
{
|
|
145
144
|
className: `relative z-20 grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`
|
|
146
145
|
},
|
|
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-
|
|
146
|
+
/* @__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-400" : "text-transparent"}` }, faq.answer))
|
|
148
147
|
)
|
|
149
148
|
);
|
|
150
149
|
}))));
|
|
@@ -159,31 +158,23 @@ var ThreeDButton = ({
|
|
|
159
158
|
className = "",
|
|
160
159
|
onClick
|
|
161
160
|
}) => {
|
|
162
|
-
const
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
0 6px 10px rgba(0, 0, 0, 0.3)
|
|
167
|
-
`;
|
|
168
|
-
const hoverShadow = `
|
|
169
|
-
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35),
|
|
170
|
-
inset 0 -2px 0 0 rgba(0, 0, 0, 0.5),
|
|
171
|
-
0 4px 0 0 #0c0c0c,
|
|
172
|
-
0 8px 12px rgba(0, 0, 0, 0.35)
|
|
173
|
-
`;
|
|
174
|
-
const activeShadow = `
|
|
175
|
-
inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
|
|
176
|
-
inset 0 -1px 0 0 rgba(0, 0, 0, 0.5),
|
|
177
|
-
0 1px 0 0 #0c0c0c,
|
|
178
|
-
0 2px 4px rgba(0, 0, 0, 0.2)
|
|
179
|
-
`;
|
|
161
|
+
const silverBg = `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 35%, rgba(0,0,0,0.1) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.2) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`;
|
|
162
|
+
const baseShadow = "inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(0,0,0,0.3), 0 4px 10px rgba(0,0,0,0.5)";
|
|
163
|
+
const hoverShadow = "inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(0,0,0,0.3), 0 6px 14px rgba(0,0,0,0.7)";
|
|
164
|
+
const activeShadow = "inset 0 2px 4px rgba(0,0,0,0.4), inset 0 -1px 2px rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.3)";
|
|
180
165
|
return /* @__PURE__ */ import_react2.default.createElement(
|
|
181
166
|
import_link.default,
|
|
182
167
|
{
|
|
183
168
|
href,
|
|
184
169
|
onClick,
|
|
185
|
-
className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
186
|
-
style: {
|
|
170
|
+
className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full text-neutral-900 text-xs font-semibold transition-all duration-150 select-none group overflow-hidden ${className}`,
|
|
171
|
+
style: {
|
|
172
|
+
backgroundImage: silverBg,
|
|
173
|
+
backgroundSize: "cover",
|
|
174
|
+
backgroundPosition: "center right",
|
|
175
|
+
boxShadow: baseShadow,
|
|
176
|
+
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
177
|
+
},
|
|
187
178
|
onMouseEnter: (e) => {
|
|
188
179
|
e.currentTarget.style.boxShadow = hoverShadow;
|
|
189
180
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
@@ -200,8 +191,8 @@ var ThreeDButton = ({
|
|
|
200
191
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
201
192
|
}
|
|
202
193
|
},
|
|
203
|
-
/* @__PURE__ */ import_react2.default.createElement("span", { className: "absolute inset-0
|
|
204
|
-
/* @__PURE__ */ import_react2.default.createElement("span", { className: "relative z-10 pt-1 tracking-wide text-
|
|
194
|
+
/* @__PURE__ */ import_react2.default.createElement("span", { className: "absolute inset-0 bg-linear-to-r from-white/30 to-transparent pointer-events-none" }),
|
|
195
|
+
/* @__PURE__ */ import_react2.default.createElement("span", { className: "relative z-10 pt-1 tracking-wide text-neutral-900/95 group-hover:text-neutral-950 transition-colors duration-150 flex items-center justify-center leading-none drop-shadow-[0_1px_1px_rgba(255,255,255,0.8)]" }, children)
|
|
205
196
|
);
|
|
206
197
|
};
|
|
207
198
|
|
|
@@ -219,29 +210,11 @@ var ThreeDActionButton = ({
|
|
|
219
210
|
ariaLabel
|
|
220
211
|
}) => {
|
|
221
212
|
const isInteractionDisabled = disabled || isLoading;
|
|
222
|
-
const
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
`;
|
|
228
|
-
const hoverShadow = `
|
|
229
|
-
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35),
|
|
230
|
-
inset 0 -2px 0 0 rgba(0, 0, 0, 0.5),
|
|
231
|
-
0 4px 0 0 #0c0c0c,
|
|
232
|
-
0 8px 12px rgba(0, 0, 0, 0.35)
|
|
233
|
-
`;
|
|
234
|
-
const activeShadow = `
|
|
235
|
-
inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
|
|
236
|
-
inset 0 -1px 0 0 rgba(0, 0, 0, 0.5),
|
|
237
|
-
0 1px 0 0 #0c0c0c,
|
|
238
|
-
0 2px 4px rgba(0, 0, 0, 0.2)
|
|
239
|
-
`;
|
|
240
|
-
const disabledShadow = `
|
|
241
|
-
inset 0 1px 0 0 rgba(255, 255, 255, 0.15),
|
|
242
|
-
inset 0 -1px 0 0 rgba(0, 0, 0, 0.3),
|
|
243
|
-
0 1px 0 0 #1c1c1c
|
|
244
|
-
`;
|
|
213
|
+
const silverBg = `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 35%, rgba(0,0,0,0.1) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.2) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`;
|
|
214
|
+
const baseShadow = "inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(0,0,0,0.3), 0 4px 10px rgba(0,0,0,0.5)";
|
|
215
|
+
const hoverShadow = "inset 0 1px 2px rgba(255,255,255,1), inset 0 -2px 3px rgba(0,0,0,0.3), 0 6px 14px rgba(0,0,0,0.7)";
|
|
216
|
+
const activeShadow = "inset 0 2px 4px rgba(0,0,0,0.4), inset 0 -1px 2px rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.3)";
|
|
217
|
+
const disabledShadow = "inset 0 1px 2px rgba(255,255,255,0.5), inset 0 -1px 2px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.2)";
|
|
245
218
|
return /* @__PURE__ */ import_react3.default.createElement(
|
|
246
219
|
"button",
|
|
247
220
|
{
|
|
@@ -251,12 +224,18 @@ var ThreeDActionButton = ({
|
|
|
251
224
|
"aria-label": ariaLabel,
|
|
252
225
|
className: `
|
|
253
226
|
relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
254
|
-
|
|
255
|
-
transition-all duration-150 select-none group outline-none
|
|
256
|
-
${isInteractionDisabled ? "opacity-
|
|
227
|
+
text-neutral-900 text-xs font-semibold tracking-widest
|
|
228
|
+
transition-all duration-150 select-none group outline-none overflow-hidden
|
|
229
|
+
${isInteractionDisabled ? "opacity-70 cursor-not-allowed" : "active:translate-y-0.5"}
|
|
257
230
|
${className}
|
|
258
231
|
`,
|
|
259
|
-
style: {
|
|
232
|
+
style: {
|
|
233
|
+
backgroundImage: silverBg,
|
|
234
|
+
backgroundSize: "cover",
|
|
235
|
+
backgroundPosition: "center right",
|
|
236
|
+
boxShadow: isInteractionDisabled ? disabledShadow : baseShadow,
|
|
237
|
+
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
238
|
+
},
|
|
260
239
|
onMouseEnter: (e) => {
|
|
261
240
|
if (isInteractionDisabled) return;
|
|
262
241
|
e.currentTarget.style.boxShadow = hoverShadow;
|
|
@@ -277,8 +256,8 @@ var ThreeDActionButton = ({
|
|
|
277
256
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
278
257
|
}
|
|
279
258
|
},
|
|
280
|
-
/* @__PURE__ */ import_react3.default.createElement("span", { className: "absolute inset-0
|
|
281
|
-
/* @__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-
|
|
259
|
+
/* @__PURE__ */ import_react3.default.createElement("span", { className: "absolute inset-0 bg-linear-to-r from-white/30 to-transparent pointer-events-none" }),
|
|
260
|
+
/* @__PURE__ */ import_react3.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 leading-none drop-shadow-[0_1px_1px_rgba(255,255,255,0.8)]" }, isLoading ? /* @__PURE__ */ import_react3.default.createElement(import_react4.HugeiconsIcon, { icon: import_core_free_icons.Loading03Icon, size: 16, className: "animate-spin text-neutral-900" }) : children)
|
|
282
261
|
);
|
|
283
262
|
};
|
|
284
263
|
|
|
@@ -294,8 +273,8 @@ var NavLink = ({
|
|
|
294
273
|
}) => {
|
|
295
274
|
const pathname = (0, import_navigation.usePathname)();
|
|
296
275
|
const isActive = pathname === href;
|
|
297
|
-
const activeClass = "text-
|
|
298
|
-
const inactiveClass = "text-neutral-
|
|
276
|
+
const activeClass = "text-white";
|
|
277
|
+
const inactiveClass = "text-neutral-400 hover:text-white";
|
|
299
278
|
return /* @__PURE__ */ import_react5.default.createElement(
|
|
300
279
|
import_link2.default,
|
|
301
280
|
{
|
|
@@ -315,30 +294,19 @@ var Header = ({
|
|
|
315
294
|
hideHeaderText = false,
|
|
316
295
|
compact = false
|
|
317
296
|
}) => {
|
|
318
|
-
const [mounted, setMounted] = (0, import_react5.useState)(false);
|
|
319
|
-
(0, import_react5.useEffect)(() => {
|
|
320
|
-
setMounted(true);
|
|
321
|
-
}, []);
|
|
322
297
|
const headerLayoutWidth = compact ? "w-fit mx-auto gap-8 md:gap-16" : "w-full justify-between";
|
|
323
298
|
const hasBrandSection = showLogo || !hideHeaderText;
|
|
324
|
-
|
|
325
|
-
const brandTitleClass = "text-neutral-900";
|
|
326
|
-
const brandSubtitleClass = "text-neutral-500";
|
|
327
|
-
const shouldInvertLogo = !invert;
|
|
328
|
-
if (!mounted) {
|
|
329
|
-
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" });
|
|
330
|
-
}
|
|
331
|
-
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(
|
|
299
|
+
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} bg-black/40 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(
|
|
332
300
|
import_image.default,
|
|
333
301
|
{
|
|
334
302
|
src: logoSrc,
|
|
335
303
|
alt: `${companyName} Logo`,
|
|
336
304
|
width: 40,
|
|
337
305
|
height: 40,
|
|
338
|
-
className: `object-contain w-8 h-auto ${
|
|
306
|
+
className: `object-contain w-8 h-auto ${invert ? "invert" : ""}`,
|
|
339
307
|
priority: true
|
|
340
308
|
}
|
|
341
|
-
), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className:
|
|
309
|
+
), !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 transition-colors text-white" }, companyName), subtitle && /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-[9px] tracking-widest leading-none transition-colors text-neutral-400" }, 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(
|
|
342
310
|
NavLink,
|
|
343
311
|
{
|
|
344
312
|
key: index,
|
|
@@ -364,34 +332,34 @@ var Footer = ({
|
|
|
364
332
|
const toggleColumn = (idx) => {
|
|
365
333
|
setOpenCol(openCol === idx ? null : idx);
|
|
366
334
|
};
|
|
367
|
-
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]
|
|
335
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "bg-black" }, 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 invert 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 invert opacity-80" })), /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-[11px] text-neutral-400 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-white 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-white transition-colors block truncate" }, link.label) : /* @__PURE__ */ import_react6.default.createElement(import_link3.default, { href: link.href, className: "hover:text-white transition-colors block truncate" }, link.label))))))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col md:hidden w-full border-t border-neutral-800 mt-4" }, columns.map((col, idx) => {
|
|
368
336
|
const isOpen = openCol === idx;
|
|
369
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "border-b border-neutral-
|
|
337
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "border-b border-neutral-800" }, /* @__PURE__ */ import_react6.default.createElement(
|
|
370
338
|
"button",
|
|
371
339
|
{
|
|
372
340
|
onClick: () => toggleColumn(idx),
|
|
373
341
|
className: "w-full flex items-center justify-between py-5 text-left outline-none"
|
|
374
342
|
},
|
|
375
|
-
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-
|
|
343
|
+
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-white " }, col.title),
|
|
376
344
|
/* @__PURE__ */ import_react6.default.createElement(
|
|
377
345
|
"svg",
|
|
378
346
|
{
|
|
379
|
-
className: `w-4 h-4 text-neutral-
|
|
347
|
+
className: `w-4 h-4 text-neutral-500 transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`,
|
|
380
348
|
fill: "none",
|
|
381
349
|
viewBox: "0 0 24 24",
|
|
382
350
|
stroke: "currentColor"
|
|
383
351
|
},
|
|
384
352
|
/* @__PURE__ */ import_react6.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
|
|
385
353
|
)
|
|
386
|
-
), /* @__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-
|
|
387
|
-
})))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "pt-8 mt-4
|
|
354
|
+
), /* @__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-white transition-colors" }, link.label) : /* @__PURE__ */ import_react6.default.createElement(import_link3.default, { href: link.href, className: "hover:text-white transition-colors" }, link.label)))))));
|
|
355
|
+
})))), /* @__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-500 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(
|
|
388
356
|
"a",
|
|
389
357
|
{
|
|
390
358
|
key: idx,
|
|
391
359
|
href: social.href,
|
|
392
360
|
target: "_blank",
|
|
393
361
|
rel: "noopener noreferrer",
|
|
394
|
-
className: "text-neutral-
|
|
362
|
+
className: "text-neutral-500 hover:text-white transition-colors",
|
|
395
363
|
"aria-label": social.name
|
|
396
364
|
},
|
|
397
365
|
/* @__PURE__ */ import_react6.default.createElement(import_react7.HugeiconsIcon, { icon: social.icon, size: 20 })
|
|
@@ -440,53 +408,80 @@ var HeroSection = ({
|
|
|
440
408
|
}
|
|
441
409
|
return () => observer.disconnect();
|
|
442
410
|
}, []);
|
|
443
|
-
return /* @__PURE__ */ import_react8.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20
|
|
411
|
+
return /* @__PURE__ */ import_react8.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 flex flex-col items-center justify-center overflow-hidden w-full bg-black" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 w-full h-full z-0 overflow-hidden" }, bgVideoSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
412
|
+
"video",
|
|
413
|
+
{
|
|
414
|
+
src: bgVideoSrc,
|
|
415
|
+
poster: bgImageSrc,
|
|
416
|
+
autoPlay: true,
|
|
417
|
+
loop: true,
|
|
418
|
+
muted: true,
|
|
419
|
+
playsInline: true,
|
|
420
|
+
className: "absolute inset-0 w-full h-full object-cover z-0"
|
|
421
|
+
}
|
|
422
|
+
) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
423
|
+
import_image2.default,
|
|
424
|
+
{
|
|
425
|
+
src: bgImageSrc,
|
|
426
|
+
alt: "Hero Background",
|
|
427
|
+
fill: true,
|
|
428
|
+
priority: true,
|
|
429
|
+
className: "object-cover z-0"
|
|
430
|
+
}
|
|
431
|
+
) : null, /* @__PURE__ */ import_react8.default.createElement(
|
|
432
|
+
"div",
|
|
433
|
+
{
|
|
434
|
+
className: "absolute inset-0 z-10 opacity-30 mix-blend-overlay pointer-events-none",
|
|
435
|
+
style: {
|
|
436
|
+
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=")`,
|
|
437
|
+
backgroundSize: "cover",
|
|
438
|
+
backgroundPosition: "center"
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-10" }), /* @__PURE__ */ import_react8.default.createElement(
|
|
442
|
+
"div",
|
|
443
|
+
{
|
|
444
|
+
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
|
|
445
|
+
style: {
|
|
446
|
+
backgroundImage: "radial-gradient(circle at center, rgba(255,255,255,0.2) 1px, transparent 1px)",
|
|
447
|
+
backgroundSize: "32px 32px"
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
), /* @__PURE__ */ import_react8.default.createElement(
|
|
451
|
+
"div",
|
|
452
|
+
{
|
|
453
|
+
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.10] mix-blend-overlay",
|
|
454
|
+
style: {
|
|
455
|
+
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")`
|
|
456
|
+
}
|
|
457
|
+
}
|
|
458
|
+
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-black to-transparent z-10 pointer-events-none" })), /* @__PURE__ */ import_react8.default.createElement("div", { className: "relative max-w-5xl mx-auto px-4 sm:px-6 w-full flex flex-col items-center text-center z-20" }, /* @__PURE__ */ import_react8.default.createElement(
|
|
444
459
|
"h1",
|
|
445
460
|
{
|
|
446
461
|
ref: titleRef,
|
|
447
|
-
className: `text-4xl sm:text-5xl lg:text-
|
|
462
|
+
className: `text-4xl sm:text-5xl lg:text-7xl font-light mb-6 text-white tracking-tight leading-[1.05] max-w-4xl drop-shadow-[0_4px_24px_rgba(0,0,0,0.5)]`,
|
|
448
463
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
449
464
|
},
|
|
450
465
|
titlePrefix,
|
|
451
466
|
" ",
|
|
452
|
-
/* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text
|
|
453
|
-
), subtitle && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[
|
|
467
|
+
/* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text" }, highlightText)
|
|
468
|
+
), subtitle && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[14px] md:text-[16px] text-neutral-200 max-w-xl mx-auto mb-10 font-light leading-relaxed drop-shadow-md" }, subtitle), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-16" }, ctaText && ctaHref && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ import_react8.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react8.default.createElement(
|
|
454
469
|
import_link4.default,
|
|
455
470
|
{
|
|
456
471
|
href: secondaryCtaHref,
|
|
457
|
-
className: "w-full sm:w-
|
|
472
|
+
className: "w-full sm:w-60 inline-flex font-semibold items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3 bg-black/40 backdrop-blur-md text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-500 outline-none transition-all drop-shadow-lg"
|
|
458
473
|
},
|
|
459
474
|
secondaryCtaText
|
|
460
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-
|
|
475
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 " }, appsText), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react8.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default filter invert" }, /* @__PURE__ */ import_react8.default.createElement(
|
|
461
476
|
import_image2.default,
|
|
462
477
|
{
|
|
463
478
|
src: logo.src,
|
|
464
479
|
alt: logo.alt,
|
|
465
|
-
width:
|
|
466
|
-
height:
|
|
480
|
+
width: 50,
|
|
481
|
+
height: 50,
|
|
467
482
|
className: "object-contain h-full w-auto"
|
|
468
483
|
}
|
|
469
|
-
))))))
|
|
470
|
-
"video",
|
|
471
|
-
{
|
|
472
|
-
src: bgVideoSrc,
|
|
473
|
-
poster: bgImageSrc,
|
|
474
|
-
autoPlay: true,
|
|
475
|
-
loop: true,
|
|
476
|
-
muted: true,
|
|
477
|
-
playsInline: true,
|
|
478
|
-
className: "absolute inset-0 w-full h-full object-cover"
|
|
479
|
-
}
|
|
480
|
-
) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
481
|
-
import_image2.default,
|
|
482
|
-
{
|
|
483
|
-
src: bgImageSrc,
|
|
484
|
-
alt: "Hero Media",
|
|
485
|
-
fill: true,
|
|
486
|
-
priority: true,
|
|
487
|
-
className: "object-cover"
|
|
488
|
-
}
|
|
489
|
-
) : null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 bg-black/5 pointer-events-none mix-blend-overlay" }))));
|
|
484
|
+
)))))));
|
|
490
485
|
};
|
|
491
486
|
|
|
492
487
|
// src/components/AppBento2.tsx
|
|
@@ -513,36 +508,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
513
508
|
}
|
|
514
509
|
return () => observer.disconnect();
|
|
515
510
|
}, []);
|
|
516
|
-
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "w-full py-16" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ import_react9.default.createElement(
|
|
511
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { className: "w-full py-16 bg-black" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "w-full flex justify-center px-4" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative overflow-hidden mb-12 text-left" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4 " }, tagline), /* @__PURE__ */ import_react9.default.createElement(
|
|
517
512
|
"h2",
|
|
518
513
|
{
|
|
519
514
|
ref: titleRef,
|
|
520
|
-
className: `
|
|
515
|
+
className: `text-3xl tracking-tight text-white leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
521
516
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
522
517
|
},
|
|
523
518
|
headline
|
|
524
519
|
))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-6" }, features.map((f, i) => {
|
|
525
|
-
const
|
|
526
|
-
const
|
|
527
|
-
const
|
|
520
|
+
const isPrimary = i === 0;
|
|
521
|
+
const isHighlight = i === 1;
|
|
522
|
+
const isSecondary = i === 2;
|
|
528
523
|
const getBgStyle = () => {
|
|
529
|
-
if (
|
|
530
|
-
if (
|
|
531
|
-
if (
|
|
532
|
-
return "bg-neutral-
|
|
524
|
+
if (isPrimary) return "bg-neutral-900 ";
|
|
525
|
+
if (isHighlight) return "bg-black";
|
|
526
|
+
if (isSecondary) return "bg-neutral-800";
|
|
527
|
+
return "bg-neutral-900 ";
|
|
533
528
|
};
|
|
534
529
|
const getShadowStyle = () => {
|
|
535
|
-
if (
|
|
536
|
-
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.
|
|
537
|
-
inset 0 -3px 0 0 rgba(0, 0, 0, 0.
|
|
538
|
-
0 4px 0 0 #
|
|
539
|
-
0 12px 24px rgba(0, 0, 0, 0.
|
|
530
|
+
if (isHighlight) return `
|
|
531
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.05),
|
|
532
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.5),
|
|
533
|
+
0 4px 0 0 #000000,
|
|
534
|
+
0 12px 24px rgba(0, 0, 0, 0.5)
|
|
540
535
|
`;
|
|
541
536
|
return "none";
|
|
542
537
|
};
|
|
543
|
-
const textColor =
|
|
544
|
-
const subTextColor =
|
|
545
|
-
const labelColor =
|
|
538
|
+
const textColor = "text-white";
|
|
539
|
+
const subTextColor = "text-neutral-400";
|
|
540
|
+
const labelColor = "text-neutral-500";
|
|
546
541
|
return /* @__PURE__ */ import_react9.default.createElement(
|
|
547
542
|
"div",
|
|
548
543
|
{
|
|
@@ -557,9 +552,9 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
557
552
|
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")` }
|
|
558
553
|
}
|
|
559
554
|
),
|
|
560
|
-
|
|
561
|
-
/* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${
|
|
562
|
-
/* @__PURE__ */ import_react9.default.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: `text-[9px]
|
|
555
|
+
isHighlight && /* @__PURE__ */ import_react9.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" }),
|
|
556
|
+
/* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none z-0" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: `absolute -bottom-8 -right-8 transform group-hover:scale-110 transition-transform duration-700 ease-out ${isHighlight ? "text-white/5" : "text-white/5"}` }, /* @__PURE__ */ import_react9.default.createElement(import_react10.HugeiconsIcon, { icon: f.icon, size: 180 }))),
|
|
557
|
+
/* @__PURE__ */ import_react9.default.createElement("div", { className: "relative z-10 w-full h-full flex flex-col pointer-events-auto" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ import_react9.default.createElement("span", { className: `text-[9px] tracking-widest ${labelColor}` }, f.label), /* @__PURE__ */ import_react9.default.createElement("div", { className: `p-2 rounded-full transition-colors bg-white/10` }, /* @__PURE__ */ import_react9.default.createElement(import_react10.HugeiconsIcon, { icon: f.icon, size: 20, className: textColor }))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react9.default.createElement("h3", { className: `text-xl mb-2 tracking-tight ${textColor}` }, f.title), /* @__PURE__ */ import_react9.default.createElement("p", { className: `text-[13px] leading-relaxed max-w-sm ${subTextColor}` }, f.desc)))
|
|
563
558
|
);
|
|
564
559
|
})))));
|
|
565
560
|
};
|
|
@@ -572,7 +567,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
572
567
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
573
568
|
const [isBgLoading, setIsBgLoading] = (0, import_react11.useState)(true);
|
|
574
569
|
const [isFgLoading, setIsFgLoading] = (0, import_react11.useState)(!!feature.image);
|
|
575
|
-
return /* @__PURE__ */ import_react11.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_react11.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-
|
|
570
|
+
return /* @__PURE__ */ import_react11.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_react11.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center " }, /* @__PURE__ */ import_react11.default.createElement(
|
|
576
571
|
import_image3.default,
|
|
577
572
|
{
|
|
578
573
|
src: bgImage,
|
|
@@ -593,7 +588,7 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
593
588
|
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")`
|
|
594
589
|
}
|
|
595
590
|
}
|
|
596
|
-
), isFgLoading && feature.image && /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-
|
|
591
|
+
), isFgLoading && feature.image && /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-900/50 backdrop-blur-sm transition-opacity duration-300" }, /* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.Loading03Icon, size: 32, className: "animate-spin text-neutral-500" })), feature.image && /* @__PURE__ */ import_react11.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_react11.default.createElement(
|
|
597
592
|
import_image3.default,
|
|
598
593
|
{
|
|
599
594
|
src: feature.image,
|
|
@@ -602,11 +597,11 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
602
597
|
sizes: "(max-width: 768px) 90vw, 600px",
|
|
603
598
|
onLoad: () => setIsFgLoading(false),
|
|
604
599
|
className: `
|
|
605
|
-
object-cover object-top-left rounded-tl-2xl shadow-[-12px_-12px_30px_rgba(0,0,0,0.
|
|
600
|
+
object-cover object-top-left rounded-tl-2xl shadow-[-12px_-12px_30px_rgba(0,0,0,0.5)] transition-all duration-700 ease-out
|
|
606
601
|
${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
|
|
607
602
|
`
|
|
608
603
|
}
|
|
609
|
-
))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ import_react11.default.createElement("h3", { className: "
|
|
604
|
+
))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-xl tracking-tight text-white mb-2" }, feature.title), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-400 max-w-[90%]" }, feature.desc)));
|
|
610
605
|
};
|
|
611
606
|
var FeatureScroll = ({ tagline, headline, features }) => {
|
|
612
607
|
const scrollRef = (0, import_react11.useRef)(null);
|
|
@@ -635,12 +630,12 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
635
630
|
"https://retinalabs.company/assets/images/bg_6.avif",
|
|
636
631
|
"https://retinalabs.company/assets/images/bg_1.avif"
|
|
637
632
|
];
|
|
638
|
-
return /* @__PURE__ */ import_react11.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react11.default.createElement("h2", { className: "
|
|
633
|
+
return /* @__PURE__ */ import_react11.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 overflow-hidden bg-black" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative z-10 text-left" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react11.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05]" }, headline)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hidden md:flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
639
634
|
"button",
|
|
640
635
|
{
|
|
641
636
|
onClick: () => scroll("left"),
|
|
642
637
|
disabled: !canScrollLeft,
|
|
643
|
-
className: "p-4 border border-neutral-
|
|
638
|
+
className: "p-4 border border-neutral-800 rounded-full text-neutral-500 hover:text-white hover:border-white disabled:opacity-30 disabled:hover:border-neutral-800 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
|
|
644
639
|
"aria-label": "Previous feature"
|
|
645
640
|
},
|
|
646
641
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
@@ -649,7 +644,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
649
644
|
{
|
|
650
645
|
onClick: () => scroll("right"),
|
|
651
646
|
disabled: !canScrollRight,
|
|
652
|
-
className: "p-4 border border-neutral-
|
|
647
|
+
className: "p-4 border border-neutral-800 rounded-full text-neutral-500 hover:text-white hover:border-white disabled:opacity-30 disabled:hover:border-neutral-800 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none",
|
|
653
648
|
"aria-label": "Next feature"
|
|
654
649
|
},
|
|
655
650
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
@@ -666,7 +661,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
666
661
|
{
|
|
667
662
|
onClick: () => scroll("left"),
|
|
668
663
|
disabled: !canScrollLeft,
|
|
669
|
-
className: "p-4 border border-neutral-
|
|
664
|
+
className: "p-4 border border-neutral-800 rounded-full text-neutral-500 hover:text-white hover:border-white disabled:opacity-30 transition-all outline-none"
|
|
670
665
|
},
|
|
671
666
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
672
667
|
), /* @__PURE__ */ import_react11.default.createElement(
|
|
@@ -674,7 +669,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
674
669
|
{
|
|
675
670
|
onClick: () => scroll("right"),
|
|
676
671
|
disabled: !canScrollRight,
|
|
677
|
-
className: "p-4 border border-neutral-
|
|
672
|
+
className: "p-4 border border-neutral-800 rounded-full text-neutral-500 hover:text-white hover:border-white disabled:opacity-30 transition-all outline-none"
|
|
678
673
|
},
|
|
679
674
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
680
675
|
))));
|
|
@@ -689,15 +684,15 @@ var PlatformFeatures = ({
|
|
|
689
684
|
description,
|
|
690
685
|
features
|
|
691
686
|
}) => {
|
|
692
|
-
return /* @__PURE__ */ import_react13.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10" }, /* @__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 items-start mb-16 relative z-10" }, /* @__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-
|
|
687
|
+
return /* @__PURE__ */ import_react13.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__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 items-start mb-16 relative z-10" }, /* @__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-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ import_react13.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_react13.default.createElement(
|
|
693
688
|
"div",
|
|
694
689
|
{
|
|
695
690
|
key: idx,
|
|
696
691
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
697
692
|
style: { animationDelay: feature.delay || "0ms" }
|
|
698
693
|
},
|
|
699
|
-
/* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-
|
|
700
|
-
/* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-
|
|
694
|
+
/* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-800 flex items-center justify-center text-white transition-colors duration-300" }, /* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: feature.icon, size: 24 })), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-500 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ import_react13.default.createElement("h3", { className: "text-xl tracking-tight text-white" }, feature.title))),
|
|
695
|
+
/* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-400 pr-4" }, feature.desc))
|
|
701
696
|
)))));
|
|
702
697
|
};
|
|
703
698
|
|
|
@@ -732,19 +727,19 @@ var ManagedDocument = ({
|
|
|
732
727
|
}, []);
|
|
733
728
|
return (
|
|
734
729
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
735
|
-
/* @__PURE__ */ import_react15.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "relative bg-
|
|
730
|
+
/* @__PURE__ */ import_react15.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react15.default.createElement(
|
|
736
731
|
"h1",
|
|
737
732
|
{
|
|
738
733
|
ref: titleRef,
|
|
739
|
-
className: `
|
|
734
|
+
className: `text-3xl mt-4 text-white tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
740
735
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
741
736
|
},
|
|
742
737
|
title
|
|
743
|
-
)), sections.map((section, index) => /* @__PURE__ */ import_react15.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react15.default.createElement("p", { className: "
|
|
738
|
+
)), sections.map((section, index) => /* @__PURE__ */ import_react15.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react15.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react15.default.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react15.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[11px] text-neutral-500 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react15.default.createElement(
|
|
744
739
|
"a",
|
|
745
740
|
{
|
|
746
741
|
href: `mailto:${contactEmail}`,
|
|
747
|
-
className: "text-
|
|
742
|
+
className: "text-white decoration-neutral-600 decoration-1 underline-offset-4 ml-1 transition-colors hover:decoration-white"
|
|
748
743
|
},
|
|
749
744
|
contactEmail
|
|
750
745
|
))))))
|
|
@@ -772,7 +767,7 @@ var ManagedContactBlock = ({
|
|
|
772
767
|
emails,
|
|
773
768
|
socials
|
|
774
769
|
}) => {
|
|
775
|
-
return /* @__PURE__ */ import_react16.default.createElement("div", { className: "grow pt-28 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative bg-
|
|
770
|
+
return /* @__PURE__ */ import_react16.default.createElement("div", { className: "grow pt-28 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react16.default.createElement(
|
|
776
771
|
"div",
|
|
777
772
|
{
|
|
778
773
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -781,28 +776,28 @@ var ManagedContactBlock = ({
|
|
|
781
776
|
backgroundRepeat: "repeat"
|
|
782
777
|
}
|
|
783
778
|
}
|
|
784
|
-
), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react16.default.createElement("h1", { className: "
|
|
779
|
+
), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react16.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Contact Details"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-3 text-[13px] text-neutral-400 leading-[1.8]" }, company.name && /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-white" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ import_react16.default.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ import_react16.default.createElement("p", { className: "pt-2" }, /* @__PURE__ */ import_react16.default.createElement(
|
|
785
780
|
"a",
|
|
786
781
|
{
|
|
787
782
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
788
|
-
className: "transition-colors hover:text-
|
|
783
|
+
className: "transition-colors hover:text-white"
|
|
789
784
|
},
|
|
790
785
|
company.phone
|
|
791
|
-
)))), emails && emails.length > 0 && /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-
|
|
786
|
+
)))), emails && emails.length > 0 && /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Email Directory"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ import_react16.default.createElement("div", { key: idx }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ import_react16.default.createElement(
|
|
792
787
|
SecureEmail,
|
|
793
788
|
{
|
|
794
789
|
user: email.user,
|
|
795
790
|
domain: email.domain,
|
|
796
|
-
className: "text-neutral-
|
|
791
|
+
className: "text-neutral-400 transition-colors hover:text-white"
|
|
797
792
|
}
|
|
798
|
-
))))), socials && socials.length > 0 && /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-
|
|
793
|
+
))))), socials && socials.length > 0 && /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Find Us Online"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ import_react16.default.createElement(
|
|
799
794
|
"a",
|
|
800
795
|
{
|
|
801
796
|
key: idx,
|
|
802
797
|
href: social.href,
|
|
803
798
|
target: "_blank",
|
|
804
799
|
rel: "noopener noreferrer",
|
|
805
|
-
className: "flex items-center gap-3 transition-colors group text-neutral-
|
|
800
|
+
className: "flex items-center gap-3 transition-colors group text-neutral-400 hover:text-white",
|
|
806
801
|
"aria-label": social.label
|
|
807
802
|
},
|
|
808
803
|
/* @__PURE__ */ import_react16.default.createElement(import_react17.HugeiconsIcon, { icon: social.icon, size: 18 }),
|
|
@@ -814,8 +809,8 @@ var ManagedContactBlock = ({
|
|
|
814
809
|
var import_react18 = __toESM(require("react"));
|
|
815
810
|
var import_link5 = __toESM(require("next/link"));
|
|
816
811
|
var import_image4 = __toESM(require("next/image"));
|
|
817
|
-
var CheckIcon = ({ className = "" }) => /* @__PURE__ */ import_react18.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_react18.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "
|
|
818
|
-
var CrossIcon = ({ className = "" }) => /* @__PURE__ */ import_react18.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_react18.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#
|
|
812
|
+
var CheckIcon = ({ className = "" }) => /* @__PURE__ */ import_react18.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_react18.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "white" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M8 12L11 15L16 9", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
813
|
+
var CrossIcon = ({ className = "" }) => /* @__PURE__ */ import_react18.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_react18.default.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "#262626" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M15 9L9 15M9 9l6 6", stroke: "#737373", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
819
814
|
var ManagedPricingBlock = ({
|
|
820
815
|
tagline,
|
|
821
816
|
title,
|
|
@@ -845,22 +840,22 @@ var ManagedPricingBlock = ({
|
|
|
845
840
|
}, []);
|
|
846
841
|
const hasTabs = tabs && tabs.length > 0;
|
|
847
842
|
const currentPlans = hasTabs ? tabs[activeTabIndex].plans : plans;
|
|
848
|
-
return /* @__PURE__ */ import_react18.default.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[9px] tracking-[0.4em] text-
|
|
843
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: "grow pt-10 pb-20 px-4 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col items-center" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-full flex flex-col items-center text-center mb-10 sm:mb-12" }, tagline && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[9px] tracking-[0.4em] text-neutral-500 block" }, tagline), /* @__PURE__ */ import_react18.default.createElement(
|
|
849
844
|
"h1",
|
|
850
845
|
{
|
|
851
846
|
ref: titleRef,
|
|
852
|
-
className: `text-2xl sm:text-3xl mt-3 text-
|
|
847
|
+
className: `text-2xl sm:text-3xl mt-3 text-white tracking-tight ${isAnimating ? "" : ""}`,
|
|
853
848
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
854
849
|
},
|
|
855
850
|
title
|
|
856
|
-
)), hasTabs && /* @__PURE__ */ import_react18.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_react18.default.createElement("div", { className: "flex items-center bg-
|
|
851
|
+
)), hasTabs && /* @__PURE__ */ import_react18.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_react18.default.createElement("div", { className: "flex items-center bg-neutral-900 rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, tabs.map((tab, idx) => {
|
|
857
852
|
const isActive = activeTabIndex === idx;
|
|
858
853
|
return /* @__PURE__ */ import_react18.default.createElement(
|
|
859
854
|
"button",
|
|
860
855
|
{
|
|
861
856
|
key: idx,
|
|
862
857
|
onClick: () => setActiveTabIndex(idx),
|
|
863
|
-
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-
|
|
858
|
+
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-800 text-white" : "text-neutral-500 hover:text-white hover:bg-neutral-800/50"}`
|
|
864
859
|
},
|
|
865
860
|
tab.label
|
|
866
861
|
);
|
|
@@ -868,9 +863,9 @@ var ManagedPricingBlock = ({
|
|
|
868
863
|
"div",
|
|
869
864
|
{
|
|
870
865
|
key: `${activeTabIndex}-${planIdx}`,
|
|
871
|
-
className: `bg-
|
|
866
|
+
className: `bg-neutral-900 rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "border-neutral-700" : ""}`
|
|
872
867
|
},
|
|
873
|
-
/* @__PURE__ */ import_react18.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-
|
|
868
|
+
/* @__PURE__ */ import_react18.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-white text-base block mb-1" }, plan.name), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-3xl font-light text-white" }, plan.price), plan.period && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs text-neutral-400 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 mt-4 opacity-90" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ import_react18.default.createElement(
|
|
874
869
|
"div",
|
|
875
870
|
{
|
|
876
871
|
key: logoIdx,
|
|
@@ -883,7 +878,7 @@ var ManagedPricingBlock = ({
|
|
|
883
878
|
alt: logo.alt,
|
|
884
879
|
width: 16,
|
|
885
880
|
height: 16,
|
|
886
|
-
className: "object-contain"
|
|
881
|
+
className: "object-contain filter invert"
|
|
887
882
|
}
|
|
888
883
|
)
|
|
889
884
|
)))),
|
|
@@ -891,14 +886,14 @@ var ManagedPricingBlock = ({
|
|
|
891
886
|
import_link5.default,
|
|
892
887
|
{
|
|
893
888
|
href: plan.ctaHref,
|
|
894
|
-
className: "w-full py-2.5 px-5 rounded-full border border-neutral-
|
|
889
|
+
className: "w-full py-2.5 px-5 rounded-full font-semibold border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
|
|
895
890
|
},
|
|
896
891
|
plan.ctaText
|
|
897
892
|
),
|
|
898
893
|
/* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
|
|
899
894
|
const isAvailable = feature.value !== false;
|
|
900
895
|
const valueText = typeof feature.value === "string" ? feature.value : "";
|
|
901
|
-
return /* @__PURE__ */ import_react18.default.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5
|
|
896
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { key: featureIdx, className: "flex items-center gap-2.5" }, isAvailable ? /* @__PURE__ */ import_react18.default.createElement(CheckIcon, null) : /* @__PURE__ */ import_react18.default.createElement(CrossIcon, null), /* @__PURE__ */ import_react18.default.createElement("span", { className: `text-xs truncate ${isAvailable ? "text-neutral-300" : "text-neutral-600"}` }, feature.name, valueText && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-neutral-500 ml-1" }, "(", valueText, ")")));
|
|
902
897
|
}))
|
|
903
898
|
)))));
|
|
904
899
|
};
|
|
@@ -914,7 +909,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ import_r
|
|
|
914
909
|
href,
|
|
915
910
|
target: "_blank",
|
|
916
911
|
rel: "noopener noreferrer",
|
|
917
|
-
className: "text-neutral-
|
|
912
|
+
className: "text-neutral-500 hover:text-white transition-colors",
|
|
918
913
|
"aria-label": `${name} on ${label}`
|
|
919
914
|
},
|
|
920
915
|
/* @__PURE__ */ import_react19.default.createElement(import_react20.HugeiconsIcon, { icon, size: 16 })
|
|
@@ -926,7 +921,7 @@ var ManagedBoardBlock = ({
|
|
|
926
921
|
contactText,
|
|
927
922
|
contactEmail
|
|
928
923
|
}) => {
|
|
929
|
-
return /* @__PURE__ */ import_react19.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ import_react19.default.createElement(
|
|
924
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative w-full mx-auto overflow-hidden max-w-7xl" }, /* @__PURE__ */ import_react19.default.createElement(
|
|
930
925
|
"div",
|
|
931
926
|
{
|
|
932
927
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -935,7 +930,7 @@ var ManagedBoardBlock = ({
|
|
|
935
930
|
backgroundRepeat: "repeat"
|
|
936
931
|
}
|
|
937
932
|
}
|
|
938
|
-
), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react19.default.createElement("h1", { className: "
|
|
933
|
+
), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react19.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-5 md:px-12 py-4 md:py-8" }, /* @__PURE__ */ import_react19.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_react19.default.createElement("div", { key: idx, className: "relative p-6 md:p-8 rounded-2xl bg-neutral-900 flex flex-col transition-all group" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-start space-x-4 md:space-x-5 mb-5 md:mb-6" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative w-14 h-14 md:w-16 md:h-16 shrink-0 bg-neutral-800 overflow-hidden rounded-xl " }, /* @__PURE__ */ import_react19.default.createElement(
|
|
939
934
|
import_image5.default,
|
|
940
935
|
{
|
|
941
936
|
src: member.imageSrc,
|
|
@@ -944,7 +939,7 @@ var ManagedBoardBlock = ({
|
|
|
944
939
|
sizes: "(max-width: 768px) 56px, 64px",
|
|
945
940
|
className: "object-cover grayscale opacity-100 transition-opacity"
|
|
946
941
|
}
|
|
947
|
-
)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "pt-1" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "
|
|
942
|
+
)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "pt-1" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-[14px] md:text-[15px] text-white tracking-tight" }, member.name), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500 mt-1.5 " }, member.title))), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-400 text-left grow mb-8" }, member.bio), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-6 mt-auto" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ import_react19.default.createElement(ThreeDButton, { href: member.website }, "Visit Website")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex space-x-4 pt-5" }, member.twitterHandle && member.twitterHandle.length > 0 && /* @__PURE__ */ import_react19.default.createElement(
|
|
948
943
|
MemberSocialLink,
|
|
949
944
|
{
|
|
950
945
|
href: `https://x.com/${member.twitterHandle}`,
|
|
@@ -960,24 +955,34 @@ var ManagedBoardBlock = ({
|
|
|
960
955
|
label: "LinkedIn",
|
|
961
956
|
name: member.name
|
|
962
957
|
}
|
|
963
|
-
))))))), (contactText || contactEmail) && /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[11px] text-neutral-
|
|
958
|
+
))))))), (contactText || contactEmail) && /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[11px] text-neutral-500 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react19.default.createElement("a", { href: `mailto:${contactEmail}`, className: "text-white decoration-white decoration-2 underline-offset-4 ml-1 transition-colors" }, contactEmail))))));
|
|
964
959
|
};
|
|
965
960
|
|
|
966
961
|
// src/components/ManagedNotFoundBlock.tsx
|
|
967
962
|
var import_react21 = __toESM(require("react"));
|
|
963
|
+
var import_link6 = __toESM(require("next/link"));
|
|
968
964
|
var ManagedNotFoundBlock = ({
|
|
969
965
|
title = "404 - Page Not Found",
|
|
970
|
-
description = "The page you are looking for does not exist or has been moved."
|
|
966
|
+
description = "The page you are looking for does not exist or has been moved.",
|
|
967
|
+
backLinkText = "Go back to Homepage",
|
|
968
|
+
backLinkHref = "/"
|
|
971
969
|
}) => {
|
|
972
|
-
return /* @__PURE__ */ import_react21.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-
|
|
970
|
+
return /* @__PURE__ */ import_react21.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-black" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ import_react21.default.createElement(
|
|
973
971
|
"svg",
|
|
974
972
|
{
|
|
975
973
|
xmlns: "http://www.w3.org/2000/svg",
|
|
976
974
|
viewBox: "0 0 24 24",
|
|
977
|
-
className: "w-12 h-12 fill-neutral-
|
|
975
|
+
className: "w-12 h-12 fill-neutral-700"
|
|
978
976
|
},
|
|
979
977
|
/* @__PURE__ */ import_react21.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" })
|
|
980
|
-
)), /* @__PURE__ */ import_react21.default.createElement("h1", { className: "
|
|
978
|
+
)), /* @__PURE__ */ import_react21.default.createElement("h1", { className: "text-xl md:text-3xl text-white tracking-tight mb-4" }, title), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-400 mb-12" }, description), /* @__PURE__ */ import_react21.default.createElement(
|
|
979
|
+
import_link6.default,
|
|
980
|
+
{
|
|
981
|
+
href: backLinkHref,
|
|
982
|
+
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"
|
|
983
|
+
},
|
|
984
|
+
backLinkText
|
|
985
|
+
)));
|
|
981
986
|
};
|
|
982
987
|
|
|
983
988
|
// src/components/PageSpinner.tsx
|
|
@@ -996,7 +1001,7 @@ var PageSpinner = ({
|
|
|
996
1001
|
{
|
|
997
1002
|
icon: import_core_free_icons4.Loading03Icon,
|
|
998
1003
|
size,
|
|
999
|
-
className: `animate-spin
|
|
1004
|
+
className: `animate-spin mb-4 ${iconClassName}`
|
|
1000
1005
|
}
|
|
1001
1006
|
))
|
|
1002
1007
|
);
|
|
@@ -1052,7 +1057,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1052
1057
|
ctaHref = "/contact-us",
|
|
1053
1058
|
children
|
|
1054
1059
|
}) => {
|
|
1055
|
-
return /* @__PURE__ */ import_react25.default.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden" }, /* @__PURE__ */ import_react25.default.createElement(
|
|
1060
|
+
return /* @__PURE__ */ import_react25.default.createElement("div", { className: "grow flex flex-col md:flex-row relative w-full pt-32 md:pt-0 bg-black" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "hidden md:block md:w-1/2 relative min-h-screen overflow-hidden bg-neutral-900" }, /* @__PURE__ */ import_react25.default.createElement(
|
|
1056
1061
|
import_image6.default,
|
|
1057
1062
|
{
|
|
1058
1063
|
src: imageSrc,
|
|
@@ -1067,7 +1072,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1067
1072
|
{
|
|
1068
1073
|
className: "absolute inset-0 z-10 pointer-events-none",
|
|
1069
1074
|
style: {
|
|
1070
|
-
background: "linear-gradient(to right, rgba(
|
|
1075
|
+
background: "linear-gradient(to right, rgba(0,0,0,0) 30%, #000000 100%)"
|
|
1071
1076
|
}
|
|
1072
1077
|
}
|
|
1073
1078
|
), /* @__PURE__ */ import_react25.default.createElement(
|
|
@@ -1075,7 +1080,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1075
1080
|
{
|
|
1076
1081
|
className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
|
|
1077
1082
|
style: {
|
|
1078
|
-
background: "linear-gradient(to bottom, rgba(
|
|
1083
|
+
background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%)"
|
|
1079
1084
|
}
|
|
1080
1085
|
}
|
|
1081
1086
|
)), /* @__PURE__ */ import_react25.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_react25.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_react25.default.createElement(
|
|
@@ -1087,11 +1092,11 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1087
1092
|
backgroundRepeat: "repeat"
|
|
1088
1093
|
}
|
|
1089
1094
|
}
|
|
1090
|
-
), /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "mb-10 border-b border-neutral-
|
|
1095
|
+
), /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "mb-10 border-b border-neutral-800 pb-8 text-center md:text-left" }, tagline && /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500" }, tagline), /* @__PURE__ */ import_react25.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight mb-4" }, title), subtitle && /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-neutral-500" }, subtitle)), /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-400 mb-10 text-center md:text-left" }, description), children && /* @__PURE__ */ import_react25.default.createElement("div", { className: "mb-8 text-left" }, children), /* @__PURE__ */ import_react25.default.createElement("div", { className: "text-center md:text-left mt-10 space-y-6" }, dividerText && /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "grow h-px bg-neutral-800" }), /* @__PURE__ */ import_react25.default.createElement("span", { className: "shrink mx-4 text-[11px] tracking-[0.2em] text-neutral-600" }, dividerText), /* @__PURE__ */ import_react25.default.createElement("div", { className: "grow h-px bg-neutral-800" })), ctaText && ctaHref && /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full *:w-full" }, /* @__PURE__ */ import_react25.default.createElement(
|
|
1091
1096
|
ThreeDButton,
|
|
1092
1097
|
{
|
|
1093
1098
|
href: ctaHref,
|
|
1094
|
-
className: "py-
|
|
1099
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1095
1100
|
},
|
|
1096
1101
|
ctaText
|
|
1097
1102
|
)))))));
|
|
@@ -1109,7 +1114,7 @@ var TextInput = ({
|
|
|
1109
1114
|
readOnly,
|
|
1110
1115
|
type = "text",
|
|
1111
1116
|
onClick
|
|
1112
|
-
}) => /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ import_react26.default.createElement("label", { className: "text-[11px] text-neutral-
|
|
1117
|
+
}) => /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-2 flex-1 w-full", onClick }, label && /* @__PURE__ */ import_react26.default.createElement("label", { className: "text-[11px] text-neutral-500 tracking-[0.2em] block " }, label), /* @__PURE__ */ import_react26.default.createElement(
|
|
1113
1118
|
"input",
|
|
1114
1119
|
{
|
|
1115
1120
|
type,
|
|
@@ -1120,7 +1125,7 @@ var TextInput = ({
|
|
|
1120
1125
|
readOnly,
|
|
1121
1126
|
autoComplete: "off",
|
|
1122
1127
|
spellCheck: "false",
|
|
1123
|
-
className: `w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-
|
|
1128
|
+
className: `w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-800 text-white transition-all outline-none focus:border-white disabled:opacity-50 ${readOnly ? "cursor-pointer" : ""}`
|
|
1124
1129
|
}
|
|
1125
1130
|
));
|
|
1126
1131
|
var NumberInput = ({
|
|
@@ -1130,7 +1135,7 @@ var NumberInput = ({
|
|
|
1130
1135
|
placeholder,
|
|
1131
1136
|
maxLength,
|
|
1132
1137
|
disabled
|
|
1133
|
-
}) => /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ import_react26.default.createElement("label", { className: "text-[11px] text-neutral-
|
|
1138
|
+
}) => /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-2 flex-1 w-full" }, label && /* @__PURE__ */ import_react26.default.createElement("label", { className: "text-[11px] text-neutral-500 tracking-[0.2em] block " }, label), /* @__PURE__ */ import_react26.default.createElement(
|
|
1134
1139
|
"input",
|
|
1135
1140
|
{
|
|
1136
1141
|
type: "text",
|
|
@@ -1143,13 +1148,13 @@ var NumberInput = ({
|
|
|
1143
1148
|
disabled,
|
|
1144
1149
|
autoComplete: "off",
|
|
1145
1150
|
spellCheck: "false",
|
|
1146
|
-
className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-
|
|
1151
|
+
className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-800 text-white transition-all outline-none focus:border-white disabled:opacity-50"
|
|
1147
1152
|
}
|
|
1148
1153
|
));
|
|
1149
1154
|
|
|
1150
1155
|
// src/components/PortfolioHero.tsx
|
|
1151
1156
|
var import_react27 = __toESM(require("react"));
|
|
1152
|
-
var
|
|
1157
|
+
var import_link7 = __toESM(require("next/link"));
|
|
1153
1158
|
var import_image7 = __toESM(require("next/image"));
|
|
1154
1159
|
var import_react28 = require("@hugeicons/react");
|
|
1155
1160
|
var import_core_free_icons5 = require("@hugeicons/core-free-icons");
|
|
@@ -1191,13 +1196,13 @@ var PortfolioHero = ({
|
|
|
1191
1196
|
secondaryCtaHref
|
|
1192
1197
|
}) => {
|
|
1193
1198
|
const heroContentRef = useScrollAnimation();
|
|
1194
|
-
return /* @__PURE__ */ import_react27.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_react27.default.createElement(
|
|
1199
|
+
return /* @__PURE__ */ import_react27.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 bg-black" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
1195
1200
|
"div",
|
|
1196
1201
|
{
|
|
1197
1202
|
ref: heroContentRef,
|
|
1198
1203
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1199
1204
|
},
|
|
1200
|
-
/* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden
|
|
1205
|
+
/* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden shrink-0 shadow-sm" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
1201
1206
|
import_image7.default,
|
|
1202
1207
|
{
|
|
1203
1208
|
src: imageSrc,
|
|
@@ -1208,29 +1213,29 @@ var PortfolioHero = ({
|
|
|
1208
1213
|
sizes: "(max-width: 640px) 80px, 128px",
|
|
1209
1214
|
quality: 100
|
|
1210
1215
|
}
|
|
1211
|
-
)), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ import_react27.default.createElement("h1", { className: "
|
|
1216
|
+
)), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ import_react27.default.createElement("h1", { className: "text-3xl sm:text-5xl lg:text-6xl tracking-tight text-white leading-none mb-3" }, name), socialLabel && /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500" }, socialLabel), socialLinkText && socialLinkHref && /* @__PURE__ */ import_react27.default.createElement(
|
|
1212
1217
|
"a",
|
|
1213
1218
|
{
|
|
1214
1219
|
href: socialLinkHref,
|
|
1215
1220
|
target: "_blank",
|
|
1216
1221
|
rel: "noopener noreferrer",
|
|
1217
|
-
className: "text-[11px] md:text-[14px] text-
|
|
1222
|
+
className: "text-[11px] md:text-[14px] text-neutral-300 hover:text-white transition-colors mt-1 underline underline-offset-4 decoration-neutral-700 hover:decoration-white"
|
|
1218
1223
|
},
|
|
1219
1224
|
socialLinkText
|
|
1220
1225
|
))),
|
|
1221
|
-
/* @__PURE__ */ import_react27.default.createElement("p", { className: "text-[13px]
|
|
1226
|
+
/* @__PURE__ */ import_react27.default.createElement("p", { className: "text-[13px] leading-[1.8] max-w-4xl mb-12 text-neutral-400" }, bio),
|
|
1222
1227
|
/* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full sm:w-auto" }, primaryCtaText && primaryCtaHref && /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full sm:w-auto *:w-full" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
1223
1228
|
ThreeDButton,
|
|
1224
1229
|
{
|
|
1225
1230
|
href: primaryCtaHref,
|
|
1226
|
-
className: "py-
|
|
1231
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1227
1232
|
},
|
|
1228
1233
|
primaryCtaText
|
|
1229
1234
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react27.default.createElement(
|
|
1230
|
-
|
|
1235
|
+
import_link7.default,
|
|
1231
1236
|
{
|
|
1232
1237
|
href: secondaryCtaHref,
|
|
1233
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em]
|
|
1238
|
+
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-2.5 border border-neutral-700 transition-colors text-white hover:bg-neutral-700 outline-none"
|
|
1234
1239
|
},
|
|
1235
1240
|
secondaryCtaText,
|
|
1236
1241
|
/* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -1251,7 +1256,7 @@ var GifFeatureCard = ({
|
|
|
1251
1256
|
className = "aspect-video"
|
|
1252
1257
|
}) => {
|
|
1253
1258
|
const [isLoading, setIsLoading] = (0, import_react29.useState)(true);
|
|
1254
|
-
return /* @__PURE__ */ import_react29.default.createElement("div", { className: `relative w-full bg-black
|
|
1259
|
+
return /* @__PURE__ */ import_react29.default.createElement("div", { className: `relative w-full bg-black overflow-hidden shadow-2xl ${className}` }, isLoading && /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-black" }, /* @__PURE__ */ import_react29.default.createElement(
|
|
1255
1260
|
import_react30.HugeiconsIcon,
|
|
1256
1261
|
{
|
|
1257
1262
|
icon: import_core_free_icons6.Loading03Icon,
|
|
@@ -1279,7 +1284,7 @@ var GifFeatureCard = ({
|
|
|
1279
1284
|
{
|
|
1280
1285
|
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"
|
|
1281
1286
|
}
|
|
1282
|
-
), /* @__PURE__ */ import_react29.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_react29.default.createElement("h3", { className: "
|
|
1287
|
+
), /* @__PURE__ */ import_react29.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_react29.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_react29.default.createElement("p", { className: "text-[13px] sm:text-[15px] leading-relaxed text-neutral-300 max-w-2xl drop-shadow-sm" }, subtitle)));
|
|
1283
1288
|
};
|
|
1284
1289
|
|
|
1285
1290
|
// src/components/MedicalFeatureStatsBlock.tsx
|
|
@@ -1312,15 +1317,15 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1312
1317
|
}
|
|
1313
1318
|
return () => observer.disconnect();
|
|
1314
1319
|
}, []);
|
|
1315
|
-
return /* @__PURE__ */ import_react31.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
1320
|
+
return /* @__PURE__ */ import_react31.default.createElement("section", { className: "py-24 w-full flex justify-center relative z-10 bg-black" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-10 mb-12" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "max-w-xl" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
1316
1321
|
"h2",
|
|
1317
1322
|
{
|
|
1318
1323
|
ref: titleRef,
|
|
1319
|
-
className: `text-3xl text-
|
|
1324
|
+
className: `text-3xl text-white tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
1320
1325
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1321
1326
|
},
|
|
1322
1327
|
bottomHeadline
|
|
1323
|
-
), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-
|
|
1328
|
+
), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-400" }, bottomDescription)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-4 shrink-0" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex -space-x-3" }, avatars.map((src, i) => /* @__PURE__ */ import_react31.default.createElement("div", { key: i, className: "relative w-12 h-12 rounded-full border-[3px] border-black overflow-hidden bg-neutral-900 z-1 hover:z-10 transition-all" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
1324
1329
|
import_image9.default,
|
|
1325
1330
|
{
|
|
1326
1331
|
src,
|
|
@@ -1329,7 +1334,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1329
1334
|
sizes: "48px",
|
|
1330
1335
|
className: "object-cover"
|
|
1331
1336
|
}
|
|
1332
|
-
)))), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[11px] text-neutral-
|
|
1337
|
+
)))), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react31.default.createElement("div", { key: idx, className: "bg-neutral-900 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center p-0.5 mb-6" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[14px] text-neutral-400 tracking-wide" }, stat.label)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "text-6xl gradient-text md:text-[80px] font-light tracking-tighter text-white mt-auto leading-none" }, stat.value))))));
|
|
1333
1338
|
};
|
|
1334
1339
|
|
|
1335
1340
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -1339,7 +1344,7 @@ var import_react33 = require("@hugeicons/react");
|
|
|
1339
1344
|
var import_core_free_icons7 = require("@hugeicons/core-free-icons");
|
|
1340
1345
|
var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
|
|
1341
1346
|
const [isLoading, setIsLoading] = (0, import_react32.useState)(true);
|
|
1342
|
-
return /* @__PURE__ */ import_react32.default.createElement("div", { className: `absolute inset-0 bg-neutral-
|
|
1347
|
+
return /* @__PURE__ */ import_react32.default.createElement("div", { className: `absolute inset-0 bg-neutral-900 ${className}` }, isLoading && /* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-900/50 backdrop-blur-md transition-opacity duration-300" }, /* @__PURE__ */ import_react32.default.createElement(import_react33.HugeiconsIcon, { icon: import_core_free_icons7.Loading03Icon, size: 24, className: "animate-spin text-white/50" })), /* @__PURE__ */ import_react32.default.createElement(
|
|
1343
1348
|
import_image10.default,
|
|
1344
1349
|
{
|
|
1345
1350
|
src,
|
|
@@ -1385,10 +1390,10 @@ var ConsultantShowcase = ({
|
|
|
1385
1390
|
}
|
|
1386
1391
|
};
|
|
1387
1392
|
if (!profiles || profiles.length === 0) return null;
|
|
1388
|
-
return /* @__PURE__ */ import_react32.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react32.default.createElement(
|
|
1393
|
+
return /* @__PURE__ */ import_react32.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative bg-black" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react32.default.createElement(
|
|
1389
1394
|
"div",
|
|
1390
1395
|
{
|
|
1391
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
1396
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
1392
1397
|
onTouchStart,
|
|
1393
1398
|
onTouchMove,
|
|
1394
1399
|
onTouchEnd
|
|
@@ -1409,9 +1414,9 @@ var ConsultantShowcase = ({
|
|
|
1409
1414
|
priority: idx === 0
|
|
1410
1415
|
}
|
|
1411
1416
|
),
|
|
1412
|
-
/* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute inset-0 bg-black/
|
|
1413
|
-
/* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute top-0 left-0 w-full h-[60%] bg-linear-to-b from-black/80 via-black/
|
|
1414
|
-
/* @__PURE__ */ import_react32.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_react32.default.createElement("h2", { className: "text-[29px]
|
|
1417
|
+
/* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute inset-0 bg-black/40 z-10 pointer-events-none" }),
|
|
1418
|
+
/* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute top-0 left-0 w-full h-[60%] bg-linear-to-b from-black/80 via-black/40 to-transparent z-20 pointer-events-none" }),
|
|
1419
|
+
/* @__PURE__ */ import_react32.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_react32.default.createElement("h2", { className: "text-[29px] tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[15px] text-neutral-300 font-light tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ import_react32.default.createElement("p", { className: "text-[15px] text-neutral-400 font-light tracking-wide mt-1" }, profile.description)))
|
|
1415
1420
|
);
|
|
1416
1421
|
}),
|
|
1417
1422
|
/* @__PURE__ */ import_react32.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" }),
|
|
@@ -1440,12 +1445,12 @@ var ContentGridBlock = ({
|
|
|
1440
1445
|
middleBottomCard,
|
|
1441
1446
|
rightCards
|
|
1442
1447
|
}) => {
|
|
1443
|
-
return /* @__PURE__ */ import_react34.default.createElement("section", { className: "
|
|
1448
|
+
return /* @__PURE__ */ import_react34.default.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react34.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react34.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "bg-neutral-900 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react34.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ import_react34.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react34.default.createElement(import_image11.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react34.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react34.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-black overflow-hidden relative z-10" }, /* @__PURE__ */ import_react34.default.createElement(import_image11.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react34.default.createElement("span", { className: "text-sm text-neutral-400" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-900/50 border border-neutral-800 text-[13px] text-neutral-400" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react34.default.createElement("span", { className: "text-white" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react34.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[11px] text-neutral-500 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[14px] text-white leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("h4", { className: "text-[15px] text-white leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[13px] text-neutral-500" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react34.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react34.default.createElement(import_image11.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[16px] text-white leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react34.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react34.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-neutral-900 text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react34.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react34.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react34.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react34.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react34.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
1444
1449
|
};
|
|
1445
1450
|
|
|
1446
1451
|
// src/components/ManagedProjectsBlock.tsx
|
|
1447
1452
|
var import_react36 = __toESM(require("react"));
|
|
1448
|
-
var
|
|
1453
|
+
var import_link8 = __toESM(require("next/link"));
|
|
1449
1454
|
var GridSection = ({
|
|
1450
1455
|
children,
|
|
1451
1456
|
isLast = false,
|
|
@@ -1456,7 +1461,7 @@ var ManagedProjectsBlock = ({
|
|
|
1456
1461
|
title,
|
|
1457
1462
|
projects
|
|
1458
1463
|
}) => {
|
|
1459
|
-
return /* @__PURE__ */ import_react36.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative bg-
|
|
1464
|
+
return /* @__PURE__ */ import_react36.default.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-5xl mx-auto overflow-hidden shadow-2xl" }, /* @__PURE__ */ import_react36.default.createElement(
|
|
1460
1465
|
"div",
|
|
1461
1466
|
{
|
|
1462
1467
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1465,10 +1470,10 @@ var ManagedProjectsBlock = ({
|
|
|
1465
1470
|
backgroundRepeat: "repeat"
|
|
1466
1471
|
}
|
|
1467
1472
|
}
|
|
1468
|
-
), /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react36.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block
|
|
1473
|
+
), /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react36.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block" }, tagline), /* @__PURE__ */ import_react36.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
1469
1474
|
const isLast = index === projects.length - 1;
|
|
1470
|
-
const projectContent = /* @__PURE__ */ import_react36.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react36.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_react36.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react36.default.createElement("h2", { className: "
|
|
1471
|
-
return /* @__PURE__ */ import_react36.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_react36.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react36.default.createElement(
|
|
1475
|
+
const projectContent = /* @__PURE__ */ import_react36.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react36.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_react36.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react36.default.createElement("h2", { className: "text-[16px] text-white transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[11px] text-neutral-500 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 group-hover:text-white transition-all duration-300" }, project.isExternal ? "\u2197" : "\u2192")), /* @__PURE__ */ import_react36.default.createElement("span", { className: `text-[9px] px-2.5 py-1 rounded-full tracking-[0.15em] transition-colors ${project.status.toLowerCase() === "production" ? "bg-white text-black" : "bg-neutral-800 text-neutral-400 group-hover:bg-neutral-700 group-hover:text-white"}` }, project.status)), /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0" }, project.date)), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-400 max-w-4xl text-left transition-colors group-hover:text-neutral-300" }, project.description));
|
|
1476
|
+
return /* @__PURE__ */ import_react36.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_react36.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react36.default.createElement(import_link8.default, { href: project.link, className: "block outline-none" }, projectContent));
|
|
1472
1477
|
}))));
|
|
1473
1478
|
};
|
|
1474
1479
|
// Annotate the CommonJS export names for ESM import in node:
|