@retinalabsllc/zairusjs 5.9.90 → 6.1.5
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.js +29 -56
- package/dist/index.mjs +29 -56
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -440,80 +440,53 @@ var HeroSection = ({
|
|
|
440
440
|
}
|
|
441
441
|
return () => observer.disconnect();
|
|
442
442
|
}, []);
|
|
443
|
-
return /* @__PURE__ */ import_react8.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20
|
|
444
|
-
"video",
|
|
445
|
-
{
|
|
446
|
-
src: bgVideoSrc,
|
|
447
|
-
poster: bgImageSrc,
|
|
448
|
-
autoPlay: true,
|
|
449
|
-
loop: true,
|
|
450
|
-
muted: true,
|
|
451
|
-
playsInline: true,
|
|
452
|
-
className: "absolute inset-0 w-full h-full object-cover z-0 opacity-80"
|
|
453
|
-
}
|
|
454
|
-
) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
455
|
-
import_image2.default,
|
|
456
|
-
{
|
|
457
|
-
src: bgImageSrc,
|
|
458
|
-
alt: "Hero Background",
|
|
459
|
-
fill: true,
|
|
460
|
-
priority: true,
|
|
461
|
-
className: "object-cover z-0 opacity-80"
|
|
462
|
-
}
|
|
463
|
-
) : null, /* @__PURE__ */ import_react8.default.createElement(
|
|
464
|
-
"div",
|
|
465
|
-
{
|
|
466
|
-
className: "absolute inset-0 z-10 opacity-30 mix-blend-overlay pointer-events-none",
|
|
467
|
-
style: {
|
|
468
|
-
backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 35%, rgba(0,0,0,0.05) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.1) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`,
|
|
469
|
-
backgroundSize: "cover",
|
|
470
|
-
backgroundPosition: "center"
|
|
471
|
-
}
|
|
472
|
-
}
|
|
473
|
-
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 z-10" }), /* @__PURE__ */ import_react8.default.createElement(
|
|
474
|
-
"div",
|
|
475
|
-
{
|
|
476
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
|
|
477
|
-
style: {
|
|
478
|
-
backgroundImage: "radial-gradient(circle at center, rgba(0,0,0,0.15) 1px, transparent 1px)",
|
|
479
|
-
backgroundSize: "32px 32px"
|
|
480
|
-
}
|
|
481
|
-
}
|
|
482
|
-
), /* @__PURE__ */ import_react8.default.createElement(
|
|
483
|
-
"div",
|
|
484
|
-
{
|
|
485
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.05] mix-blend-overlay",
|
|
486
|
-
style: {
|
|
487
|
-
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")`
|
|
488
|
-
}
|
|
489
|
-
}
|
|
490
|
-
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-neutral-100 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(
|
|
443
|
+
return /* @__PURE__ */ import_react8.default.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 w-full bg-white overflow-hidden" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 w-full h-full flex flex-col lg:flex-row items-center gap-12 lg:gap-8" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex-1 flex flex-col items-start text-left z-20 w-full" }, badgeText && /* @__PURE__ */ import_react8.default.createElement("span", { className: "inline-block py-1 px-3 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium tracking-wide mb-6" }, badgeText), /* @__PURE__ */ import_react8.default.createElement(
|
|
491
444
|
"h1",
|
|
492
445
|
{
|
|
493
446
|
ref: titleRef,
|
|
494
|
-
className: `text-4xl sm:text-5xl lg:text-7xl font-light mb-6 text-
|
|
447
|
+
className: `text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-light mb-6 text-neutral-900 tracking-tight leading-[1.1] max-w-2xl`,
|
|
495
448
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
496
449
|
},
|
|
497
450
|
titlePrefix,
|
|
498
451
|
" ",
|
|
499
|
-
/* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text" }, highlightText)
|
|
500
|
-
), subtitle && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[
|
|
452
|
+
/* @__PURE__ */ import_react8.default.createElement("span", { className: "font-medium gradient-text block mt-1" }, highlightText)
|
|
453
|
+
), subtitle && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[15px] md:text-[17px] text-neutral-500 max-w-xl mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-col gap-4 w-full sm:w-auto mb-16" }, ctaText && ctaHref && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full sm:w-64 flex justify-start *:w-full" }, /* @__PURE__ */ import_react8.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react8.default.createElement(
|
|
501
454
|
import_link4.default,
|
|
502
455
|
{
|
|
503
456
|
href: secondaryCtaHref,
|
|
504
|
-
className: "w-full sm:w-
|
|
457
|
+
className: "w-full sm:w-64 inline-flex font-medium items-center justify-center text-xs tracking-widest rounded-full px-8 py-3 border border-neutral-200 text-center text-neutral-600 hover:bg-neutral-50 hover:text-neutral-900 outline-none transition-all"
|
|
505
458
|
},
|
|
506
459
|
secondaryCtaText
|
|
507
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-
|
|
460
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-start mt-auto" }, appsText && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[10px] font-medium tracking-[0.15em] text-neutral-400 mb-4 uppercase" }, appsText), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-wrap justify-start items-center gap-6 opacity-80 mix-blend-multiply" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react8.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 flex items-center justify-center cursor-default grayscale hover:grayscale-0 transition-all duration-300" }, /* @__PURE__ */ import_react8.default.createElement(
|
|
508
461
|
import_image2.default,
|
|
509
462
|
{
|
|
510
463
|
src: logo.src,
|
|
511
464
|
alt: logo.alt,
|
|
512
|
-
width:
|
|
513
|
-
height:
|
|
465
|
+
width: 40,
|
|
466
|
+
height: 40,
|
|
514
467
|
className: "object-contain h-full w-auto"
|
|
515
468
|
}
|
|
516
|
-
)))))))
|
|
469
|
+
)))))), (bgVideoSrc || bgImageSrc) && /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex-1 w-full relative aspect-square lg:aspect-4/3 rounded-2xl overflow-hidden bg-neutral-100 flex items-center justify-center" }, bgVideoSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
470
|
+
"video",
|
|
471
|
+
{
|
|
472
|
+
src: bgVideoSrc,
|
|
473
|
+
poster: bgImageSrc,
|
|
474
|
+
autoPlay: true,
|
|
475
|
+
loop: true,
|
|
476
|
+
muted: true,
|
|
477
|
+
playsInline: true,
|
|
478
|
+
className: "absolute inset-0 w-full h-full object-cover"
|
|
479
|
+
}
|
|
480
|
+
) : bgImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
|
|
481
|
+
import_image2.default,
|
|
482
|
+
{
|
|
483
|
+
src: bgImageSrc,
|
|
484
|
+
alt: "Hero Media",
|
|
485
|
+
fill: true,
|
|
486
|
+
priority: true,
|
|
487
|
+
className: "object-cover"
|
|
488
|
+
}
|
|
489
|
+
) : null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "absolute inset-0 bg-black/5 pointer-events-none mix-blend-overlay" }))));
|
|
517
490
|
};
|
|
518
491
|
|
|
519
492
|
// src/components/AppBento2.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -381,80 +381,53 @@ var HeroSection = ({
|
|
|
381
381
|
}
|
|
382
382
|
return () => observer.disconnect();
|
|
383
383
|
}, []);
|
|
384
|
-
return /* @__PURE__ */ React6.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20
|
|
385
|
-
"video",
|
|
386
|
-
{
|
|
387
|
-
src: bgVideoSrc,
|
|
388
|
-
poster: bgImageSrc,
|
|
389
|
-
autoPlay: true,
|
|
390
|
-
loop: true,
|
|
391
|
-
muted: true,
|
|
392
|
-
playsInline: true,
|
|
393
|
-
className: "absolute inset-0 w-full h-full object-cover z-0 opacity-80"
|
|
394
|
-
}
|
|
395
|
-
) : bgImageSrc ? /* @__PURE__ */ React6.createElement(
|
|
396
|
-
Image2,
|
|
397
|
-
{
|
|
398
|
-
src: bgImageSrc,
|
|
399
|
-
alt: "Hero Background",
|
|
400
|
-
fill: true,
|
|
401
|
-
priority: true,
|
|
402
|
-
className: "object-cover z-0 opacity-80"
|
|
403
|
-
}
|
|
404
|
-
) : null, /* @__PURE__ */ React6.createElement(
|
|
405
|
-
"div",
|
|
406
|
-
{
|
|
407
|
-
className: "absolute inset-0 z-10 opacity-30 mix-blend-overlay pointer-events-none",
|
|
408
|
-
style: {
|
|
409
|
-
backgroundImage: `linear-gradient(110deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 35%, rgba(0,0,0,0.05) 60%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0.1) 100%), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nODAnPjxmaWx0ZXIgaWQ9J2JydXNoZWQnIHg9JzAlJyB5PScwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuMDA1IDAuOCcgbnVtT2N0YXZlcz0nNCcgc2VlZD0nNScgcmVzdWx0PSdub2lzZScvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnIHJlc3VsdD0nbW9ubycvPjxmZUNvbXBvbmVudFRyYW5zZmVyIHJlc3VsdD0nYWRqdXN0ZWQnPjxmZUZ1bmNSIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuNCcgaW50ZXJjZXB0PScwLjMnLz48ZmVGdW5jRyB0eXBlPSdsaW5lYXInIHNsb3BlPScwLjQnIGludGVyY2VwdD0nMC4zJy8+PGZlRnVuY0IgdHlwZT0nbGluZWFyJyBzbG9wZT0nMC40JyBpbnRlcmNlcHQ9JzAuMycvPjxmZUZ1bmNBIHR5cGU9J2xpbmVhcicgc2xvcGU9JzAuMTUnIGludGVyY2VwdD0nMCcvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPScjZDFkNWRiJy8+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2JydXNoZWQpJyBvcGFjaXR5PScwLjgnLz48L3N2Zz4=")`,
|
|
410
|
-
backgroundSize: "cover",
|
|
411
|
-
backgroundPosition: "center"
|
|
412
|
-
}
|
|
413
|
-
}
|
|
414
|
-
), /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 z-10" }), /* @__PURE__ */ React6.createElement(
|
|
415
|
-
"div",
|
|
416
|
-
{
|
|
417
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-10",
|
|
418
|
-
style: {
|
|
419
|
-
backgroundImage: "radial-gradient(circle at center, rgba(0,0,0,0.15) 1px, transparent 1px)",
|
|
420
|
-
backgroundSize: "32px 32px"
|
|
421
|
-
}
|
|
422
|
-
}
|
|
423
|
-
), /* @__PURE__ */ React6.createElement(
|
|
424
|
-
"div",
|
|
425
|
-
{
|
|
426
|
-
className: "absolute inset-0 w-full h-full pointer-events-none z-10 opacity-[0.05] mix-blend-overlay",
|
|
427
|
-
style: {
|
|
428
|
-
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")`
|
|
429
|
-
}
|
|
430
|
-
}
|
|
431
|
-
), /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-x-0 bottom-0 h-40 bg-linear-to-t from-neutral-100 to-transparent z-10 pointer-events-none" })), /* @__PURE__ */ React6.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__ */ React6.createElement(
|
|
384
|
+
return /* @__PURE__ */ React6.createElement("section", { className: "relative min-h-[85vh] pt-40 sm:pt-48 pb-20 w-full bg-white overflow-hidden" }, /* @__PURE__ */ React6.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 w-full h-full flex flex-col lg:flex-row items-center gap-12 lg:gap-8" }, /* @__PURE__ */ React6.createElement("div", { className: "flex-1 flex flex-col items-start text-left z-20 w-full" }, badgeText && /* @__PURE__ */ React6.createElement("span", { className: "inline-block py-1 px-3 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium tracking-wide mb-6" }, badgeText), /* @__PURE__ */ React6.createElement(
|
|
432
385
|
"h1",
|
|
433
386
|
{
|
|
434
387
|
ref: titleRef,
|
|
435
|
-
className: `text-4xl sm:text-5xl lg:text-7xl font-light mb-6 text-
|
|
388
|
+
className: `text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-light mb-6 text-neutral-900 tracking-tight leading-[1.1] max-w-2xl`,
|
|
436
389
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
437
390
|
},
|
|
438
391
|
titlePrefix,
|
|
439
392
|
" ",
|
|
440
|
-
/* @__PURE__ */ React6.createElement("span", { className: "font-medium gradient-text" }, highlightText)
|
|
441
|
-
), subtitle && /* @__PURE__ */ React6.createElement("p", { className: "text-[
|
|
393
|
+
/* @__PURE__ */ React6.createElement("span", { className: "font-medium gradient-text block mt-1" }, highlightText)
|
|
394
|
+
), subtitle && /* @__PURE__ */ React6.createElement("p", { className: "text-[15px] md:text-[17px] text-neutral-500 max-w-xl mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-4 w-full sm:w-auto mb-16" }, ctaText && ctaHref && /* @__PURE__ */ React6.createElement("div", { className: "w-full sm:w-64 flex justify-start *:w-full" }, /* @__PURE__ */ React6.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React6.createElement(
|
|
442
395
|
Link4,
|
|
443
396
|
{
|
|
444
397
|
href: secondaryCtaHref,
|
|
445
|
-
className: "w-full sm:w-
|
|
398
|
+
className: "w-full sm:w-64 inline-flex font-medium items-center justify-center text-xs tracking-widest rounded-full px-8 py-3 border border-neutral-200 text-center text-neutral-600 hover:bg-neutral-50 hover:text-neutral-900 outline-none transition-all"
|
|
446
399
|
},
|
|
447
400
|
secondaryCtaText
|
|
448
|
-
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex flex-col items-
|
|
401
|
+
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex flex-col items-start mt-auto" }, appsText && /* @__PURE__ */ React6.createElement("p", { className: "text-[10px] font-medium tracking-[0.15em] text-neutral-400 mb-4 uppercase" }, appsText), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-wrap justify-start items-center gap-6 opacity-80 mix-blend-multiply" }, appLogos.map((logo, idx) => /* @__PURE__ */ React6.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-7 sm:w-7 flex items-center justify-center cursor-default grayscale hover:grayscale-0 transition-all duration-300" }, /* @__PURE__ */ React6.createElement(
|
|
449
402
|
Image2,
|
|
450
403
|
{
|
|
451
404
|
src: logo.src,
|
|
452
405
|
alt: logo.alt,
|
|
453
|
-
width:
|
|
454
|
-
height:
|
|
406
|
+
width: 40,
|
|
407
|
+
height: 40,
|
|
455
408
|
className: "object-contain h-full w-auto"
|
|
456
409
|
}
|
|
457
|
-
)))))))
|
|
410
|
+
)))))), (bgVideoSrc || bgImageSrc) && /* @__PURE__ */ React6.createElement("div", { className: "flex-1 w-full relative aspect-square lg:aspect-4/3 rounded-2xl overflow-hidden bg-neutral-100 flex items-center justify-center" }, bgVideoSrc ? /* @__PURE__ */ React6.createElement(
|
|
411
|
+
"video",
|
|
412
|
+
{
|
|
413
|
+
src: bgVideoSrc,
|
|
414
|
+
poster: bgImageSrc,
|
|
415
|
+
autoPlay: true,
|
|
416
|
+
loop: true,
|
|
417
|
+
muted: true,
|
|
418
|
+
playsInline: true,
|
|
419
|
+
className: "absolute inset-0 w-full h-full object-cover"
|
|
420
|
+
}
|
|
421
|
+
) : bgImageSrc ? /* @__PURE__ */ React6.createElement(
|
|
422
|
+
Image2,
|
|
423
|
+
{
|
|
424
|
+
src: bgImageSrc,
|
|
425
|
+
alt: "Hero Media",
|
|
426
|
+
fill: true,
|
|
427
|
+
priority: true,
|
|
428
|
+
className: "object-cover"
|
|
429
|
+
}
|
|
430
|
+
) : null, /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 bg-black/5 pointer-events-none mix-blend-overlay" }))));
|
|
458
431
|
};
|
|
459
432
|
|
|
460
433
|
// src/components/AppBento2.tsx
|