@retinalabsllc/zairusjs 5.1.19 → 5.1.25
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 +24 -1
- package/dist/index.d.ts +24 -1
- package/dist/index.js +53 -22
- package/dist/index.mjs +52 -22
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -730,4 +730,27 @@ interface ContentGridBlockProps {
|
|
|
730
730
|
}
|
|
731
731
|
declare const ContentGridBlock: React.FC<ContentGridBlockProps>;
|
|
732
732
|
|
|
733
|
-
|
|
733
|
+
interface ProjectItem {
|
|
734
|
+
id: string;
|
|
735
|
+
title: string;
|
|
736
|
+
/** Right-aligned text, can be a date or a category like "Core Technology" */
|
|
737
|
+
date: string;
|
|
738
|
+
/** The destination URL */
|
|
739
|
+
link: string;
|
|
740
|
+
/** If true, uses a standard <a> tag with target="_blank" instead of next/link */
|
|
741
|
+
isExternal?: boolean;
|
|
742
|
+
/** Badge text. If "Production", it gets highlighted. */
|
|
743
|
+
status: string;
|
|
744
|
+
description: string;
|
|
745
|
+
}
|
|
746
|
+
interface ManagedProjectsBlockProps {
|
|
747
|
+
/** Small tracking text above the main title */
|
|
748
|
+
tagline?: string;
|
|
749
|
+
/** Main H1 title of the page */
|
|
750
|
+
title: string;
|
|
751
|
+
/** Array of project objects */
|
|
752
|
+
projects: ProjectItem[];
|
|
753
|
+
}
|
|
754
|
+
declare const ManagedProjectsBlock: React.FC<ManagedProjectsBlockProps>;
|
|
755
|
+
|
|
756
|
+
export { AppBento2, type AppBento2Props, Banner, type BannerProps, type BentoFeature, type BoardMember, CardLogo, type CardLogoProps, type CardNetwork, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, type NavItem, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type QuickActionItem, type ScrollFeature, type SocialContact, type SocialLink, Stagger, type StaggerProps, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHomeView, type UniversalHomeViewProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, ZairusAuth, type ZairusAuthProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -730,4 +730,27 @@ interface ContentGridBlockProps {
|
|
|
730
730
|
}
|
|
731
731
|
declare const ContentGridBlock: React.FC<ContentGridBlockProps>;
|
|
732
732
|
|
|
733
|
-
|
|
733
|
+
interface ProjectItem {
|
|
734
|
+
id: string;
|
|
735
|
+
title: string;
|
|
736
|
+
/** Right-aligned text, can be a date or a category like "Core Technology" */
|
|
737
|
+
date: string;
|
|
738
|
+
/** The destination URL */
|
|
739
|
+
link: string;
|
|
740
|
+
/** If true, uses a standard <a> tag with target="_blank" instead of next/link */
|
|
741
|
+
isExternal?: boolean;
|
|
742
|
+
/** Badge text. If "Production", it gets highlighted. */
|
|
743
|
+
status: string;
|
|
744
|
+
description: string;
|
|
745
|
+
}
|
|
746
|
+
interface ManagedProjectsBlockProps {
|
|
747
|
+
/** Small tracking text above the main title */
|
|
748
|
+
tagline?: string;
|
|
749
|
+
/** Main H1 title of the page */
|
|
750
|
+
title: string;
|
|
751
|
+
/** Array of project objects */
|
|
752
|
+
projects: ProjectItem[];
|
|
753
|
+
}
|
|
754
|
+
declare const ManagedProjectsBlock: React.FC<ManagedProjectsBlockProps>;
|
|
755
|
+
|
|
756
|
+
export { AppBento2, type AppBento2Props, Banner, type BannerProps, type BentoFeature, type BoardMember, CardLogo, type CardLogoProps, type CardNetwork, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, type NavItem, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type QuickActionItem, type ScrollFeature, type SocialContact, type SocialLink, Stagger, type StaggerProps, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHomeView, type UniversalHomeViewProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, ZairusAuth, type ZairusAuthProps };
|
package/dist/index.js
CHANGED
|
@@ -48,6 +48,7 @@ __export(index_exports, {
|
|
|
48
48
|
ManagedNewsletterSplitBlock: () => ManagedNewsletterSplitBlock,
|
|
49
49
|
ManagedNotFoundBlock: () => ManagedNotFoundBlock,
|
|
50
50
|
ManagedPricingBlock: () => ManagedPricingBlock,
|
|
51
|
+
ManagedProjectsBlock: () => ManagedProjectsBlock,
|
|
51
52
|
ManagedToaster: () => ManagedToaster,
|
|
52
53
|
MedicalFeatureStatsBlock: () => MedicalFeatureStatsBlock,
|
|
53
54
|
NumberInput: () => NumberInput,
|
|
@@ -677,7 +678,7 @@ function AuthFormInner2({
|
|
|
677
678
|
}
|
|
678
679
|
return false;
|
|
679
680
|
};
|
|
680
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full bg-neutral-900
|
|
681
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full bg-neutral-900 rounded-2xl overflow-hidden shadow-2xl" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ import_react6.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ import_react6.default.createElement("h2", { className: "text-xl text-white mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ import_react6.default.createElement("div", { className: "text-[13px] text-neutral-400" }, mode === "LOGIN" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, "Don't have an account? ", /* @__PURE__ */ import_react6.default.createElement("button", { type: "button", onClick: () => {
|
|
681
682
|
setMode("SIGNUP");
|
|
682
683
|
setSignupStep(getInitialSignupStep());
|
|
683
684
|
}, className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Sign up")) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, "Already have an account? ", /* @__PURE__ */ import_react6.default.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Log in")))), /* @__PURE__ */ import_react6.default.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
@@ -990,7 +991,7 @@ var HeroSection = ({
|
|
|
990
991
|
import_link4.default,
|
|
991
992
|
{
|
|
992
993
|
href: secondaryCtaHref,
|
|
993
|
-
className: "w-full sm:w-60 inline-flex items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-
|
|
994
|
+
className: "w-full sm:w-60 inline-flex 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"
|
|
994
995
|
},
|
|
995
996
|
secondaryCtaText
|
|
996
997
|
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 uppercase" }, appsText), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react10.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_react10.default.createElement(
|
|
@@ -1042,10 +1043,10 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
1042
1043
|
const isHighlight = i === 1;
|
|
1043
1044
|
const isSecondary = i === 2;
|
|
1044
1045
|
const getBgStyle = () => {
|
|
1045
|
-
if (isPrimary) return "bg-neutral-900
|
|
1046
|
-
if (isHighlight) return "bg-black
|
|
1047
|
-
if (isSecondary) return "bg-neutral-800
|
|
1048
|
-
return "bg-neutral-900
|
|
1046
|
+
if (isPrimary) return "bg-neutral-900 ";
|
|
1047
|
+
if (isHighlight) return "bg-black";
|
|
1048
|
+
if (isSecondary) return "bg-neutral-800";
|
|
1049
|
+
return "bg-neutral-900 ";
|
|
1049
1050
|
};
|
|
1050
1051
|
const getShadowStyle = () => {
|
|
1051
1052
|
if (isHighlight) return `
|
|
@@ -1088,7 +1089,7 @@ var import_core_free_icons2 = require("@hugeicons/core-free-icons");
|
|
|
1088
1089
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
1089
1090
|
const [isBgLoading, setIsBgLoading] = (0, import_react13.useState)(true);
|
|
1090
1091
|
const [isFgLoading, setIsFgLoading] = (0, import_react13.useState)(!!feature.image);
|
|
1091
|
-
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col shrink-0 w-[90vw] sm:w-150 snap-center md:snap-start group cursor-grab active:cursor-grabbing" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center
|
|
1092
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col shrink-0 w-[90vw] sm:w-150 snap-center md:snap-start group cursor-grab active:cursor-grabbing" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center " }, /* @__PURE__ */ import_react13.default.createElement(
|
|
1092
1093
|
import_image3.default,
|
|
1093
1094
|
{
|
|
1094
1095
|
src: bgImage,
|
|
@@ -1205,14 +1206,14 @@ var PlatformFeatures = ({
|
|
|
1205
1206
|
description,
|
|
1206
1207
|
features
|
|
1207
1208
|
}) => {
|
|
1208
|
-
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ import_react15.default.createElement("div", { className: "
|
|
1209
|
+
return /* @__PURE__ */ import_react15.default.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ import_react15.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-12" }, features.map((feature, idx) => /* @__PURE__ */ import_react15.default.createElement(
|
|
1209
1210
|
"div",
|
|
1210
1211
|
{
|
|
1211
1212
|
key: idx,
|
|
1212
1213
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
1213
1214
|
style: { animationDelay: feature.delay || "0ms" }
|
|
1214
1215
|
},
|
|
1215
|
-
/* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-800
|
|
1216
|
+
/* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-800 flex items-center justify-center text-white transition-colors duration-300" }, /* @__PURE__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: feature.icon, size: 24 })), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-500 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-xl tracking-tight text-white" }, feature.title))),
|
|
1216
1217
|
/* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-400 pr-4" }, feature.desc))
|
|
1217
1218
|
)))));
|
|
1218
1219
|
};
|
|
@@ -1248,7 +1249,7 @@ var ManagedDocument = ({
|
|
|
1248
1249
|
}, []);
|
|
1249
1250
|
return (
|
|
1250
1251
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
1251
|
-
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10
|
|
1252
|
+
/* @__PURE__ */ import_react17.default.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react17.default.createElement(
|
|
1252
1253
|
"h1",
|
|
1253
1254
|
{
|
|
1254
1255
|
ref: titleRef,
|
|
@@ -1256,7 +1257,7 @@ var ManagedDocument = ({
|
|
|
1256
1257
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1257
1258
|
},
|
|
1258
1259
|
title
|
|
1259
|
-
)), sections.map((section, index) => /* @__PURE__ */ import_react17.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react17.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react17.default.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14
|
|
1260
|
+
)), sections.map((section, index) => /* @__PURE__ */ import_react17.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react17.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react17.default.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] text-neutral-500 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react17.default.createElement(
|
|
1260
1261
|
"a",
|
|
1261
1262
|
{
|
|
1262
1263
|
href: `mailto:${contactEmail}`,
|
|
@@ -1297,7 +1298,7 @@ var ManagedContactBlock = ({
|
|
|
1297
1298
|
backgroundRepeat: "repeat"
|
|
1298
1299
|
}
|
|
1299
1300
|
}
|
|
1300
|
-
), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-10
|
|
1301
|
+
), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react18.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Contact Details"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-3 text-[13px] text-neutral-400 leading-[1.8]" }, company.name && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-white" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ import_react18.default.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ import_react18.default.createElement("p", { className: "pt-2" }, /* @__PURE__ */ import_react18.default.createElement(
|
|
1301
1302
|
"a",
|
|
1302
1303
|
{
|
|
1303
1304
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
@@ -1369,7 +1370,7 @@ var ManagedPricingBlock = ({
|
|
|
1369
1370
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1370
1371
|
},
|
|
1371
1372
|
title
|
|
1372
|
-
)), hasTabs && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center bg-neutral-900
|
|
1373
|
+
)), hasTabs && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center bg-neutral-900 rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, tabs.map((tab, idx) => {
|
|
1373
1374
|
const isActive = activeTabIndex === idx;
|
|
1374
1375
|
return /* @__PURE__ */ import_react20.default.createElement(
|
|
1375
1376
|
"button",
|
|
@@ -1384,7 +1385,7 @@ var ManagedPricingBlock = ({
|
|
|
1384
1385
|
"div",
|
|
1385
1386
|
{
|
|
1386
1387
|
key: `${activeTabIndex}-${planIdx}`,
|
|
1387
|
-
className: `bg-neutral-900
|
|
1388
|
+
className: `bg-neutral-900 rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "border-neutral-700" : ""}`
|
|
1388
1389
|
},
|
|
1389
1390
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-white text-base block mb-1" }, plan.name), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-3xl font-light text-white" }, plan.price), plan.period && /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-xs text-neutral-400 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mt-4 opacity-90" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ import_react20.default.createElement(
|
|
1390
1391
|
"div",
|
|
@@ -1407,7 +1408,7 @@ var ManagedPricingBlock = ({
|
|
|
1407
1408
|
import_link5.default,
|
|
1408
1409
|
{
|
|
1409
1410
|
href: plan.ctaHref,
|
|
1410
|
-
className: "w-full py-
|
|
1411
|
+
className: "w-full py-3 px-5 rounded-full 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"
|
|
1411
1412
|
},
|
|
1412
1413
|
plan.ctaText
|
|
1413
1414
|
),
|
|
@@ -1500,7 +1501,7 @@ var ManagedNotFoundBlock = ({
|
|
|
1500
1501
|
import_link6.default,
|
|
1501
1502
|
{
|
|
1502
1503
|
href: backLinkHref,
|
|
1503
|
-
className: "inline-flex items-center justify-center px-8 py-3
|
|
1504
|
+
className: "inline-flex items-center justify-center px-8 py-3 border border-neutral-800 text-white hover:bg-neutral-800 transition-colors rounded-full text-[11px] tracking-widest outline-none"
|
|
1504
1505
|
},
|
|
1505
1506
|
backLinkText
|
|
1506
1507
|
)));
|
|
@@ -1723,7 +1724,7 @@ var PortfolioHero = ({
|
|
|
1723
1724
|
ref: heroContentRef,
|
|
1724
1725
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1725
1726
|
},
|
|
1726
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden
|
|
1727
|
+
/* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ import_react29.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_react29.default.createElement(
|
|
1727
1728
|
import_image7.default,
|
|
1728
1729
|
{
|
|
1729
1730
|
src: imageSrc,
|
|
@@ -1756,7 +1757,7 @@ var PortfolioHero = ({
|
|
|
1756
1757
|
import_link7.default,
|
|
1757
1758
|
{
|
|
1758
1759
|
href: secondaryCtaHref,
|
|
1759
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-3.5
|
|
1760
|
+
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-3.5 border border-neutral-700 transition-colors text-white hover:bg-neutral-700 outline-none"
|
|
1760
1761
|
},
|
|
1761
1762
|
secondaryCtaText,
|
|
1762
1763
|
/* @__PURE__ */ import_react29.default.createElement(import_react30.HugeiconsIcon, { icon: import_core_free_icons5.ArrowRight01Icon, size: 16 })
|
|
@@ -2754,7 +2755,7 @@ var UniversalHomeView = ({
|
|
|
2754
2755
|
"button",
|
|
2755
2756
|
{
|
|
2756
2757
|
onClick: secondaryAction.onClick,
|
|
2757
|
-
className: "flex items-center gap-1.5 px-8 py-2 rounded-full border border-neutral-800 text-white transition-colors hover:bg-neutral-800 outline-none"
|
|
2758
|
+
className: "flex items-center gap-1.5 px-8 py-2.5 rounded-full border border-neutral-800 text-white transition-colors hover:bg-neutral-800 outline-none"
|
|
2758
2759
|
},
|
|
2759
2760
|
/* @__PURE__ */ import_react45.default.createElement("span", { className: "text-[13px] tracking-wide" }, secondaryAction.label),
|
|
2760
2761
|
secondaryAction.icon && /* @__PURE__ */ import_react45.default.createElement(import_react46.HugeiconsIcon, { icon: secondaryAction.icon, size: 16 })
|
|
@@ -2981,7 +2982,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
2981
2982
|
sizes: "48px",
|
|
2982
2983
|
className: "object-cover"
|
|
2983
2984
|
}
|
|
2984
|
-
)))), /* @__PURE__ */ import_react52.default.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react52.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react52.default.createElement("div", { key: idx, className: "bg-neutral-900
|
|
2985
|
+
)))), /* @__PURE__ */ import_react52.default.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ import_react52.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ import_react52.default.createElement("div", { key: idx, className: "bg-neutral-900 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex items-center p-0.5 mb-6" }, /* @__PURE__ */ import_react52.default.createElement("span", { className: "text-[14px] text-neutral-400 tracking-wide" }, stat.label)), /* @__PURE__ */ import_react52.default.createElement("div", { className: "text-6xl gradient-text md:text-[80px] font-light tracking-tighter text-white mt-auto leading-none" }, stat.value))))));
|
|
2985
2986
|
};
|
|
2986
2987
|
|
|
2987
2988
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -3040,7 +3041,7 @@ var ConsultantShowcase = ({
|
|
|
3040
3041
|
return /* @__PURE__ */ import_react53.default.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative bg-black" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ import_react53.default.createElement(
|
|
3041
3042
|
"div",
|
|
3042
3043
|
{
|
|
3043
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
3044
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
3044
3045
|
onTouchStart,
|
|
3045
3046
|
onTouchMove,
|
|
3046
3047
|
onTouchEnd
|
|
@@ -3092,7 +3093,36 @@ var ContentGridBlock = ({
|
|
|
3092
3093
|
middleBottomCard,
|
|
3093
3094
|
rightCards
|
|
3094
3095
|
}) => {
|
|
3095
|
-
return /* @__PURE__ */ import_react55.default.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react55.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react55.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "bg-neutral-900
|
|
3096
|
+
return /* @__PURE__ */ import_react55.default.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react55.default.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react55.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "bg-neutral-900 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react55.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react55.default.createElement("div", null, /* @__PURE__ */ import_react55.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-700" }, /* @__PURE__ */ import_react55.default.createElement(import_image11.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react55.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-black overflow-hidden relative z-10" }, /* @__PURE__ */ import_react55.default.createElement(import_image11.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-sm text-neutral-400" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react55.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_react55.default.createElement("span", { className: "text-white" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react55.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[11px] text-neutral-500 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[14px] text-white leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react55.default.createElement("div", null, /* @__PURE__ */ import_react55.default.createElement("h4", { className: "text-[15px] text-white leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[13px] text-neutral-500" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react55.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-800" }, /* @__PURE__ */ import_react55.default.createElement(import_image11.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[16px] text-white leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react55.default.createElement("span", { className: "text-[11px] text-neutral-500 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react55.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react55.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-neutral-900 text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react55.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react55.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react55.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react55.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react55.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
3097
|
+
};
|
|
3098
|
+
|
|
3099
|
+
// src/components/ManagedProjectsBlock.tsx
|
|
3100
|
+
var import_react57 = __toESM(require("react"));
|
|
3101
|
+
var import_link9 = __toESM(require("next/link"));
|
|
3102
|
+
var GridSection = ({
|
|
3103
|
+
children,
|
|
3104
|
+
isLast = false,
|
|
3105
|
+
className = "py-8 md:py-10"
|
|
3106
|
+
}) => /* @__PURE__ */ import_react57.default.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "border-b border-neutral-800/50" : ""}` }, children);
|
|
3107
|
+
var ManagedProjectsBlock = ({
|
|
3108
|
+
tagline,
|
|
3109
|
+
title,
|
|
3110
|
+
projects
|
|
3111
|
+
}) => {
|
|
3112
|
+
return /* @__PURE__ */ import_react57.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_react57.default.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-5xl mx-auto overflow-hidden shadow-2xl" }, /* @__PURE__ */ import_react57.default.createElement(
|
|
3113
|
+
"div",
|
|
3114
|
+
{
|
|
3115
|
+
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
3116
|
+
style: {
|
|
3117
|
+
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")`,
|
|
3118
|
+
backgroundRepeat: "repeat"
|
|
3119
|
+
}
|
|
3120
|
+
}
|
|
3121
|
+
), /* @__PURE__ */ import_react57.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react57.default.createElement(GridSection, null, tagline && /* @__PURE__ */ import_react57.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block" }, tagline), /* @__PURE__ */ import_react57.default.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
3122
|
+
const isLast = index === projects.length - 1;
|
|
3123
|
+
const projectContent = /* @__PURE__ */ import_react57.default.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ import_react57.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_react57.default.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ import_react57.default.createElement("h2", { className: "text-[16px] text-white transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ import_react57.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_react57.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_react57.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0" }, project.date)), /* @__PURE__ */ import_react57.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));
|
|
3124
|
+
return /* @__PURE__ */ import_react57.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_react57.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react57.default.createElement(import_link9.default, { href: project.link, className: "block outline-none" }, projectContent));
|
|
3125
|
+
}))));
|
|
3096
3126
|
};
|
|
3097
3127
|
// Annotate the CommonJS export names for ESM import in node:
|
|
3098
3128
|
0 && (module.exports = {
|
|
@@ -3113,6 +3143,7 @@ var ContentGridBlock = ({
|
|
|
3113
3143
|
ManagedNewsletterSplitBlock,
|
|
3114
3144
|
ManagedNotFoundBlock,
|
|
3115
3145
|
ManagedPricingBlock,
|
|
3146
|
+
ManagedProjectsBlock,
|
|
3116
3147
|
ManagedToaster,
|
|
3117
3148
|
MedicalFeatureStatsBlock,
|
|
3118
3149
|
NumberInput,
|
package/dist/index.mjs
CHANGED
|
@@ -607,7 +607,7 @@ function AuthFormInner2({
|
|
|
607
607
|
}
|
|
608
608
|
return false;
|
|
609
609
|
};
|
|
610
|
-
return /* @__PURE__ */ React5.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-neutral-900
|
|
610
|
+
return /* @__PURE__ */ React5.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-neutral-900 rounded-2xl overflow-hidden shadow-2xl" }, /* @__PURE__ */ React5.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ React5.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ React5.createElement("h2", { className: "text-xl text-white mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ React5.createElement("div", { className: "text-[13px] text-neutral-400" }, mode === "LOGIN" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Don't have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => {
|
|
611
611
|
setMode("SIGNUP");
|
|
612
612
|
setSignupStep(getInitialSignupStep());
|
|
613
613
|
}, className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Sign up")) : /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Already have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-white hover:text-neutral-300 transition-colors ml-1 underline underline-offset-2" }, "Log in")))), /* @__PURE__ */ React5.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
@@ -920,7 +920,7 @@ var HeroSection = ({
|
|
|
920
920
|
Link4,
|
|
921
921
|
{
|
|
922
922
|
href: secondaryCtaHref,
|
|
923
|
-
className: "w-full sm:w-60 inline-flex items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-
|
|
923
|
+
className: "w-full sm:w-60 inline-flex 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"
|
|
924
924
|
},
|
|
925
925
|
secondaryCtaText
|
|
926
926
|
)), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React8.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ React8.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 uppercase" }, appsText), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ React8.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__ */ React8.createElement(
|
|
@@ -972,10 +972,10 @@ var AppBento2 = ({ tagline, headline, features }) => {
|
|
|
972
972
|
const isHighlight = i === 1;
|
|
973
973
|
const isSecondary = i === 2;
|
|
974
974
|
const getBgStyle = () => {
|
|
975
|
-
if (isPrimary) return "bg-neutral-900
|
|
976
|
-
if (isHighlight) return "bg-black
|
|
977
|
-
if (isSecondary) return "bg-neutral-800
|
|
978
|
-
return "bg-neutral-900
|
|
975
|
+
if (isPrimary) return "bg-neutral-900 ";
|
|
976
|
+
if (isHighlight) return "bg-black";
|
|
977
|
+
if (isSecondary) return "bg-neutral-800";
|
|
978
|
+
return "bg-neutral-900 ";
|
|
979
979
|
};
|
|
980
980
|
const getShadowStyle = () => {
|
|
981
981
|
if (isHighlight) return `
|
|
@@ -1018,7 +1018,7 @@ import { ArrowLeft01Icon, ArrowRight01Icon, Loading03Icon as Loading03Icon2 } fr
|
|
|
1018
1018
|
var FeatureCard = ({ feature, bgImage }) => {
|
|
1019
1019
|
const [isBgLoading, setIsBgLoading] = useState7(true);
|
|
1020
1020
|
const [isFgLoading, setIsFgLoading] = useState7(!!feature.image);
|
|
1021
|
-
return /* @__PURE__ */ React10.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__ */ React10.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center
|
|
1021
|
+
return /* @__PURE__ */ React10.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__ */ React10.createElement("div", { className: "relative w-full aspect-16/10 bg-neutral-900 rounded-2xl overflow-hidden mb-6 flex items-center justify-center " }, /* @__PURE__ */ React10.createElement(
|
|
1022
1022
|
Image3,
|
|
1023
1023
|
{
|
|
1024
1024
|
src: bgImage,
|
|
@@ -1135,14 +1135,14 @@ var PlatformFeatures = ({
|
|
|
1135
1135
|
description,
|
|
1136
1136
|
features
|
|
1137
1137
|
}) => {
|
|
1138
|
-
return /* @__PURE__ */ React11.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ React11.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React11.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React11.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ React11.createElement("div", { className: "
|
|
1138
|
+
return /* @__PURE__ */ React11.createElement("section", { className: "w-full flex justify-center mb-15 relative z-10 bg-black" }, /* @__PURE__ */ React11.createElement("div", { className: "max-w-6xl w-full flex flex-col px-4 md:px-8" }, /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col items-start mb-16 relative z-10" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 block mb-4" }, tagline), /* @__PURE__ */ React11.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.05] mb-6" }, headline), /* @__PURE__ */ React11.createElement("p", { className: "text-[15px] leading-[1.8] text-neutral-400 max-w-2xl" }, description)), /* @__PURE__ */ React11.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__ */ React11.createElement(
|
|
1139
1139
|
"div",
|
|
1140
1140
|
{
|
|
1141
1141
|
key: idx,
|
|
1142
1142
|
className: "flex flex-col group animate-in fade-in slide-in-from-bottom-4 duration-700 fill-mode-both",
|
|
1143
1143
|
style: { animationDelay: feature.delay || "0ms" }
|
|
1144
1144
|
},
|
|
1145
|
-
/* @__PURE__ */ React11.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-14 h-14 shrink-0 rounded-xl border border-neutral-800
|
|
1145
|
+
/* @__PURE__ */ React11.createElement("div", { className: "flex flex-row items-center gap-4 mb-4" }, /* @__PURE__ */ React11.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__ */ React11.createElement(HugeiconsIcon5, { icon: feature.icon, size: 24 })), /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React11.createElement("span", { className: "text-[11px] tracking-widest text-neutral-500 mb-0.5" }, feature.label || "CAPABILITY"), /* @__PURE__ */ React11.createElement("h3", { className: "text-xl tracking-tight text-white" }, feature.title))),
|
|
1146
1146
|
/* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-400 pr-4" }, feature.desc))
|
|
1147
1147
|
)))));
|
|
1148
1148
|
};
|
|
@@ -1178,7 +1178,7 @@ var ManagedDocument = ({
|
|
|
1178
1178
|
}, []);
|
|
1179
1179
|
return (
|
|
1180
1180
|
// Outer layout wrapper (takes up available space, adds padding)
|
|
1181
|
-
/* @__PURE__ */ React12.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React12.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10
|
|
1181
|
+
/* @__PURE__ */ React12.createElement("div", { className: "grow pt-28 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React12.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-7xl mx-auto overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10" }, tagline && /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React12.createElement(
|
|
1182
1182
|
"h1",
|
|
1183
1183
|
{
|
|
1184
1184
|
ref: titleRef,
|
|
@@ -1186,7 +1186,7 @@ var ManagedDocument = ({
|
|
|
1186
1186
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1187
1187
|
},
|
|
1188
1188
|
title
|
|
1189
|
-
)), sections.map((section, index) => /* @__PURE__ */ React12.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React12.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React12.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React12.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14
|
|
1189
|
+
)), sections.map((section, index) => /* @__PURE__ */ React12.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React12.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-400 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React12.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React12.createElement("div", { className: `border-neutral-800 bg-neutral-950 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React12.createElement("p", { className: "text-white text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React12.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-500 text-left" }, contactText, contactEmail && /* @__PURE__ */ React12.createElement(
|
|
1190
1190
|
"a",
|
|
1191
1191
|
{
|
|
1192
1192
|
href: `mailto:${contactEmail}`,
|
|
@@ -1227,7 +1227,7 @@ var ManagedContactBlock = ({
|
|
|
1227
1227
|
backgroundRepeat: "repeat"
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
|
-
), /* @__PURE__ */ React13.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-10
|
|
1230
|
+
), /* @__PURE__ */ React13.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React13.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React13.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), /* @__PURE__ */ React13.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React13.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React13.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React13.createElement("p", { className: "text-[11px] tracking-[0.2em] text-white mb-4 " }, "Contact Details"), /* @__PURE__ */ React13.createElement("div", { className: "space-y-3 text-[13px] text-neutral-400 leading-[1.8]" }, company.name && /* @__PURE__ */ React13.createElement("p", { className: "text-white" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React13.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React13.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React13.createElement(
|
|
1231
1231
|
"a",
|
|
1232
1232
|
{
|
|
1233
1233
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
@@ -1299,7 +1299,7 @@ var ManagedPricingBlock = ({
|
|
|
1299
1299
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1300
1300
|
},
|
|
1301
1301
|
title
|
|
1302
|
-
)), hasTabs && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center bg-neutral-900
|
|
1302
|
+
)), hasTabs && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center mb-8 sm:mb-10 w-full animate-in fade-in duration-300 px-2" }, /* @__PURE__ */ React14.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) => {
|
|
1303
1303
|
const isActive = activeTabIndex === idx;
|
|
1304
1304
|
return /* @__PURE__ */ React14.createElement(
|
|
1305
1305
|
"button",
|
|
@@ -1314,7 +1314,7 @@ var ManagedPricingBlock = ({
|
|
|
1314
1314
|
"div",
|
|
1315
1315
|
{
|
|
1316
1316
|
key: `${activeTabIndex}-${planIdx}`,
|
|
1317
|
-
className: `bg-neutral-900
|
|
1317
|
+
className: `bg-neutral-900 rounded-3xl p-6 flex flex-col relative overflow-hidden transition-all duration-300 ${plan.isPremium ? "border-neutral-700" : ""}`
|
|
1318
1318
|
},
|
|
1319
1319
|
/* @__PURE__ */ React14.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React14.createElement("span", { className: "text-white text-base block mb-1" }, plan.name), /* @__PURE__ */ React14.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-3xl font-light text-white" }, plan.price), plan.period && /* @__PURE__ */ React14.createElement("span", { className: "text-xs text-neutral-500" }, plan.period)), /* @__PURE__ */ React14.createElement("p", { className: "text-xs text-neutral-400 mt-2 min-h-8" }, plan.description), plan.showApps && plan.appLogos && plan.appLogos.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2 mt-4 opacity-90" }, plan.appLogos.map((logo, logoIdx) => /* @__PURE__ */ React14.createElement(
|
|
1320
1320
|
"div",
|
|
@@ -1337,7 +1337,7 @@ var ManagedPricingBlock = ({
|
|
|
1337
1337
|
Link5,
|
|
1338
1338
|
{
|
|
1339
1339
|
href: plan.ctaHref,
|
|
1340
|
-
className: "w-full py-
|
|
1340
|
+
className: "w-full py-3 px-5 rounded-full 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"
|
|
1341
1341
|
},
|
|
1342
1342
|
plan.ctaText
|
|
1343
1343
|
),
|
|
@@ -1430,7 +1430,7 @@ var ManagedNotFoundBlock = ({
|
|
|
1430
1430
|
Link6,
|
|
1431
1431
|
{
|
|
1432
1432
|
href: backLinkHref,
|
|
1433
|
-
className: "inline-flex items-center justify-center px-8 py-3
|
|
1433
|
+
className: "inline-flex items-center justify-center px-8 py-3 border border-neutral-800 text-white hover:bg-neutral-800 transition-colors rounded-full text-[11px] tracking-widest outline-none"
|
|
1434
1434
|
},
|
|
1435
1435
|
backLinkText
|
|
1436
1436
|
)));
|
|
@@ -1653,7 +1653,7 @@ var PortfolioHero = ({
|
|
|
1653
1653
|
ref: heroContentRef,
|
|
1654
1654
|
className: "w-full opacity-0 translate-y-5 transition-all duration-1000 ease-out relative z-10"
|
|
1655
1655
|
},
|
|
1656
|
-
/* @__PURE__ */ React21.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden
|
|
1656
|
+
/* @__PURE__ */ React21.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 mb-10" }, /* @__PURE__ */ React21.createElement("div", { className: "relative w-20 h-20 sm:w-32 sm:h-32 rounded-full overflow-hidden shrink-0 shadow-sm" }, /* @__PURE__ */ React21.createElement(
|
|
1657
1657
|
Image7,
|
|
1658
1658
|
{
|
|
1659
1659
|
src: imageSrc,
|
|
@@ -1686,7 +1686,7 @@ var PortfolioHero = ({
|
|
|
1686
1686
|
Link7,
|
|
1687
1687
|
{
|
|
1688
1688
|
href: secondaryCtaHref,
|
|
1689
|
-
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-3.5
|
|
1689
|
+
className: "w-full sm:w-auto inline-flex items-center justify-center gap-3 text-[11px] tracking-[0.2em] rounded-full px-8 py-3.5 border border-neutral-700 transition-colors text-white hover:bg-neutral-700 outline-none"
|
|
1690
1690
|
},
|
|
1691
1691
|
secondaryCtaText,
|
|
1692
1692
|
/* @__PURE__ */ React21.createElement(HugeiconsIcon9, { icon: ArrowRight01Icon2, size: 16 })
|
|
@@ -2710,7 +2710,7 @@ var UniversalHomeView = ({
|
|
|
2710
2710
|
"button",
|
|
2711
2711
|
{
|
|
2712
2712
|
onClick: secondaryAction.onClick,
|
|
2713
|
-
className: "flex items-center gap-1.5 px-8 py-2 rounded-full border border-neutral-800 text-white transition-colors hover:bg-neutral-800 outline-none"
|
|
2713
|
+
className: "flex items-center gap-1.5 px-8 py-2.5 rounded-full border border-neutral-800 text-white transition-colors hover:bg-neutral-800 outline-none"
|
|
2714
2714
|
},
|
|
2715
2715
|
/* @__PURE__ */ React29.createElement("span", { className: "text-[13px] tracking-wide" }, secondaryAction.label),
|
|
2716
2716
|
secondaryAction.icon && /* @__PURE__ */ React29.createElement(HugeiconsIcon17, { icon: secondaryAction.icon, size: 16 })
|
|
@@ -2941,7 +2941,7 @@ var MedicalFeatureStatsBlock = ({
|
|
|
2941
2941
|
sizes: "48px",
|
|
2942
2942
|
className: "object-cover"
|
|
2943
2943
|
}
|
|
2944
|
-
)))), /* @__PURE__ */ React33.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React33.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React33.createElement("div", { key: idx, className: "bg-neutral-900
|
|
2944
|
+
)))), /* @__PURE__ */ React33.createElement("p", { className: "text-[11px] text-neutral-400 leading-[1.4] max-w-55" }, trustText))), /* @__PURE__ */ React33.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, stats.map((stat, idx) => /* @__PURE__ */ React33.createElement("div", { key: idx, className: "bg-neutral-900 rounded-4xl p-8 md:p-10 flex flex-col h-70" }, /* @__PURE__ */ React33.createElement("div", { className: "flex items-center p-0.5 mb-6" }, /* @__PURE__ */ React33.createElement("span", { className: "text-[14px] text-neutral-400 tracking-wide" }, stat.label)), /* @__PURE__ */ React33.createElement("div", { className: "text-6xl gradient-text md:text-[80px] font-light tracking-tighter text-white mt-auto leading-none" }, stat.value))))));
|
|
2945
2945
|
};
|
|
2946
2946
|
|
|
2947
2947
|
// src/components/ConsultantShowcase.tsx
|
|
@@ -3000,7 +3000,7 @@ var ConsultantShowcase = ({
|
|
|
3000
3000
|
return /* @__PURE__ */ React34.createElement("section", { className: "py-24 w-full flex justify-center px-4 md:px-8 z-10 relative bg-black" }, /* @__PURE__ */ React34.createElement("div", { className: "max-w-6xl w-full" }, /* @__PURE__ */ React34.createElement(
|
|
3001
3001
|
"div",
|
|
3002
3002
|
{
|
|
3003
|
-
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900
|
|
3003
|
+
className: "relative w-full h-100 md:h-112.5 rounded-4xl overflow-hidden bg-neutral-900 group select-none",
|
|
3004
3004
|
onTouchStart,
|
|
3005
3005
|
onTouchMove,
|
|
3006
3006
|
onTouchEnd
|
|
@@ -3052,7 +3052,36 @@ var ContentGridBlock = ({
|
|
|
3052
3052
|
middleBottomCard,
|
|
3053
3053
|
rightCards
|
|
3054
3054
|
}) => {
|
|
3055
|
-
return /* @__PURE__ */ React35.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React35.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React35.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React35.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-neutral-900
|
|
3055
|
+
return /* @__PURE__ */ React35.createElement("section", { className: "w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React35.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React35.createElement("h2", { className: "text-3xl tracking-tight text-white leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React35.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React35.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-neutral-900 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React35.createElement("span", { className: "mb-auto text-[11px] text-neutral-400 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React35.createElement("div", null, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-neutral-400" }, leftCard.subtitle)), /* @__PURE__ */ React35.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-700" }, /* @__PURE__ */ React35.createElement(Image11, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React35.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React35.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React35.createElement("span", { className: "text-[11px] text-neutral-500 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React35.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React35.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-black overflow-hidden relative z-10" }, /* @__PURE__ */ React35.createElement(Image11, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React35.createElement("span", { className: "text-sm text-neutral-400" }, middleTopCard.topRightCount))), /* @__PURE__ */ React35.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React35.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__ */ React35.createElement("span", { className: "text-white" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React35.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[11px] text-neutral-500 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[14px] text-white leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React35.createElement("div", { className: "border border-neutral-800 rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React35.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React35.createElement("div", null, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] text-white leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-neutral-500" }, middleBottomCard.subtitle)), /* @__PURE__ */ React35.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative border border-neutral-800" }, /* @__PURE__ */ React35.createElement(Image11, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React35.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[16px] text-white leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React35.createElement("span", { className: "text-[11px] text-neutral-500 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React35.createElement("div", { key: idx, className: "relative w-full h-80 bg-neutral-900 text-white rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React35.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React35.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React35.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ React35.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React35.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ React35.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
3056
|
+
};
|
|
3057
|
+
|
|
3058
|
+
// src/components/ManagedProjectsBlock.tsx
|
|
3059
|
+
import React36 from "react";
|
|
3060
|
+
import Link9 from "next/link";
|
|
3061
|
+
var GridSection = ({
|
|
3062
|
+
children,
|
|
3063
|
+
isLast = false,
|
|
3064
|
+
className = "py-8 md:py-10"
|
|
3065
|
+
}) => /* @__PURE__ */ React36.createElement("div", { className: `relative px-5 md:px-12 ${className} ${!isLast ? "border-b border-neutral-800/50" : ""}` }, children);
|
|
3066
|
+
var ManagedProjectsBlock = ({
|
|
3067
|
+
tagline,
|
|
3068
|
+
title,
|
|
3069
|
+
projects
|
|
3070
|
+
}) => {
|
|
3071
|
+
return /* @__PURE__ */ React36.createElement("div", { className: "grow pt-28 pb-20 px-3 md:px-8 w-full flex justify-center z-10 relative bg-black" }, /* @__PURE__ */ React36.createElement("div", { className: "relative bg-neutral-900 rounded-2xl w-full max-w-5xl mx-auto overflow-hidden shadow-2xl" }, /* @__PURE__ */ React36.createElement(
|
|
3072
|
+
"div",
|
|
3073
|
+
{
|
|
3074
|
+
className: "absolute inset-0 pointer-events-none opacity-[0.03] z-0",
|
|
3075
|
+
style: {
|
|
3076
|
+
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")`,
|
|
3077
|
+
backgroundRepeat: "repeat"
|
|
3078
|
+
}
|
|
3079
|
+
}
|
|
3080
|
+
), /* @__PURE__ */ React36.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React36.createElement(GridSection, null, tagline && /* @__PURE__ */ React36.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block" }, tagline), /* @__PURE__ */ React36.createElement("h1", { className: "text-3xl mt-4 text-white tracking-tight text-left" }, title)), projects.map((project, index) => {
|
|
3081
|
+
const isLast = index === projects.length - 1;
|
|
3082
|
+
const projectContent = /* @__PURE__ */ React36.createElement("div", { className: "group block w-full" }, /* @__PURE__ */ React36.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__ */ React36.createElement("div", { className: "flex items-center gap-3 md:gap-4" }, /* @__PURE__ */ React36.createElement("h2", { className: "text-[16px] text-white transition-all flex items-center gap-2" }, project.title, /* @__PURE__ */ React36.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__ */ React36.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__ */ React36.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-500 shrink-0" }, project.date)), /* @__PURE__ */ React36.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));
|
|
3083
|
+
return /* @__PURE__ */ React36.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__ */ React36.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React36.createElement(Link9, { href: project.link, className: "block outline-none" }, projectContent));
|
|
3084
|
+
}))));
|
|
3056
3085
|
};
|
|
3057
3086
|
export {
|
|
3058
3087
|
AppBento2,
|
|
@@ -3072,6 +3101,7 @@ export {
|
|
|
3072
3101
|
ManagedNewsletterSplitBlock,
|
|
3073
3102
|
ManagedNotFoundBlock,
|
|
3074
3103
|
ManagedPricingBlock,
|
|
3104
|
+
ManagedProjectsBlock,
|
|
3075
3105
|
ManagedToaster,
|
|
3076
3106
|
MedicalFeatureStatsBlock,
|
|
3077
3107
|
NumberInput,
|