@retinalabsllc/zairusjs 6.1.9 → 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 +235 -235
- package/dist/index.mjs +273 -273
- 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,58 +408,80 @@ var HeroSection = ({
|
|
|
440
408
|
}
|
|
441
409
|
return () => observer.disconnect();
|
|
442
410
|
}, []);
|
|
443
|
-
return (
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
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"
|
|
471
439
|
}
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
muted: true,
|
|
481
|
-
playsInline: true,
|
|
482
|
-
className: "absolute inset-0 w-full h-full object-cover"
|
|
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"
|
|
483
448
|
}
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
className: "object-cover"
|
|
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")`
|
|
492
456
|
}
|
|
493
|
-
|
|
494
|
-
)
|
|
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(
|
|
459
|
+
"h1",
|
|
460
|
+
{
|
|
461
|
+
ref: titleRef,
|
|
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)]`,
|
|
463
|
+
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
464
|
+
},
|
|
465
|
+
titlePrefix,
|
|
466
|
+
" ",
|
|
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(
|
|
469
|
+
import_link4.default,
|
|
470
|
+
{
|
|
471
|
+
href: secondaryCtaHref,
|
|
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"
|
|
473
|
+
},
|
|
474
|
+
secondaryCtaText
|
|
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(
|
|
476
|
+
import_image2.default,
|
|
477
|
+
{
|
|
478
|
+
src: logo.src,
|
|
479
|
+
alt: logo.alt,
|
|
480
|
+
width: 50,
|
|
481
|
+
height: 50,
|
|
482
|
+
className: "object-contain h-full w-auto"
|
|
483
|
+
}
|
|
484
|
+
)))))));
|
|
495
485
|
};
|
|
496
486
|
|
|
497
487
|
// src/components/AppBento2.tsx
|
|
@@ -518,36 +508,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
518
508
|
}
|
|
519
509
|
return () => observer.disconnect();
|
|
520
510
|
}, []);
|
|
521
|
-
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(
|
|
522
512
|
"h2",
|
|
523
513
|
{
|
|
524
514
|
ref: titleRef,
|
|
525
|
-
className: `
|
|
515
|
+
className: `text-3xl tracking-tight text-white leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
526
516
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
527
517
|
},
|
|
528
518
|
headline
|
|
529
519
|
))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-6 gap-6" }, features.map((f, i) => {
|
|
530
|
-
const
|
|
531
|
-
const
|
|
532
|
-
const
|
|
520
|
+
const isPrimary = i === 0;
|
|
521
|
+
const isHighlight = i === 1;
|
|
522
|
+
const isSecondary = i === 2;
|
|
533
523
|
const getBgStyle = () => {
|
|
534
|
-
if (
|
|
535
|
-
if (
|
|
536
|
-
if (
|
|
537
|
-
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 ";
|
|
538
528
|
};
|
|
539
529
|
const getShadowStyle = () => {
|
|
540
|
-
if (
|
|
541
|
-
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.
|
|
542
|
-
inset 0 -3px 0 0 rgba(0, 0, 0, 0.
|
|
543
|
-
0 4px 0 0 #
|
|
544
|
-
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)
|
|
545
535
|
`;
|
|
546
536
|
return "none";
|
|
547
537
|
};
|
|
548
|
-
const textColor =
|
|
549
|
-
const subTextColor =
|
|
550
|
-
const labelColor =
|
|
538
|
+
const textColor = "text-white";
|
|
539
|
+
const subTextColor = "text-neutral-400";
|
|
540
|
+
const labelColor = "text-neutral-500";
|
|
551
541
|
return /* @__PURE__ */ import_react9.default.createElement(
|
|
552
542
|
"div",
|
|
553
543
|
{
|
|
@@ -562,9 +552,9 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
562
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")` }
|
|
563
553
|
}
|
|
564
554
|
),
|
|
565
|
-
|
|
566
|
-
/* @__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 ${
|
|
567
|
-
/* @__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)))
|
|
568
558
|
);
|
|
569
559
|
})))));
|
|
570
560
|
};
|
|
@@ -577,7 +567,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
577
567
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
578
568
|
const [isBgLoading, setIsBgLoading] = (0, import_react11.useState)(true);
|
|
579
569
|
const [isFgLoading, setIsFgLoading] = (0, import_react11.useState)(!!feature.image);
|
|
580
|
-
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(
|
|
581
571
|
import_image3.default,
|
|
582
572
|
{
|
|
583
573
|
src: bgImage,
|
|
@@ -598,7 +588,7 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
598
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")`
|
|
599
589
|
}
|
|
600
590
|
}
|
|
601
|
-
), 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(
|
|
602
592
|
import_image3.default,
|
|
603
593
|
{
|
|
604
594
|
src: feature.image,
|
|
@@ -607,11 +597,11 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
607
597
|
sizes: "(max-width: 768px) 90vw, 600px",
|
|
608
598
|
onLoad: () => setIsFgLoading(false),
|
|
609
599
|
className: `
|
|
610
|
-
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
|
|
611
601
|
${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
|
|
612
602
|
`
|
|
613
603
|
}
|
|
614
|
-
))), /* @__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)));
|
|
615
605
|
};
|
|
616
606
|
var FeatureScroll = ({ tagline, headline, features }) => {
|
|
617
607
|
const scrollRef = (0, import_react11.useRef)(null);
|
|
@@ -640,12 +630,12 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
640
630
|
"https://retinalabs.company/assets/images/bg_6.avif",
|
|
641
631
|
"https://retinalabs.company/assets/images/bg_1.avif"
|
|
642
632
|
];
|
|
643
|
-
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(
|
|
644
634
|
"button",
|
|
645
635
|
{
|
|
646
636
|
onClick: () => scroll("left"),
|
|
647
637
|
disabled: !canScrollLeft,
|
|
648
|
-
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",
|
|
649
639
|
"aria-label": "Previous feature"
|
|
650
640
|
},
|
|
651
641
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
@@ -654,7 +644,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
654
644
|
{
|
|
655
645
|
onClick: () => scroll("right"),
|
|
656
646
|
disabled: !canScrollRight,
|
|
657
|
-
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",
|
|
658
648
|
"aria-label": "Next feature"
|
|
659
649
|
},
|
|
660
650
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
@@ -671,7 +661,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
671
661
|
{
|
|
672
662
|
onClick: () => scroll("left"),
|
|
673
663
|
disabled: !canScrollLeft,
|
|
674
|
-
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"
|
|
675
665
|
},
|
|
676
666
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
677
667
|
), /* @__PURE__ */ import_react11.default.createElement(
|
|
@@ -679,7 +669,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
679
669
|
{
|
|
680
670
|
onClick: () => scroll("right"),
|
|
681
671
|
disabled: !canScrollRight,
|
|
682
|
-
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"
|
|
683
673
|
},
|
|
684
674
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
685
675
|
))));
|
|
@@ -694,15 +684,15 @@ var PlatformFeatures = ({
|
|
|
694
684
|
description,
|
|
695
685
|
features
|
|
696
686
|
}) => {
|
|
697
|
-
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(
|
|
698
688
|
"div",
|
|
699
689
|
{
|
|
700
690
|
key: idx,
|
|
701
691
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
702
692
|
style: { animationDelay: feature.delay || "0ms" }
|
|
703
693
|
},
|
|
704
|
-
/* @__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-
|
|
705
|
-
/* @__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))
|
|
706
696
|
)))));
|
|
707
697
|
};
|
|
708
698
|
|
|
@@ -737,19 +727,19 @@ var ManagedDocument = ({
|
|
|
737
727
|
}, []);
|
|
738
728
|
return (
|
|
739
729
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
740
|
-
/* @__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(
|
|
741
731
|
"h1",
|
|
742
732
|
{
|
|
743
733
|
ref: titleRef,
|
|
744
|
-
className: `
|
|
734
|
+
className: `text-3xl mt-4 text-white tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
745
735
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
746
736
|
},
|
|
747
737
|
title
|
|
748
|
-
)), 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(
|
|
749
739
|
"a",
|
|
750
740
|
{
|
|
751
741
|
href: `mailto:${contactEmail}`,
|
|
752
|
-
className: "text-
|
|
742
|
+
className: "text-white decoration-neutral-600 decoration-1 underline-offset-4 ml-1 transition-colors hover:decoration-white"
|
|
753
743
|
},
|
|
754
744
|
contactEmail
|
|
755
745
|
))))))
|
|
@@ -777,7 +767,7 @@ var ManagedContactBlock = ({
|
|
|
777
767
|
emails,
|
|
778
768
|
socials
|
|
779
769
|
}) => {
|
|
780
|
-
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(
|
|
781
771
|
"div",
|
|
782
772
|
{
|
|
783
773
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -786,28 +776,28 @@ var ManagedContactBlock = ({
|
|
|
786
776
|
backgroundRepeat: "repeat"
|
|
787
777
|
}
|
|
788
778
|
}
|
|
789
|
-
), /* @__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(
|
|
790
780
|
"a",
|
|
791
781
|
{
|
|
792
782
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
793
|
-
className: "transition-colors hover:text-
|
|
783
|
+
className: "transition-colors hover:text-white"
|
|
794
784
|
},
|
|
795
785
|
company.phone
|
|
796
|
-
)))), 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(
|
|
797
787
|
SecureEmail,
|
|
798
788
|
{
|
|
799
789
|
user: email.user,
|
|
800
790
|
domain: email.domain,
|
|
801
|
-
className: "text-neutral-
|
|
791
|
+
className: "text-neutral-400 transition-colors hover:text-white"
|
|
802
792
|
}
|
|
803
|
-
))))), 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(
|
|
804
794
|
"a",
|
|
805
795
|
{
|
|
806
796
|
key: idx,
|
|
807
797
|
href: social.href,
|
|
808
798
|
target: "_blank",
|
|
809
799
|
rel: "noopener noreferrer",
|
|
810
|
-
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",
|
|
811
801
|
"aria-label": social.label
|
|
812
802
|
},
|
|
813
803
|
/* @__PURE__ */ import_react16.default.createElement(import_react17.HugeiconsIcon, { icon: social.icon, size: 18 }),
|
|
@@ -819,8 +809,8 @@ var ManagedContactBlock = ({
|
|
|
819
809
|
var import_react18 = __toESM(require("react"));
|
|
820
810
|
var import_link5 = __toESM(require("next/link"));
|
|
821
811
|
var import_image4 = __toESM(require("next/image"));
|
|
822
|
-
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: "
|
|
823
|
-
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" }));
|
|
824
814
|
var ManagedPricingBlock = ({
|
|
825
815
|
tagline,
|
|
826
816
|
title,
|
|
@@ -850,22 +840,22 @@ var ManagedPricingBlock = ({
|
|
|
850
840
|
}, []);
|
|
851
841
|
const hasTabs = tabs && tabs.length > 0;
|
|
852
842
|
const currentPlans = hasTabs ? tabs[activeTabIndex].plans : plans;
|
|
853
|
-
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(
|
|
854
844
|
"h1",
|
|
855
845
|
{
|
|
856
846
|
ref: titleRef,
|
|
857
|
-
className: `text-2xl sm:text-3xl mt-3 text-
|
|
847
|
+
className: `text-2xl sm:text-3xl mt-3 text-white tracking-tight ${isAnimating ? "" : ""}`,
|
|
858
848
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
859
849
|
},
|
|
860
850
|
title
|
|
861
|
-
)), 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) => {
|
|
862
852
|
const isActive = activeTabIndex === idx;
|
|
863
853
|
return /* @__PURE__ */ import_react18.default.createElement(
|
|
864
854
|
"button",
|
|
865
855
|
{
|
|
866
856
|
key: idx,
|
|
867
857
|
onClick: () => setActiveTabIndex(idx),
|
|
868
|
-
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"}`
|
|
869
859
|
},
|
|
870
860
|
tab.label
|
|
871
861
|
);
|
|
@@ -873,9 +863,9 @@ var ManagedPricingBlock = ({
|
|
|
873
863
|
"div",
|
|
874
864
|
{
|
|
875
865
|
key: `${activeTabIndex}-${planIdx}`,
|
|
876
|
-
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" : ""}`
|
|
877
867
|
},
|
|
878
|
-
/* @__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(
|
|
879
869
|
"div",
|
|
880
870
|
{
|
|
881
871
|
key: logoIdx,
|
|
@@ -888,7 +878,7 @@ var ManagedPricingBlock = ({
|
|
|
888
878
|
alt: logo.alt,
|
|
889
879
|
width: 16,
|
|
890
880
|
height: 16,
|
|
891
|
-
className: "object-contain"
|
|
881
|
+
className: "object-contain filter invert"
|
|
892
882
|
}
|
|
893
883
|
)
|
|
894
884
|
)))),
|
|
@@ -896,14 +886,14 @@ var ManagedPricingBlock = ({
|
|
|
896
886
|
import_link5.default,
|
|
897
887
|
{
|
|
898
888
|
href: plan.ctaHref,
|
|
899
|
-
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"
|
|
900
890
|
},
|
|
901
891
|
plan.ctaText
|
|
902
892
|
),
|
|
903
893
|
/* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
|
|
904
894
|
const isAvailable = feature.value !== false;
|
|
905
895
|
const valueText = typeof feature.value === "string" ? feature.value : "";
|
|
906
|
-
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, ")")));
|
|
907
897
|
}))
|
|
908
898
|
)))));
|
|
909
899
|
};
|
|
@@ -919,7 +909,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ import_r
|
|
|
919
909
|
href,
|
|
920
910
|
target: "_blank",
|
|
921
911
|
rel: "noopener noreferrer",
|
|
922
|
-
className: "text-neutral-
|
|
912
|
+
className: "text-neutral-500 hover:text-white transition-colors",
|
|
923
913
|
"aria-label": `${name} on ${label}`
|
|
924
914
|
},
|
|
925
915
|
/* @__PURE__ */ import_react19.default.createElement(import_react20.HugeiconsIcon, { icon, size: 16 })
|
|
@@ -931,7 +921,7 @@ var ManagedBoardBlock = ({
|
|
|
931
921
|
contactText,
|
|
932
922
|
contactEmail
|
|
933
923
|
}) => {
|
|
934
|
-
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(
|
|
935
925
|
"div",
|
|
936
926
|
{
|
|
937
927
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -940,7 +930,7 @@ var ManagedBoardBlock = ({
|
|
|
940
930
|
backgroundRepeat: "repeat"
|
|
941
931
|
}
|
|
942
932
|
}
|
|
943
|
-
), /* @__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(
|
|
944
934
|
import_image5.default,
|
|
945
935
|
{
|
|
946
936
|
src: member.imageSrc,
|
|
@@ -949,7 +939,7 @@ var ManagedBoardBlock = ({
|
|
|
949
939
|
sizes: "(max-width: 768px) 56px, 64px",
|
|
950
940
|
className: "object-cover grayscale opacity-100 transition-opacity"
|
|
951
941
|
}
|
|
952
|
-
)), /* @__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(
|
|
953
943
|
MemberSocialLink,
|
|
954
944
|
{
|
|
955
945
|
href: `https://x.com/${member.twitterHandle}`,
|
|
@@ -965,24 +955,34 @@ var ManagedBoardBlock = ({
|
|
|
965
955
|
label: "LinkedIn",
|
|
966
956
|
name: member.name
|
|
967
957
|
}
|
|
968
|
-
))))))), (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))))));
|
|
969
959
|
};
|
|
970
960
|
|
|
971
961
|
// src/components/ManagedNotFoundBlock.tsx
|
|
972
962
|
var import_react21 = __toESM(require("react"));
|
|
963
|
+
var import_link6 = __toESM(require("next/link"));
|
|
973
964
|
var ManagedNotFoundBlock = ({
|
|
974
965
|
title = "404 - Page Not Found",
|
|
975
|
-
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 = "/"
|
|
976
969
|
}) => {
|
|
977
|
-
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(
|
|
978
971
|
"svg",
|
|
979
972
|
{
|
|
980
973
|
xmlns: "http://www.w3.org/2000/svg",
|
|
981
974
|
viewBox: "0 0 24 24",
|
|
982
|
-
className: "w-12 h-12 fill-neutral-
|
|
975
|
+
className: "w-12 h-12 fill-neutral-700"
|
|
983
976
|
},
|
|
984
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" })
|
|
985
|
-
)), /* @__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
|
+
)));
|
|
986
986
|
};
|
|
987
987
|
|
|
988
988
|
// src/components/PageSpinner.tsx
|
|
@@ -1001,7 +1001,7 @@ var PageSpinner = ({
|
|
|
1001
1001
|
{
|
|
1002
1002
|
icon: import_core_free_icons4.Loading03Icon,
|
|
1003
1003
|
size,
|
|
1004
|
-
className: `animate-spin
|
|
1004
|
+
className: `animate-spin mb-4 ${iconClassName}`
|
|
1005
1005
|
}
|
|
1006
1006
|
))
|
|
1007
1007
|
);
|
|
@@ -1057,7 +1057,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1057
1057
|
ctaHref = "/contact-us",
|
|
1058
1058
|
children
|
|
1059
1059
|
}) => {
|
|
1060
|
-
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(
|
|
1061
1061
|
import_image6.default,
|
|
1062
1062
|
{
|
|
1063
1063
|
src: imageSrc,
|
|
@@ -1072,7 +1072,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1072
1072
|
{
|
|
1073
1073
|
className: "absolute inset-0 z-10 pointer-events-none",
|
|
1074
1074
|
style: {
|
|
1075
|
-
background: "linear-gradient(to right, rgba(
|
|
1075
|
+
background: "linear-gradient(to right, rgba(0,0,0,0) 30%, #000000 100%)"
|
|
1076
1076
|
}
|
|
1077
1077
|
}
|
|
1078
1078
|
), /* @__PURE__ */ import_react25.default.createElement(
|
|
@@ -1080,7 +1080,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1080
1080
|
{
|
|
1081
1081
|
className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
|
|
1082
1082
|
style: {
|
|
1083
|
-
background: "linear-gradient(to bottom, rgba(
|
|
1083
|
+
background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%)"
|
|
1084
1084
|
}
|
|
1085
1085
|
}
|
|
1086
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(
|
|
@@ -1092,11 +1092,11 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1092
1092
|
backgroundRepeat: "repeat"
|
|
1093
1093
|
}
|
|
1094
1094
|
}
|
|
1095
|
-
), /* @__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(
|
|
1096
1096
|
ThreeDButton,
|
|
1097
1097
|
{
|
|
1098
1098
|
href: ctaHref,
|
|
1099
|
-
className: "py-
|
|
1099
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1100
1100
|
},
|
|
1101
1101
|
ctaText
|
|
1102
1102
|
)))))));
|
|
@@ -1114,7 +1114,7 @@ var TextInput = ({
|
|
|
1114
1114
|
readOnly,
|
|
1115
1115
|
type = "text",
|
|
1116
1116
|
onClick
|
|
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-
|
|
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(
|
|
1118
1118
|
"input",
|
|
1119
1119
|
{
|
|
1120
1120
|
type,
|
|
@@ -1125,7 +1125,7 @@ var TextInput = ({
|
|
|
1125
1125
|
readOnly,
|
|
1126
1126
|
autoComplete: "off",
|
|
1127
1127
|
spellCheck: "false",
|
|
1128
|
-
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" : ""}`
|
|
1129
1129
|
}
|
|
1130
1130
|
));
|
|
1131
1131
|
var NumberInput = ({
|
|
@@ -1135,7 +1135,7 @@ var NumberInput = ({
|
|
|
1135
1135
|
placeholder,
|
|
1136
1136
|
maxLength,
|
|
1137
1137
|
disabled
|
|
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-
|
|
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(
|
|
1139
1139
|
"input",
|
|
1140
1140
|
{
|
|
1141
1141
|
type: "text",
|
|
@@ -1148,13 +1148,13 @@ var NumberInput = ({
|
|
|
1148
1148
|
disabled,
|
|
1149
1149
|
autoComplete: "off",
|
|
1150
1150
|
spellCheck: "false",
|
|
1151
|
-
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"
|
|
1152
1152
|
}
|
|
1153
1153
|
));
|
|
1154
1154
|
|
|
1155
1155
|
// src/components/PortfolioHero.tsx
|
|
1156
1156
|
var import_react27 = __toESM(require("react"));
|
|
1157
|
-
var
|
|
1157
|
+
var import_link7 = __toESM(require("next/link"));
|
|
1158
1158
|
var import_image7 = __toESM(require("next/image"));
|
|
1159
1159
|
var import_react28 = require("@hugeicons/react");
|
|
1160
1160
|
var import_core_free_icons5 = require("@hugeicons/core-free-icons");
|
|
@@ -1196,13 +1196,13 @@ var PortfolioHero = ({
|
|
|
1196
1196
|
secondaryCtaHref
|
|
1197
1197
|
}) => {
|
|
1198
1198
|
const heroContentRef = useScrollAnimation();
|
|
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" }, /* @__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(
|
|
1200
1200
|
"div",
|
|
1201
1201
|
{
|
|
1202
1202
|
ref: heroContentRef,
|
|
1203
1203
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1204
1204
|
},
|
|
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
|
|
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(
|
|
1206
1206
|
import_image7.default,
|
|
1207
1207
|
{
|
|
1208
1208
|
src: imageSrc,
|
|
@@ -1213,29 +1213,29 @@ var PortfolioHero = ({
|
|
|
1213
1213
|
sizes: "(max-width: 640px) 80px, 128px",
|
|
1214
1214
|
quality: 100
|
|
1215
1215
|
}
|
|
1216
|
-
)), /* @__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(
|
|
1217
1217
|
"a",
|
|
1218
1218
|
{
|
|
1219
1219
|
href: socialLinkHref,
|
|
1220
1220
|
target: "_blank",
|
|
1221
1221
|
rel: "noopener noreferrer",
|
|
1222
|
-
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"
|
|
1223
1223
|
},
|
|
1224
1224
|
socialLinkText
|
|
1225
1225
|
))),
|
|
1226
|
-
/* @__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),
|
|
1227
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(
|
|
1228
1228
|
ThreeDButton,
|
|
1229
1229
|
{
|
|
1230
1230
|
href: primaryCtaHref,
|
|
1231
|
-
className: "py-
|
|
1231
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1232
1232
|
},
|
|
1233
1233
|
primaryCtaText
|
|
1234
1234
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react27.default.createElement(
|
|
1235
|
-
|
|
1235
|
+
import_link7.default,
|
|
1236
1236
|
{
|
|
1237
1237
|
href: secondaryCtaHref,
|
|
1238
|
-
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"
|
|
1239
1239
|
},
|
|
1240
1240
|
secondaryCtaText,
|
|
1241
1241
|
/* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -1256,7 +1256,7 @@ var GifFeatureCard = ({
|
|
|
1256
1256
|
className = "aspect-video"
|
|
1257
1257
|
}) => {
|
|
1258
1258
|
const [isLoading, setIsLoading] = (0, import_react29.useState)(true);
|
|
1259
|
-
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(
|
|
1260
1260
|
import_react30.HugeiconsIcon,
|
|
1261
1261
|
{
|
|
1262
1262
|
icon: import_core_free_icons6.Loading03Icon,
|
|
@@ -1284,7 +1284,7 @@ var GifFeatureCard = ({
|
|
|
1284
1284
|
{
|
|
1285
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"
|
|
1286
1286
|
}
|
|
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: "
|
|
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)));
|
|
1288
1288
|
};
|
|
1289
1289
|
|
|
1290
1290
|
// src/components/MedicalFeatureStatsBlock.tsx
|
|
@@ -1317,15 +1317,15 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1317
1317
|
}
|
|
1318
1318
|
return () => observer.disconnect();
|
|
1319
1319
|
}, []);
|
|
1320
|
-
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(
|
|
1321
1321
|
"h2",
|
|
1322
1322
|
{
|
|
1323
1323
|
ref: titleRef,
|
|
1324
|
-
className: `text-3xl text-
|
|
1324
|
+
className: `text-3xl text-white tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
1325
1325
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1326
1326
|
},
|
|
1327
1327
|
bottomHeadline
|
|
1328
|
-
), /* @__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(
|
|
1329
1329
|
import_image9.default,
|
|
1330
1330
|
{
|
|
1331
1331
|
src,
|
|
@@ -1334,7 +1334,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1334
1334
|
sizes: "48px",
|
|
1335
1335
|
className: "object-cover"
|
|
1336
1336
|
}
|
|
1337
|
-
)))), /* @__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))))));
|
|
1338
1338
|
};
|
|
1339
1339
|
|
|
1340
1340
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -1344,7 +1344,7 @@ var import_react33 = require("@hugeicons/react");
|
|
|
1344
1344
|
var import_core_free_icons7 = require("@hugeicons/core-free-icons");
|
|
1345
1345
|
var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
|
|
1346
1346
|
const [isLoading, setIsLoading] = (0, import_react32.useState)(true);
|
|
1347
|
-
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(
|
|
1348
1348
|
import_image10.default,
|
|
1349
1349
|
{
|
|
1350
1350
|
src,
|
|
@@ -1390,10 +1390,10 @@ var ConsultantShowcase = ({
|
|
|
1390
1390
|
}
|
|
1391
1391
|
};
|
|
1392
1392
|
if (!profiles || profiles.length === 0) return null;
|
|
1393
|
-
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(
|
|
1394
1394
|
"div",
|
|
1395
1395
|
{
|
|
1396
|
-
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",
|
|
1397
1397
|
onTouchStart,
|
|
1398
1398
|
onTouchMove,
|
|
1399
1399
|
onTouchEnd
|
|
@@ -1414,9 +1414,9 @@ var ConsultantShowcase = ({
|
|
|
1414
1414
|
priority: idx === 0
|
|
1415
1415
|
}
|
|
1416
1416
|
),
|
|
1417
|
-
/* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute inset-0 bg-black/
|
|
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/
|
|
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]
|
|
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)))
|
|
1420
1420
|
);
|
|
1421
1421
|
}),
|
|
1422
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" }),
|
|
@@ -1445,12 +1445,12 @@ var ContentGridBlock = ({
|
|
|
1445
1445
|
middleBottomCard,
|
|
1446
1446
|
rightCards
|
|
1447
1447
|
}) => {
|
|
1448
|
-
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)))))))));
|
|
1449
1449
|
};
|
|
1450
1450
|
|
|
1451
1451
|
// src/components/ManagedProjectsBlock.tsx
|
|
1452
1452
|
var import_react36 = __toESM(require("react"));
|
|
1453
|
-
var
|
|
1453
|
+
var import_link8 = __toESM(require("next/link"));
|
|
1454
1454
|
var GridSection = ({
|
|
1455
1455
|
children,
|
|
1456
1456
|
isLast = false,
|
|
@@ -1461,7 +1461,7 @@ var ManagedProjectsBlock = ({
|
|
|
1461
1461
|
title,
|
|
1462
1462
|
projects
|
|
1463
1463
|
}) => {
|
|
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" }, /* @__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(
|
|
1465
1465
|
"div",
|
|
1466
1466
|
{
|
|
1467
1467
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1470,10 +1470,10 @@ var ManagedProjectsBlock = ({
|
|
|
1470
1470
|
backgroundRepeat: "repeat"
|
|
1471
1471
|
}
|
|
1472
1472
|
}
|
|
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
|
|
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) => {
|
|
1474
1474
|
const isLast = index === projects.length - 1;
|
|
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: "
|
|
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(
|
|
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));
|
|
1477
1477
|
}))));
|
|
1478
1478
|
};
|
|
1479
1479
|
// Annotate the CommonJS export names for ESM import in node:
|