@retinalabsllc/zairusjs 6.1.9 → 8.1.55
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 +8 -4
- package/dist/index.d.ts +8 -4
- package/dist/index.js +328 -237
- package/dist/index.mjs +364 -274
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -55,7 +55,8 @@ __export(index_exports, {
|
|
|
55
55
|
PortfolioHero: () => PortfolioHero,
|
|
56
56
|
TextInput: () => TextInput,
|
|
57
57
|
ThreeDActionButton: () => ThreeDActionButton,
|
|
58
|
-
ThreeDButton: () => ThreeDButton
|
|
58
|
+
ThreeDButton: () => ThreeDButton,
|
|
59
|
+
WaitlistDialog: () => WaitlistDialog
|
|
59
60
|
});
|
|
60
61
|
module.exports = __toCommonJS(index_exports);
|
|
61
62
|
|
|
@@ -80,7 +81,6 @@ var Faq = ({
|
|
|
80
81
|
}
|
|
81
82
|
},
|
|
82
83
|
{ threshold: 0.1 }
|
|
83
|
-
// Triggers when 10% of the title is visible
|
|
84
84
|
);
|
|
85
85
|
if (titleRef.current) {
|
|
86
86
|
observer.observe(titleRef.current);
|
|
@@ -90,11 +90,11 @@ var Faq = ({
|
|
|
90
90
|
const toggleFaq = (index) => {
|
|
91
91
|
setActiveFaq(activeFaq === index ? null : index);
|
|
92
92
|
};
|
|
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(
|
|
93
|
+
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
94
|
"h2",
|
|
95
95
|
{
|
|
96
96
|
ref: titleRef,
|
|
97
|
-
className: `text-3xl
|
|
97
|
+
className: `text-3xl text-white tracking-tight leading-[1.15] ${isAnimating ? "" : ""}`,
|
|
98
98
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
99
99
|
},
|
|
100
100
|
"FAQ"
|
|
@@ -102,10 +102,10 @@ var Faq = ({
|
|
|
102
102
|
const isOpen = activeFaq === index;
|
|
103
103
|
const getShadowStyle = () => {
|
|
104
104
|
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.
|
|
105
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.05),
|
|
106
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.5),
|
|
107
|
+
0 4px 0 0 #000000,
|
|
108
|
+
0 12px 24px rgba(0, 0, 0, 0.5)
|
|
109
109
|
`;
|
|
110
110
|
return "none";
|
|
111
111
|
};
|
|
@@ -113,7 +113,7 @@ var Faq = ({
|
|
|
113
113
|
"div",
|
|
114
114
|
{
|
|
115
115
|
key: index,
|
|
116
|
-
className: `relative transition-all duration-500 rounded-4xl overflow-hidden ${isOpen ? "bg-
|
|
116
|
+
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
117
|
style: { boxShadow: getShadowStyle() }
|
|
118
118
|
},
|
|
119
119
|
isOpen && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
@@ -132,19 +132,19 @@ var Faq = ({
|
|
|
132
132
|
/* @__PURE__ */ import_react.default.createElement(
|
|
133
133
|
"span",
|
|
134
134
|
{
|
|
135
|
-
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-
|
|
135
|
+
className: `text-[15px] transition-colors duration-300 flex items-center gap-2 ${isOpen ? "text-white" : "text-neutral-300"}`
|
|
136
136
|
},
|
|
137
|
-
/* @__PURE__ */ import_react.default.createElement("span", { className:
|
|
137
|
+
/* @__PURE__ */ import_react.default.createElement("span", { className: "text-neutral-500" }, index + 1, "."),
|
|
138
138
|
faq.question
|
|
139
139
|
),
|
|
140
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className: `shrink-0 transition-colors duration-300 ${isOpen ? "text-white" : "text-
|
|
140
|
+
/* @__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
141
|
),
|
|
142
142
|
/* @__PURE__ */ import_react.default.createElement(
|
|
143
143
|
"div",
|
|
144
144
|
{
|
|
145
145
|
className: `relative z-20 grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`
|
|
146
146
|
},
|
|
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-
|
|
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-400" : "text-transparent"}` }, faq.answer))
|
|
148
148
|
)
|
|
149
149
|
);
|
|
150
150
|
}))));
|
|
@@ -159,31 +159,23 @@ var ThreeDButton = ({
|
|
|
159
159
|
className = "",
|
|
160
160
|
onClick
|
|
161
161
|
}) => {
|
|
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
|
-
`;
|
|
162
|
+
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=")`;
|
|
163
|
+
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)";
|
|
164
|
+
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)";
|
|
165
|
+
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
166
|
return /* @__PURE__ */ import_react2.default.createElement(
|
|
181
167
|
import_link.default,
|
|
182
168
|
{
|
|
183
169
|
href,
|
|
184
170
|
onClick,
|
|
185
|
-
className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
186
|
-
style: {
|
|
171
|
+
className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full text-neutral-900 text-xs font-medium transition-all duration-150 select-none group overflow-hidden ${className}`,
|
|
172
|
+
style: {
|
|
173
|
+
backgroundImage: silverBg,
|
|
174
|
+
backgroundSize: "cover",
|
|
175
|
+
backgroundPosition: "center right",
|
|
176
|
+
boxShadow: baseShadow,
|
|
177
|
+
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
178
|
+
},
|
|
187
179
|
onMouseEnter: (e) => {
|
|
188
180
|
e.currentTarget.style.boxShadow = hoverShadow;
|
|
189
181
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
@@ -200,8 +192,8 @@ var ThreeDButton = ({
|
|
|
200
192
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
201
193
|
}
|
|
202
194
|
},
|
|
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-
|
|
195
|
+
/* @__PURE__ */ import_react2.default.createElement("span", { className: "absolute inset-0 bg-linear-to-r from-white/30 to-transparent pointer-events-none" }),
|
|
196
|
+
/* @__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
197
|
);
|
|
206
198
|
};
|
|
207
199
|
|
|
@@ -219,29 +211,11 @@ var ThreeDActionButton = ({
|
|
|
219
211
|
ariaLabel
|
|
220
212
|
}) => {
|
|
221
213
|
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
|
-
`;
|
|
214
|
+
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=")`;
|
|
215
|
+
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)";
|
|
216
|
+
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)";
|
|
217
|
+
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)";
|
|
218
|
+
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
219
|
return /* @__PURE__ */ import_react3.default.createElement(
|
|
246
220
|
"button",
|
|
247
221
|
{
|
|
@@ -251,12 +225,18 @@ var ThreeDActionButton = ({
|
|
|
251
225
|
"aria-label": ariaLabel,
|
|
252
226
|
className: `
|
|
253
227
|
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-
|
|
228
|
+
text-neutral-900 text-xs font-medium tracking-widest
|
|
229
|
+
transition-all duration-150 select-none group outline-none overflow-hidden
|
|
230
|
+
${isInteractionDisabled ? "opacity-70 cursor-not-allowed" : "active:translate-y-0.5"}
|
|
257
231
|
${className}
|
|
258
232
|
`,
|
|
259
|
-
style: {
|
|
233
|
+
style: {
|
|
234
|
+
backgroundImage: silverBg,
|
|
235
|
+
backgroundSize: "cover",
|
|
236
|
+
backgroundPosition: "center right",
|
|
237
|
+
boxShadow: isInteractionDisabled ? disabledShadow : baseShadow,
|
|
238
|
+
textShadow: "0 1px 1px rgba(255,255,255,0.6)"
|
|
239
|
+
},
|
|
260
240
|
onMouseEnter: (e) => {
|
|
261
241
|
if (isInteractionDisabled) return;
|
|
262
242
|
e.currentTarget.style.boxShadow = hoverShadow;
|
|
@@ -277,8 +257,8 @@ var ThreeDActionButton = ({
|
|
|
277
257
|
e.currentTarget.style.transform = "translateY(-1px)";
|
|
278
258
|
}
|
|
279
259
|
},
|
|
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-
|
|
260
|
+
/* @__PURE__ */ import_react3.default.createElement("span", { className: "absolute inset-0 bg-linear-to-r from-white/30 to-transparent pointer-events-none" }),
|
|
261
|
+
/* @__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
262
|
);
|
|
283
263
|
};
|
|
284
264
|
|
|
@@ -294,8 +274,8 @@ var NavLink = ({
|
|
|
294
274
|
}) => {
|
|
295
275
|
const pathname = (0, import_navigation.usePathname)();
|
|
296
276
|
const isActive = pathname === href;
|
|
297
|
-
const activeClass = "text-
|
|
298
|
-
const inactiveClass = "text-neutral-
|
|
277
|
+
const activeClass = "text-white";
|
|
278
|
+
const inactiveClass = "text-neutral-400 hover:text-white";
|
|
299
279
|
return /* @__PURE__ */ import_react5.default.createElement(
|
|
300
280
|
import_link2.default,
|
|
301
281
|
{
|
|
@@ -315,30 +295,19 @@ var Header = ({
|
|
|
315
295
|
hideHeaderText = false,
|
|
316
296
|
compact = false
|
|
317
297
|
}) => {
|
|
318
|
-
const [mounted, setMounted] = (0, import_react5.useState)(false);
|
|
319
|
-
(0, import_react5.useEffect)(() => {
|
|
320
|
-
setMounted(true);
|
|
321
|
-
}, []);
|
|
322
298
|
const headerLayoutWidth = compact ? "w-fit mx-auto gap-8 md:gap-16" : "w-full justify-between";
|
|
323
299
|
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(
|
|
300
|
+
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
301
|
import_image.default,
|
|
333
302
|
{
|
|
334
303
|
src: logoSrc,
|
|
335
304
|
alt: `${companyName} Logo`,
|
|
336
305
|
width: 40,
|
|
337
306
|
height: 40,
|
|
338
|
-
className: `object-contain w-8 h-auto ${
|
|
307
|
+
className: `object-contain w-8 h-auto ${invert ? "invert" : ""}`,
|
|
339
308
|
priority: true
|
|
340
309
|
}
|
|
341
|
-
), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className:
|
|
310
|
+
), !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
311
|
NavLink,
|
|
343
312
|
{
|
|
344
313
|
key: index,
|
|
@@ -364,34 +333,34 @@ var Footer = ({
|
|
|
364
333
|
const toggleColumn = (idx) => {
|
|
365
334
|
setOpenCol(openCol === idx ? null : idx);
|
|
366
335
|
};
|
|
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]
|
|
336
|
+
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
337
|
const isOpen = openCol === idx;
|
|
369
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "border-b border-neutral-
|
|
338
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { key: idx, className: "border-b border-neutral-800" }, /* @__PURE__ */ import_react6.default.createElement(
|
|
370
339
|
"button",
|
|
371
340
|
{
|
|
372
341
|
onClick: () => toggleColumn(idx),
|
|
373
342
|
className: "w-full flex items-center justify-between py-5 text-left outline-none"
|
|
374
343
|
},
|
|
375
|
-
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-
|
|
344
|
+
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-white " }, col.title),
|
|
376
345
|
/* @__PURE__ */ import_react6.default.createElement(
|
|
377
346
|
"svg",
|
|
378
347
|
{
|
|
379
|
-
className: `w-4 h-4 text-neutral-
|
|
348
|
+
className: `w-4 h-4 text-neutral-500 transition-transform duration-300 ${isOpen ? "rotate-180" : ""}`,
|
|
380
349
|
fill: "none",
|
|
381
350
|
viewBox: "0 0 24 24",
|
|
382
351
|
stroke: "currentColor"
|
|
383
352
|
},
|
|
384
353
|
/* @__PURE__ */ import_react6.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
|
|
385
354
|
)
|
|
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
|
|
355
|
+
), /* @__PURE__ */ import_react6.default.createElement("div", { className: `grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] pb-6 opacity-100" : "grid-rows-[0fr] opacity-0"}` }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react6.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react6.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-white transition-colors" }, link.label) : /* @__PURE__ */ import_react6.default.createElement(import_link3.default, { href: link.href, className: "hover:text-white transition-colors" }, link.label)))))));
|
|
356
|
+
})))), /* @__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
357
|
"a",
|
|
389
358
|
{
|
|
390
359
|
key: idx,
|
|
391
360
|
href: social.href,
|
|
392
361
|
target: "_blank",
|
|
393
362
|
rel: "noopener noreferrer",
|
|
394
|
-
className: "text-neutral-
|
|
363
|
+
className: "text-neutral-500 hover:text-white transition-colors",
|
|
395
364
|
"aria-label": social.name
|
|
396
365
|
},
|
|
397
366
|
/* @__PURE__ */ import_react6.default.createElement(import_react7.HugeiconsIcon, { icon: social.icon, size: 20 })
|
|
@@ -440,58 +409,80 @@ var HeroSection = ({
|
|
|
440
409
|
}
|
|
441
410
|
return () => observer.disconnect();
|
|
442
411
|
}, []);
|
|
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
|
-
|
|
412
|
+
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(
|
|
413
|
+
"video",
|
|
414
|
+
{
|
|
415
|
+
src: bgVideoSrc,
|
|
416
|
+
poster: bgImageSrc,
|
|
417
|
+
autoPlay: true,
|
|
418
|
+
loop: true,
|
|
419
|
+
muted: true,
|
|
420
|
+
playsInline: true,
|
|
421
|
+
className: "absolute inset-0 w-full h-full object-cover z-0"
|
|
422
|
+
}
|
|
423
|
+
) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
424
|
+
import_image2.default,
|
|
425
|
+
{
|
|
426
|
+
src: bgImageSrc,
|
|
427
|
+
alt: "Hero Background",
|
|
428
|
+
fill: true,
|
|
429
|
+
priority: true,
|
|
430
|
+
className: "object-cover z-0"
|
|
431
|
+
}
|
|
432
|
+
) : null, /* @__PURE__ */ import_react8.default.createElement(
|
|
433
|
+
"div",
|
|
434
|
+
{
|
|
435
|
+
className: "absolute inset-0 z-10 opacity-30 mix-blend-overlay pointer-events-none",
|
|
436
|
+
style: {
|
|
437
|
+
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=")`,
|
|
438
|
+
backgroundSize: "cover",
|
|
439
|
+
backgroundPosition: "center"
|
|
471
440
|
}
|
|
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"
|
|
441
|
+
}
|
|
442
|
+
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 bg-black/20 z-10" }), /* @__PURE__ */ import_react8.default.createElement(
|
|
443
|
+
"div",
|
|
444
|
+
{
|
|
445
|
+
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
|
|
446
|
+
style: {
|
|
447
|
+
backgroundImage: "radial-gradient(circle at center, rgba(255,255,255,0.2) 1px, transparent 1px)",
|
|
448
|
+
backgroundSize: "32px 32px"
|
|
483
449
|
}
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
className: "object-cover"
|
|
450
|
+
}
|
|
451
|
+
), /* @__PURE__ */ import_react8.default.createElement(
|
|
452
|
+
"div",
|
|
453
|
+
{
|
|
454
|
+
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.10] mix-blend-overlay",
|
|
455
|
+
style: {
|
|
456
|
+
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
457
|
}
|
|
493
|
-
|
|
494
|
-
)
|
|
458
|
+
}
|
|
459
|
+
), /* @__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(
|
|
460
|
+
"h1",
|
|
461
|
+
{
|
|
462
|
+
ref: titleRef,
|
|
463
|
+
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)]`,
|
|
464
|
+
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
465
|
+
},
|
|
466
|
+
titlePrefix,
|
|
467
|
+
" ",
|
|
468
|
+
/* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text" }, highlightText)
|
|
469
|
+
), 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(
|
|
470
|
+
import_link4.default,
|
|
471
|
+
{
|
|
472
|
+
href: secondaryCtaHref,
|
|
473
|
+
className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3 bg-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"
|
|
474
|
+
},
|
|
475
|
+
secondaryCtaText
|
|
476
|
+
)), 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(
|
|
477
|
+
import_image2.default,
|
|
478
|
+
{
|
|
479
|
+
src: logo.src,
|
|
480
|
+
alt: logo.alt,
|
|
481
|
+
width: 50,
|
|
482
|
+
height: 50,
|
|
483
|
+
className: "object-contain h-full w-auto"
|
|
484
|
+
}
|
|
485
|
+
)))))));
|
|
495
486
|
};
|
|
496
487
|
|
|
497
488
|
// src/components/AppBento2.tsx
|
|
@@ -518,36 +509,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
518
509
|
}
|
|
519
510
|
return () => observer.disconnect();
|
|
520
511
|
}, []);
|
|
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(
|
|
512
|
+
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
513
|
"h2",
|
|
523
514
|
{
|
|
524
515
|
ref: titleRef,
|
|
525
|
-
className: `
|
|
516
|
+
className: `text-3xl tracking-tight text-white leading-[1.1] ${isAnimating ? "" : ""}`,
|
|
526
517
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
527
518
|
},
|
|
528
519
|
headline
|
|
529
520
|
))), /* @__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
|
|
521
|
+
const isPrimary = i === 0;
|
|
522
|
+
const isHighlight = i === 1;
|
|
523
|
+
const isSecondary = i === 2;
|
|
533
524
|
const getBgStyle = () => {
|
|
534
|
-
if (
|
|
535
|
-
if (
|
|
536
|
-
if (
|
|
537
|
-
return "bg-neutral-
|
|
525
|
+
if (isPrimary) return "bg-neutral-900 ";
|
|
526
|
+
if (isHighlight) return "bg-black";
|
|
527
|
+
if (isSecondary) return "bg-neutral-800";
|
|
528
|
+
return "bg-neutral-900 ";
|
|
538
529
|
};
|
|
539
530
|
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.
|
|
531
|
+
if (isHighlight) return `
|
|
532
|
+
inset 0 1.5px 0 0 rgba(255, 255, 255, 0.05),
|
|
533
|
+
inset 0 -3px 0 0 rgba(0, 0, 0, 0.5),
|
|
534
|
+
0 4px 0 0 #000000,
|
|
535
|
+
0 12px 24px rgba(0, 0, 0, 0.5)
|
|
545
536
|
`;
|
|
546
537
|
return "none";
|
|
547
538
|
};
|
|
548
|
-
const textColor =
|
|
549
|
-
const subTextColor =
|
|
550
|
-
const labelColor =
|
|
539
|
+
const textColor = "text-white";
|
|
540
|
+
const subTextColor = "text-neutral-400";
|
|
541
|
+
const labelColor = "text-neutral-500";
|
|
551
542
|
return /* @__PURE__ */ import_react9.default.createElement(
|
|
552
543
|
"div",
|
|
553
544
|
{
|
|
@@ -562,9 +553,9 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
562
553
|
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
554
|
}
|
|
564
555
|
),
|
|
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]
|
|
556
|
+
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" }),
|
|
557
|
+
/* @__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 }))),
|
|
558
|
+
/* @__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
559
|
);
|
|
569
560
|
})))));
|
|
570
561
|
};
|
|
@@ -577,7 +568,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
577
568
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
578
569
|
const [isBgLoading, setIsBgLoading] = (0, import_react11.useState)(true);
|
|
579
570
|
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-
|
|
571
|
+
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
572
|
import_image3.default,
|
|
582
573
|
{
|
|
583
574
|
src: bgImage,
|
|
@@ -598,7 +589,7 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
598
589
|
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
590
|
}
|
|
600
591
|
}
|
|
601
|
-
), isFgLoading && feature.image && /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-20 bg-neutral-
|
|
592
|
+
), 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
593
|
import_image3.default,
|
|
603
594
|
{
|
|
604
595
|
src: feature.image,
|
|
@@ -607,11 +598,11 @@ var FeatureCard = ({ feature, bgImage }) => {
|
|
|
607
598
|
sizes: "(max-width: 768px) 90vw, 600px",
|
|
608
599
|
onLoad: () => setIsFgLoading(false),
|
|
609
600
|
className: `
|
|
610
|
-
object-cover object-top-left rounded-tl-2xl shadow-[-12px_-12px_30px_rgba(0,0,0,0.
|
|
601
|
+
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
602
|
${isFgLoading ? "opacity-0 blur-xl" : "opacity-100 blur-0"}
|
|
612
603
|
`
|
|
613
604
|
}
|
|
614
|
-
))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ import_react11.default.createElement("h3", { className: "
|
|
605
|
+
))), /* @__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
606
|
};
|
|
616
607
|
var FeatureScroll = ({ tagline, headline, features }) => {
|
|
617
608
|
const scrollRef = (0, import_react11.useRef)(null);
|
|
@@ -640,12 +631,12 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
640
631
|
"https://retinalabs.company/assets/images/bg_6.avif",
|
|
641
632
|
"https://retinalabs.company/assets/images/bg_1.avif"
|
|
642
633
|
];
|
|
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: "
|
|
634
|
+
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
635
|
"button",
|
|
645
636
|
{
|
|
646
637
|
onClick: () => scroll("left"),
|
|
647
638
|
disabled: !canScrollLeft,
|
|
648
|
-
className: "p-4 border border-neutral-
|
|
639
|
+
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
640
|
"aria-label": "Previous feature"
|
|
650
641
|
},
|
|
651
642
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
@@ -654,7 +645,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
654
645
|
{
|
|
655
646
|
onClick: () => scroll("right"),
|
|
656
647
|
disabled: !canScrollRight,
|
|
657
|
-
className: "p-4 border border-neutral-
|
|
648
|
+
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
649
|
"aria-label": "Next feature"
|
|
659
650
|
},
|
|
660
651
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
@@ -671,7 +662,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
671
662
|
{
|
|
672
663
|
onClick: () => scroll("left"),
|
|
673
664
|
disabled: !canScrollLeft,
|
|
674
|
-
className: "p-4 border border-neutral-
|
|
665
|
+
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
666
|
},
|
|
676
667
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowLeft01Icon, size: 20 })
|
|
677
668
|
), /* @__PURE__ */ import_react11.default.createElement(
|
|
@@ -679,7 +670,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
679
670
|
{
|
|
680
671
|
onClick: () => scroll("right"),
|
|
681
672
|
disabled: !canScrollRight,
|
|
682
|
-
className: "p-4 border border-neutral-
|
|
673
|
+
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
674
|
},
|
|
684
675
|
/* @__PURE__ */ import_react11.default.createElement(import_react12.HugeiconsIcon, { icon: import_core_free_icons2.ArrowRight01Icon, size: 20 })
|
|
685
676
|
))));
|
|
@@ -694,15 +685,15 @@ var PlatformFeatures = ({
|
|
|
694
685
|
description,
|
|
695
686
|
features
|
|
696
687
|
}) => {
|
|
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-
|
|
688
|
+
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
689
|
"div",
|
|
699
690
|
{
|
|
700
691
|
key: idx,
|
|
701
692
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
702
693
|
style: { animationDelay: feature.delay || "0ms" }
|
|
703
694
|
},
|
|
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-
|
|
695
|
+
/* @__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))),
|
|
696
|
+
/* @__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
697
|
)))));
|
|
707
698
|
};
|
|
708
699
|
|
|
@@ -737,19 +728,19 @@ var ManagedDocument = ({
|
|
|
737
728
|
}, []);
|
|
738
729
|
return (
|
|
739
730
|
// 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-
|
|
731
|
+
/* @__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
732
|
"h1",
|
|
742
733
|
{
|
|
743
734
|
ref: titleRef,
|
|
744
|
-
className: `
|
|
735
|
+
className: `text-3xl mt-4 text-white tracking-tight text-left ${isAnimating ? "" : ""}`,
|
|
745
736
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
746
737
|
},
|
|
747
738
|
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: "
|
|
739
|
+
)), 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
740
|
"a",
|
|
750
741
|
{
|
|
751
742
|
href: `mailto:${contactEmail}`,
|
|
752
|
-
className: "text-
|
|
743
|
+
className: "text-white decoration-neutral-600 decoration-1 underline-offset-4 ml-1 transition-colors hover:decoration-white"
|
|
753
744
|
},
|
|
754
745
|
contactEmail
|
|
755
746
|
))))))
|
|
@@ -777,7 +768,7 @@ var ManagedContactBlock = ({
|
|
|
777
768
|
emails,
|
|
778
769
|
socials
|
|
779
770
|
}) => {
|
|
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-
|
|
771
|
+
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
772
|
"div",
|
|
782
773
|
{
|
|
783
774
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -786,28 +777,28 @@ var ManagedContactBlock = ({
|
|
|
786
777
|
backgroundRepeat: "repeat"
|
|
787
778
|
}
|
|
788
779
|
}
|
|
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: "
|
|
780
|
+
), /* @__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
781
|
"a",
|
|
791
782
|
{
|
|
792
783
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
793
|
-
className: "transition-colors hover:text-
|
|
784
|
+
className: "transition-colors hover:text-white"
|
|
794
785
|
},
|
|
795
786
|
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-
|
|
787
|
+
)))), 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
788
|
SecureEmail,
|
|
798
789
|
{
|
|
799
790
|
user: email.user,
|
|
800
791
|
domain: email.domain,
|
|
801
|
-
className: "text-neutral-
|
|
792
|
+
className: "text-neutral-400 transition-colors hover:text-white"
|
|
802
793
|
}
|
|
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-
|
|
794
|
+
))))), 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
795
|
"a",
|
|
805
796
|
{
|
|
806
797
|
key: idx,
|
|
807
798
|
href: social.href,
|
|
808
799
|
target: "_blank",
|
|
809
800
|
rel: "noopener noreferrer",
|
|
810
|
-
className: "flex items-center gap-3 transition-colors group text-neutral-
|
|
801
|
+
className: "flex items-center gap-3 transition-colors group text-neutral-400 hover:text-white",
|
|
811
802
|
"aria-label": social.label
|
|
812
803
|
},
|
|
813
804
|
/* @__PURE__ */ import_react16.default.createElement(import_react17.HugeiconsIcon, { icon: social.icon, size: 18 }),
|
|
@@ -819,8 +810,8 @@ var ManagedContactBlock = ({
|
|
|
819
810
|
var import_react18 = __toESM(require("react"));
|
|
820
811
|
var import_link5 = __toESM(require("next/link"));
|
|
821
812
|
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: "#
|
|
813
|
+
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" }));
|
|
814
|
+
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
815
|
var ManagedPricingBlock = ({
|
|
825
816
|
tagline,
|
|
826
817
|
title,
|
|
@@ -850,22 +841,22 @@ var ManagedPricingBlock = ({
|
|
|
850
841
|
}, []);
|
|
851
842
|
const hasTabs = tabs && tabs.length > 0;
|
|
852
843
|
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-
|
|
844
|
+
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
845
|
"h1",
|
|
855
846
|
{
|
|
856
847
|
ref: titleRef,
|
|
857
|
-
className: `text-2xl sm:text-3xl mt-3 text-
|
|
848
|
+
className: `text-2xl sm:text-3xl mt-3 text-white tracking-tight ${isAnimating ? "" : ""}`,
|
|
858
849
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
859
850
|
},
|
|
860
851
|
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-
|
|
852
|
+
)), 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
853
|
const isActive = activeTabIndex === idx;
|
|
863
854
|
return /* @__PURE__ */ import_react18.default.createElement(
|
|
864
855
|
"button",
|
|
865
856
|
{
|
|
866
857
|
key: idx,
|
|
867
858
|
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-
|
|
859
|
+
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
860
|
},
|
|
870
861
|
tab.label
|
|
871
862
|
);
|
|
@@ -873,9 +864,9 @@ var ManagedPricingBlock = ({
|
|
|
873
864
|
"div",
|
|
874
865
|
{
|
|
875
866
|
key: `${activeTabIndex}-${planIdx}`,
|
|
876
|
-
className: `bg-
|
|
867
|
+
className: `bg-neutral-900 rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "border-neutral-700" : ""}`
|
|
877
868
|
},
|
|
878
|
-
/* @__PURE__ */ import_react18.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-
|
|
869
|
+
/* @__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
870
|
"div",
|
|
880
871
|
{
|
|
881
872
|
key: logoIdx,
|
|
@@ -888,7 +879,7 @@ var ManagedPricingBlock = ({
|
|
|
888
879
|
alt: logo.alt,
|
|
889
880
|
width: 16,
|
|
890
881
|
height: 16,
|
|
891
|
-
className: "object-contain"
|
|
882
|
+
className: "object-contain filter invert"
|
|
892
883
|
}
|
|
893
884
|
)
|
|
894
885
|
)))),
|
|
@@ -896,14 +887,14 @@ var ManagedPricingBlock = ({
|
|
|
896
887
|
import_link5.default,
|
|
897
888
|
{
|
|
898
889
|
href: plan.ctaHref,
|
|
899
|
-
className: "w-full py-2.5 px-5 rounded-full border border-neutral-
|
|
890
|
+
className: "w-full py-2.5 px-5 rounded-full font-medium 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
891
|
},
|
|
901
892
|
plan.ctaText
|
|
902
893
|
),
|
|
903
894
|
/* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3" }, plan.features.map((feature, featureIdx) => {
|
|
904
895
|
const isAvailable = feature.value !== false;
|
|
905
896
|
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
|
|
897
|
+
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
898
|
}))
|
|
908
899
|
)))));
|
|
909
900
|
};
|
|
@@ -919,7 +910,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ import_r
|
|
|
919
910
|
href,
|
|
920
911
|
target: "_blank",
|
|
921
912
|
rel: "noopener noreferrer",
|
|
922
|
-
className: "text-neutral-
|
|
913
|
+
className: "text-neutral-500 hover:text-white transition-colors",
|
|
923
914
|
"aria-label": `${name} on ${label}`
|
|
924
915
|
},
|
|
925
916
|
/* @__PURE__ */ import_react19.default.createElement(import_react20.HugeiconsIcon, { icon, size: 16 })
|
|
@@ -931,7 +922,7 @@ var ManagedBoardBlock = ({
|
|
|
931
922
|
contactText,
|
|
932
923
|
contactEmail
|
|
933
924
|
}) => {
|
|
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(
|
|
925
|
+
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
926
|
"div",
|
|
936
927
|
{
|
|
937
928
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -940,7 +931,7 @@ var ManagedBoardBlock = ({
|
|
|
940
931
|
backgroundRepeat: "repeat"
|
|
941
932
|
}
|
|
942
933
|
}
|
|
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: "
|
|
934
|
+
), /* @__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
935
|
import_image5.default,
|
|
945
936
|
{
|
|
946
937
|
src: member.imageSrc,
|
|
@@ -949,7 +940,7 @@ var ManagedBoardBlock = ({
|
|
|
949
940
|
sizes: "(max-width: 768px) 56px, 64px",
|
|
950
941
|
className: "object-cover grayscale opacity-100 transition-opacity"
|
|
951
942
|
}
|
|
952
|
-
)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "pt-1" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "
|
|
943
|
+
)), /* @__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
944
|
MemberSocialLink,
|
|
954
945
|
{
|
|
955
946
|
href: `https://x.com/${member.twitterHandle}`,
|
|
@@ -965,24 +956,34 @@ var ManagedBoardBlock = ({
|
|
|
965
956
|
label: "LinkedIn",
|
|
966
957
|
name: member.name
|
|
967
958
|
}
|
|
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-
|
|
959
|
+
))))))), (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
960
|
};
|
|
970
961
|
|
|
971
962
|
// src/components/ManagedNotFoundBlock.tsx
|
|
972
963
|
var import_react21 = __toESM(require("react"));
|
|
964
|
+
var import_link6 = __toESM(require("next/link"));
|
|
973
965
|
var ManagedNotFoundBlock = ({
|
|
974
966
|
title = "404 - Page Not Found",
|
|
975
|
-
description = "The page you are looking for does not exist or has been moved."
|
|
967
|
+
description = "The page you are looking for does not exist or has been moved.",
|
|
968
|
+
backLinkText = "Go back to Homepage",
|
|
969
|
+
backLinkHref = "/"
|
|
976
970
|
}) => {
|
|
977
|
-
return /* @__PURE__ */ import_react21.default.createElement("main", { className: "min-h-screen flex items-center justify-center relative z-20 bg-
|
|
971
|
+
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
972
|
"svg",
|
|
979
973
|
{
|
|
980
974
|
xmlns: "http://www.w3.org/2000/svg",
|
|
981
975
|
viewBox: "0 0 24 24",
|
|
982
|
-
className: "w-12 h-12 fill-neutral-
|
|
976
|
+
className: "w-12 h-12 fill-neutral-700"
|
|
983
977
|
},
|
|
984
978
|
/* @__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: "
|
|
979
|
+
)), /* @__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(
|
|
980
|
+
import_link6.default,
|
|
981
|
+
{
|
|
982
|
+
href: backLinkHref,
|
|
983
|
+
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"
|
|
984
|
+
},
|
|
985
|
+
backLinkText
|
|
986
|
+
)));
|
|
986
987
|
};
|
|
987
988
|
|
|
988
989
|
// src/components/PageSpinner.tsx
|
|
@@ -1001,7 +1002,7 @@ var PageSpinner = ({
|
|
|
1001
1002
|
{
|
|
1002
1003
|
icon: import_core_free_icons4.Loading03Icon,
|
|
1003
1004
|
size,
|
|
1004
|
-
className: `animate-spin
|
|
1005
|
+
className: `animate-spin mb-4 ${iconClassName}`
|
|
1005
1006
|
}
|
|
1006
1007
|
))
|
|
1007
1008
|
);
|
|
@@ -1057,7 +1058,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1057
1058
|
ctaHref = "/contact-us",
|
|
1058
1059
|
children
|
|
1059
1060
|
}) => {
|
|
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(
|
|
1061
|
+
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
1062
|
import_image6.default,
|
|
1062
1063
|
{
|
|
1063
1064
|
src: imageSrc,
|
|
@@ -1072,7 +1073,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1072
1073
|
{
|
|
1073
1074
|
className: "absolute inset-0 z-10 pointer-events-none",
|
|
1074
1075
|
style: {
|
|
1075
|
-
background: "linear-gradient(to right, rgba(
|
|
1076
|
+
background: "linear-gradient(to right, rgba(0,0,0,0) 30%, #000000 100%)"
|
|
1076
1077
|
}
|
|
1077
1078
|
}
|
|
1078
1079
|
), /* @__PURE__ */ import_react25.default.createElement(
|
|
@@ -1080,7 +1081,7 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1080
1081
|
{
|
|
1081
1082
|
className: "absolute inset-x-0 bottom-0 h-40 z-10 pointer-events-none",
|
|
1082
1083
|
style: {
|
|
1083
|
-
background: "linear-gradient(to bottom, rgba(
|
|
1084
|
+
background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%)"
|
|
1084
1085
|
}
|
|
1085
1086
|
}
|
|
1086
1087
|
)), /* @__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 +1093,11 @@ var ManagedNewsletterSplitBlock = ({
|
|
|
1092
1093
|
backgroundRepeat: "repeat"
|
|
1093
1094
|
}
|
|
1094
1095
|
}
|
|
1095
|
-
), /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "mb-10 border-b border-neutral-
|
|
1096
|
+
), /* @__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
1097
|
ThreeDButton,
|
|
1097
1098
|
{
|
|
1098
1099
|
href: ctaHref,
|
|
1099
|
-
className: "py-
|
|
1100
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1100
1101
|
},
|
|
1101
1102
|
ctaText
|
|
1102
1103
|
)))))));
|
|
@@ -1114,7 +1115,7 @@ var TextInput = ({
|
|
|
1114
1115
|
readOnly,
|
|
1115
1116
|
type = "text",
|
|
1116
1117
|
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-
|
|
1118
|
+
}) => /* @__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
1119
|
"input",
|
|
1119
1120
|
{
|
|
1120
1121
|
type,
|
|
@@ -1125,7 +1126,7 @@ var TextInput = ({
|
|
|
1125
1126
|
readOnly,
|
|
1126
1127
|
autoComplete: "off",
|
|
1127
1128
|
spellCheck: "false",
|
|
1128
|
-
className: `w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-
|
|
1129
|
+
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
1130
|
}
|
|
1130
1131
|
));
|
|
1131
1132
|
var NumberInput = ({
|
|
@@ -1135,7 +1136,7 @@ var NumberInput = ({
|
|
|
1135
1136
|
placeholder,
|
|
1136
1137
|
maxLength,
|
|
1137
1138
|
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-
|
|
1139
|
+
}) => /* @__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
1140
|
"input",
|
|
1140
1141
|
{
|
|
1141
1142
|
type: "text",
|
|
@@ -1148,13 +1149,13 @@ var NumberInput = ({
|
|
|
1148
1149
|
disabled,
|
|
1149
1150
|
autoComplete: "off",
|
|
1150
1151
|
spellCheck: "false",
|
|
1151
|
-
className: "w-full px-2 py-3 text-sm bg-transparent border-b border-neutral-
|
|
1152
|
+
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
1153
|
}
|
|
1153
1154
|
));
|
|
1154
1155
|
|
|
1155
1156
|
// src/components/PortfolioHero.tsx
|
|
1156
1157
|
var import_react27 = __toESM(require("react"));
|
|
1157
|
-
var
|
|
1158
|
+
var import_link7 = __toESM(require("next/link"));
|
|
1158
1159
|
var import_image7 = __toESM(require("next/image"));
|
|
1159
1160
|
var import_react28 = require("@hugeicons/react");
|
|
1160
1161
|
var import_core_free_icons5 = require("@hugeicons/core-free-icons");
|
|
@@ -1196,13 +1197,13 @@ var PortfolioHero = ({
|
|
|
1196
1197
|
secondaryCtaHref
|
|
1197
1198
|
}) => {
|
|
1198
1199
|
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(
|
|
1200
|
+
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
1201
|
"div",
|
|
1201
1202
|
{
|
|
1202
1203
|
ref: heroContentRef,
|
|
1203
1204
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1204
1205
|
},
|
|
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
|
|
1206
|
+
/* @__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
1207
|
import_image7.default,
|
|
1207
1208
|
{
|
|
1208
1209
|
src: imageSrc,
|
|
@@ -1213,29 +1214,29 @@ var PortfolioHero = ({
|
|
|
1213
1214
|
sizes: "(max-width: 640px) 80px, 128px",
|
|
1214
1215
|
quality: 100
|
|
1215
1216
|
}
|
|
1216
|
-
)), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col text-left" }, /* @__PURE__ */ import_react27.default.createElement("h1", { className: "
|
|
1217
|
+
)), /* @__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
1218
|
"a",
|
|
1218
1219
|
{
|
|
1219
1220
|
href: socialLinkHref,
|
|
1220
1221
|
target: "_blank",
|
|
1221
1222
|
rel: "noopener noreferrer",
|
|
1222
|
-
className: "text-[11px] md:text-[14px] text-
|
|
1223
|
+
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
1224
|
},
|
|
1224
1225
|
socialLinkText
|
|
1225
1226
|
))),
|
|
1226
|
-
/* @__PURE__ */ import_react27.default.createElement("p", { className: "text-[13px]
|
|
1227
|
+
/* @__PURE__ */ import_react27.default.createElement("p", { className: "text-[13px] leading-[1.8] max-w-4xl mb-12 text-neutral-400" }, bio),
|
|
1227
1228
|
/* @__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
1229
|
ThreeDButton,
|
|
1229
1230
|
{
|
|
1230
1231
|
href: primaryCtaHref,
|
|
1231
|
-
className: "py-
|
|
1232
|
+
className: "py-2.5 tracking-widest text-[11px]"
|
|
1232
1233
|
},
|
|
1233
1234
|
primaryCtaText
|
|
1234
1235
|
)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react27.default.createElement(
|
|
1235
|
-
|
|
1236
|
+
import_link7.default,
|
|
1236
1237
|
{
|
|
1237
1238
|
href: secondaryCtaHref,
|
|
1238
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em]
|
|
1239
|
+
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
1240
|
},
|
|
1240
1241
|
secondaryCtaText,
|
|
1241
1242
|
/* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -1256,7 +1257,7 @@ var GifFeatureCard = ({
|
|
|
1256
1257
|
className = "aspect-video"
|
|
1257
1258
|
}) => {
|
|
1258
1259
|
const [isLoading, setIsLoading] = (0, import_react29.useState)(true);
|
|
1259
|
-
return /* @__PURE__ */ import_react29.default.createElement("div", { className: `relative w-full bg-black
|
|
1260
|
+
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
1261
|
import_react30.HugeiconsIcon,
|
|
1261
1262
|
{
|
|
1262
1263
|
icon: import_core_free_icons6.Loading03Icon,
|
|
@@ -1284,7 +1285,7 @@ var GifFeatureCard = ({
|
|
|
1284
1285
|
{
|
|
1285
1286
|
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
1287
|
}
|
|
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: "
|
|
1288
|
+
), /* @__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
1289
|
};
|
|
1289
1290
|
|
|
1290
1291
|
// src/components/MedicalFeatureStatsBlock.tsx
|
|
@@ -1317,15 +1318,15 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1317
1318
|
}
|
|
1318
1319
|
return () => observer.disconnect();
|
|
1319
1320
|
}, []);
|
|
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(
|
|
1321
|
+
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
1322
|
"h2",
|
|
1322
1323
|
{
|
|
1323
1324
|
ref: titleRef,
|
|
1324
|
-
className: `text-3xl text-
|
|
1325
|
+
className: `text-3xl text-white tracking-tight leading-[1.1] mb-5 ${isAnimating ? "" : ""}`,
|
|
1325
1326
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1326
1327
|
},
|
|
1327
1328
|
bottomHeadline
|
|
1328
|
-
), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[14px] leading-relaxed text-neutral-
|
|
1329
|
+
), /* @__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
1330
|
import_image9.default,
|
|
1330
1331
|
{
|
|
1331
1332
|
src,
|
|
@@ -1334,7 +1335,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
1334
1335
|
sizes: "48px",
|
|
1335
1336
|
className: "object-cover"
|
|
1336
1337
|
}
|
|
1337
|
-
)))), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[11px] text-neutral-
|
|
1338
|
+
)))), /* @__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
1339
|
};
|
|
1339
1340
|
|
|
1340
1341
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -1344,7 +1345,7 @@ var import_react33 = require("@hugeicons/react");
|
|
|
1344
1345
|
var import_core_free_icons7 = require("@hugeicons/core-free-icons");
|
|
1345
1346
|
var ImageWithLoader = ({ src, alt, className, sizes, priority = false }) => {
|
|
1346
1347
|
const [isLoading, setIsLoading] = (0, import_react32.useState)(true);
|
|
1347
|
-
return /* @__PURE__ */ import_react32.default.createElement("div", { className: `absolute inset-0 bg-neutral-
|
|
1348
|
+
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
1349
|
import_image10.default,
|
|
1349
1350
|
{
|
|
1350
1351
|
src,
|
|
@@ -1390,10 +1391,10 @@ var ConsultantShowcase = ({
|
|
|
1390
1391
|
}
|
|
1391
1392
|
};
|
|
1392
1393
|
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(
|
|
1394
|
+
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
1395
|
"div",
|
|
1395
1396
|
{
|
|
1396
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
1397
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
1397
1398
|
onTouchStart,
|
|
1398
1399
|
onTouchMove,
|
|
1399
1400
|
onTouchEnd
|
|
@@ -1414,9 +1415,9 @@ var ConsultantShowcase = ({
|
|
|
1414
1415
|
priority: idx === 0
|
|
1415
1416
|
}
|
|
1416
1417
|
),
|
|
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]
|
|
1418
|
+
/* @__PURE__ */ import_react32.default.createElement("div", { className: "absolute inset-0 bg-black/40 z-10 pointer-events-none" }),
|
|
1419
|
+
/* @__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" }),
|
|
1420
|
+
/* @__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
1421
|
);
|
|
1421
1422
|
}),
|
|
1422
1423
|
/* @__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 +1446,12 @@ var ContentGridBlock = ({
|
|
|
1445
1446
|
middleBottomCard,
|
|
1446
1447
|
rightCards
|
|
1447
1448
|
}) => {
|
|
1448
|
-
return /* @__PURE__ */ import_react34.default.createElement("section", { className: "
|
|
1449
|
+
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
1450
|
};
|
|
1450
1451
|
|
|
1451
1452
|
// src/components/ManagedProjectsBlock.tsx
|
|
1452
1453
|
var import_react36 = __toESM(require("react"));
|
|
1453
|
-
var
|
|
1454
|
+
var import_link8 = __toESM(require("next/link"));
|
|
1454
1455
|
var GridSection = ({
|
|
1455
1456
|
children,
|
|
1456
1457
|
isLast = false,
|
|
@@ -1461,7 +1462,7 @@ var ManagedProjectsBlock = ({
|
|
|
1461
1462
|
title,
|
|
1462
1463
|
projects
|
|
1463
1464
|
}) => {
|
|
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-
|
|
1465
|
+
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
1466
|
"div",
|
|
1466
1467
|
{
|
|
1467
1468
|
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
@@ -1470,12 +1471,101 @@ var ManagedProjectsBlock = ({
|
|
|
1470
1471
|
backgroundRepeat: "repeat"
|
|
1471
1472
|
}
|
|
1472
1473
|
}
|
|
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
|
|
1474
|
+
), /* @__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
1475
|
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(
|
|
1476
|
+
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));
|
|
1477
|
+
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
1478
|
}))));
|
|
1478
1479
|
};
|
|
1480
|
+
|
|
1481
|
+
// src/components/WaitlistDialog.tsx
|
|
1482
|
+
var import_react37 = __toESM(require("react"));
|
|
1483
|
+
var import_react_hot_toast2 = require("react-hot-toast");
|
|
1484
|
+
var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
1485
|
+
const [email, setEmail] = (0, import_react37.useState)("");
|
|
1486
|
+
const [isLoading, setIsLoading] = (0, import_react37.useState)(false);
|
|
1487
|
+
if (!isOpen) return null;
|
|
1488
|
+
const handleSubmit = async (e) => {
|
|
1489
|
+
e.preventDefault();
|
|
1490
|
+
if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
|
|
1491
|
+
import_react_hot_toast2.toast.error("Please enter a valid email address.");
|
|
1492
|
+
return;
|
|
1493
|
+
}
|
|
1494
|
+
setIsLoading(true);
|
|
1495
|
+
try {
|
|
1496
|
+
const response = await fetch("/api/waitlist", {
|
|
1497
|
+
method: "POST",
|
|
1498
|
+
headers: {
|
|
1499
|
+
"Content-Type": "application/json"
|
|
1500
|
+
},
|
|
1501
|
+
body: JSON.stringify({ email })
|
|
1502
|
+
});
|
|
1503
|
+
const data = await response.json();
|
|
1504
|
+
if (response.ok && data.success) {
|
|
1505
|
+
import_react_hot_toast2.toast.success(data.message || "You've been added to the waitlist!");
|
|
1506
|
+
setEmail("");
|
|
1507
|
+
onClose();
|
|
1508
|
+
} else {
|
|
1509
|
+
import_react_hot_toast2.toast.error(data.error || "Something went wrong. Please try again.");
|
|
1510
|
+
}
|
|
1511
|
+
} catch (error) {
|
|
1512
|
+
import_react_hot_toast2.toast.error("Network error. Please check your connection.");
|
|
1513
|
+
} finally {
|
|
1514
|
+
setIsLoading(false);
|
|
1515
|
+
}
|
|
1516
|
+
};
|
|
1517
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60 " }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ import_react37.default.createElement(
|
|
1518
|
+
"div",
|
|
1519
|
+
{
|
|
1520
|
+
className: "w-full max-w-md bg-[#0a0a0a] rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
|
|
1521
|
+
},
|
|
1522
|
+
/* @__PURE__ */ import_react37.default.createElement(
|
|
1523
|
+
"button",
|
|
1524
|
+
{
|
|
1525
|
+
onClick: onClose,
|
|
1526
|
+
disabled: isLoading,
|
|
1527
|
+
className: "absolute top-4 right-4 p-2 text-neutral-500 hover:text-white transition-colors disabled:opacity-50 outline-none",
|
|
1528
|
+
"aria-label": "Close dialog"
|
|
1529
|
+
},
|
|
1530
|
+
/* @__PURE__ */ import_react37.default.createElement(
|
|
1531
|
+
"svg",
|
|
1532
|
+
{
|
|
1533
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1534
|
+
width: "20",
|
|
1535
|
+
height: "20",
|
|
1536
|
+
viewBox: "0 0 24 24",
|
|
1537
|
+
fill: "none",
|
|
1538
|
+
stroke: "currentColor",
|
|
1539
|
+
strokeWidth: "2",
|
|
1540
|
+
strokeLinecap: "round",
|
|
1541
|
+
strokeLinejoin: "round"
|
|
1542
|
+
},
|
|
1543
|
+
/* @__PURE__ */ import_react37.default.createElement("path", { d: "M18 6 6 18" }),
|
|
1544
|
+
/* @__PURE__ */ import_react37.default.createElement("path", { d: "m6 6 12 12" })
|
|
1545
|
+
)
|
|
1546
|
+
),
|
|
1547
|
+
/* @__PURE__ */ import_react37.default.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl font-light text-white tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-[13px] text-neutral-400 font-light leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ import_react37.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ import_react37.default.createElement(
|
|
1548
|
+
TextInput,
|
|
1549
|
+
{
|
|
1550
|
+
label: "EMAIL ADDRESS",
|
|
1551
|
+
type: "email",
|
|
1552
|
+
value: email,
|
|
1553
|
+
onChange: setEmail,
|
|
1554
|
+
placeholder: "name@example.com",
|
|
1555
|
+
disabled: isLoading
|
|
1556
|
+
}
|
|
1557
|
+
), /* @__PURE__ */ import_react37.default.createElement(
|
|
1558
|
+
ThreeDActionButton,
|
|
1559
|
+
{
|
|
1560
|
+
type: "submit",
|
|
1561
|
+
isLoading,
|
|
1562
|
+
disabled: !email,
|
|
1563
|
+
className: "w-full mt-2"
|
|
1564
|
+
},
|
|
1565
|
+
"Join Waitlist"
|
|
1566
|
+
)))
|
|
1567
|
+
));
|
|
1568
|
+
};
|
|
1479
1569
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1480
1570
|
0 && (module.exports = {
|
|
1481
1571
|
AppBento2,
|
|
@@ -1502,5 +1592,6 @@ var ManagedProjectsBlock = ({
|
|
|
1502
1592
|
PortfolioHero,
|
|
1503
1593
|
TextInput,
|
|
1504
1594
|
ThreeDActionButton,
|
|
1505
|
-
ThreeDButton
|
|
1595
|
+
ThreeDButton,
|
|
1596
|
+
WaitlistDialog
|
|
1506
1597
|
});
|