@vadimcomanescu/nadicode-design-system 2.0.9 → 4.0.0
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/.agents/skills/seed/SKILL.md +19 -10
- package/.agents/skills/seed/contract.md +9 -2
- package/.agents/skills/seed/references/blocks.md +5 -5
- package/.agents/skills/seed/references/components.md +2 -2
- package/.agents/skills/seed/references/nextjs.md +2 -2
- package/README.md +3 -3
- package/contracts/consumer-intent-map.json +1 -2
- package/contracts/release-governance-baseline.json +3 -37
- package/dist/catalog/catalog.d.ts +2220 -0
- package/dist/catalog/catalog.js +1913 -0
- package/dist/catalog/components.d.ts +201 -0
- package/dist/catalog/components.js +407 -0
- package/dist/catalog/types.d.ts +4 -0
- package/dist/catalog/types.js +1 -0
- package/dist/chunk-224KPIOG.js +60 -0
- package/dist/chunk-25BOZMXA.js +169 -0
- package/dist/chunk-32OLQ7FC.js +130 -0
- package/dist/chunk-3JJBJ4VR.js +47 -0
- package/dist/chunk-3U56FXYC.js +30 -0
- package/dist/chunk-4MWKE6F5.js +86 -0
- package/dist/chunk-6HGSU24S.js +94 -0
- package/dist/chunk-7IADIXDV.js +168 -0
- package/dist/chunk-7NS3VFD7.js +86 -0
- package/dist/chunk-7XLZCXUL.js +175 -0
- package/dist/chunk-ALA6OM7K.js +134 -0
- package/dist/chunk-AN5TW4AL.js +50 -0
- package/dist/chunk-AWZFQQGN.js +167 -0
- package/dist/chunk-BRCBJ3S4.js +42 -0
- package/dist/chunk-BRICSLHJ.js +30 -0
- package/dist/chunk-BYEHHZZN.js +115 -0
- package/dist/chunk-C33GUEDY.js +149 -0
- package/dist/chunk-CUDMDYKE.js +150 -0
- package/dist/chunk-CVTMWSNS.js +145 -0
- package/dist/chunk-DEZXWNYF.js +165 -0
- package/dist/chunk-DNJEVMDY.js +40 -0
- package/dist/chunk-DNJOBML6.js +66 -0
- package/dist/chunk-FTGFOK6T.js +69 -0
- package/dist/chunk-HFBJ6L6O.js +104 -0
- package/dist/chunk-HPTHS7SX.js +52 -0
- package/dist/chunk-KNR3WB5C.js +147 -0
- package/dist/chunk-KQ7ZC6EM.js +66 -0
- package/dist/chunk-LGW7FVG5.js +83 -0
- package/dist/chunk-LP6ZZYOQ.js +36 -0
- package/dist/chunk-LV4P7WVM.js +54 -0
- package/dist/chunk-MGSGCARB.js +164 -0
- package/dist/chunk-N3YFYMNZ.js +73 -0
- package/dist/chunk-Q5IYBNA7.js +56 -0
- package/dist/chunk-QJCE7NZF.js +85 -0
- package/dist/chunk-QW5II6YK.js +96 -0
- package/dist/chunk-RMGDDOCD.js +138 -0
- package/dist/chunk-RNCX4JIE.js +70 -0
- package/dist/chunk-RWCL5OPX.js +112 -0
- package/dist/chunk-S5OY2B63.js +28 -0
- package/dist/chunk-SIQNG72C.js +257 -0
- package/dist/chunk-SP7NIZFP.js +117 -0
- package/dist/chunk-SWRJWMGG.js +30 -0
- package/dist/chunk-TCQIJ3DO.js +85 -0
- package/dist/chunk-TPJ6JJ2F.js +290 -0
- package/dist/chunk-TUJZMJXW.js +72 -0
- package/dist/chunk-UR43ANYS.js +159 -0
- package/dist/chunk-VRGPG2YN.js +79 -0
- package/dist/chunk-WSBLCWY7.js +126 -0
- package/dist/chunk-XKKFSFYO.js +93 -0
- package/dist/chunk-XO7TBM47.js +32 -0
- package/dist/chunk-YDYDGG5K.js +132 -0
- package/dist/chunk-YMJOUYMT.js +171 -0
- package/dist/chunk-Z2WION42.js +32 -0
- package/dist/chunk-ZFKSVEYW.js +35 -0
- package/dist/components/blocks/AgentProfileGridBlock.js +8 -86
- package/dist/components/blocks/AgentRunOverviewBlock.js +8 -147
- package/dist/components/blocks/AgentWorkbenchBlock.js +15 -257
- package/dist/components/blocks/AudioVisualizerBlock.js +2 -50
- package/dist/components/blocks/AuthLayout.js +9 -73
- package/dist/components/blocks/BannerBlock.js +8 -66
- package/dist/components/blocks/BarChartBlock.js +5 -47
- package/dist/components/blocks/ChartBlock.js +7 -54
- package/dist/components/blocks/ChartCollectionBlock.js +11 -171
- package/dist/components/blocks/ChatLayout.js +12 -126
- package/dist/components/blocks/CreateBlock.js +9 -104
- package/dist/components/blocks/DataGridBlock.js +9 -117
- package/dist/components/blocks/DirectoryBlock.js +12 -85
- package/dist/components/blocks/FeatureGridBlock.js +6 -56
- package/dist/components/blocks/GalleryBlock.js +6 -69
- package/dist/components/blocks/HeroSectionBlock.js +10 -134
- package/dist/components/blocks/IntegrationsBlock.js +13 -94
- package/dist/components/blocks/InteractiveAreaChartBlock.js +5 -290
- package/dist/components/blocks/KanbanDemoBlock.js +8 -145
- package/dist/components/blocks/LogoCloud.js +4 -35
- package/dist/components/blocks/NavUser.js +5 -85
- package/dist/components/blocks/NotFoundBlock.js +8 -32
- package/dist/components/blocks/OnboardingBlock.js +7 -66
- package/dist/components/blocks/SettingsLayout.js +13 -86
- package/dist/components/blocks/SignUpBlock.js +8 -168
- package/dist/components/blocks/SolutionShowcaseBlock.js +11 -112
- package/dist/components/blocks/StatsBlock.js +6 -60
- package/dist/components/blocks/UsageDonutBlock.js +5 -79
- package/dist/components/blocks/WizardBlock.js +12 -93
- package/dist/components/blocks/user/InviteUserModal.js +10 -132
- package/dist/components/page-kits/AccountLockedPageKit.js +3 -40
- package/dist/components/page-kits/AgentsChatPageKit.js +11 -159
- package/dist/components/page-kits/AnalyticsPageKit.js +12 -150
- package/dist/components/page-kits/BlogContentPageKit.js +12 -167
- package/dist/components/page-kits/CheckoutPageKit.js +9 -83
- package/dist/components/page-kits/CompanySuitePageKit.js +9 -96
- package/dist/components/page-kits/DashboardPageKit.js +11 -149
- package/dist/components/page-kits/ErrorPageKit.js +5 -52
- package/dist/components/page-kits/KanbanBoardPageKit.js +7 -169
- package/dist/components/page-kits/LandingPageKit.js +11 -72
- package/dist/components/page-kits/LoginPageKit.js +3 -32
- package/dist/components/page-kits/OnboardingPageKit.js +6 -115
- package/dist/components/page-kits/PricingPageKit.js +12 -138
- package/dist/components/page-kits/ProfileSettingsPageKit.js +10 -164
- package/dist/components/page-kits/RecoveryPageKit.js +3 -42
- package/dist/components/page-kits/ResetPageKit.js +3 -36
- package/dist/components/page-kits/ServiceSuitePageKit.js +10 -175
- package/dist/components/page-kits/SignupPageKit.js +3 -30
- package/dist/components/page-kits/SuccessPageKit.js +4 -30
- package/dist/components/page-kits/TeamSettingsPageKit.js +9 -165
- package/dist/components/page-kits/TwoFactorPageKit.js +4 -28
- package/dist/components/page-kits/VerifyEmailPageKit.js +4 -30
- package/dist/components/page-kits/VoiceAgentsPageKit.js +13 -130
- package/dist/components/ui/CheckoutForm.js +5 -70
- package/eslint-rules/nadicode/config.js +1 -0
- package/eslint-rules/nadicode/data/catalog-names.json +93 -0
- package/eslint-rules/nadicode/index.js +2 -0
- package/eslint-rules/nadicode/rules/__tests__/require-catalog-component.test.js +77 -0
- package/eslint-rules/nadicode/rules/require-catalog-component.js +79 -0
- package/package.json +18 -25
- package/contracts/block-props-schemas.json +0 -2186
- package/contracts/component-props-schemas.json +0 -8322
- package/contracts/consumer-contract.json +0 -178
- package/contracts/page-kit-props-schemas.json +0 -1894
- package/contracts/public-surface-registry.json +0 -5822
- package/contracts/public-surface-registry.schema.json +0 -219
- package/contracts/spec-manifest.json +0 -46
- package/dist/catalog.json +0 -5221
|
@@ -1,62 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
import
|
|
2
|
+
export { FeatureGridBlock } from '../../chunk-Q5IYBNA7.js';
|
|
3
|
+
import '../../chunk-WI547C47.js';
|
|
4
|
+
import '../../chunk-AH6YSYYT.js';
|
|
4
5
|
import '../../chunk-PD2YEH3H.js';
|
|
5
6
|
import '../../chunk-CRY67BIF.js';
|
|
6
7
|
import '../../chunk-HJC6U46F.js';
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
8
|
+
import '../../chunk-FLF5AMNO.js';
|
|
9
|
+
import '../../chunk-CGUCH322.js';
|
|
10
|
+
import '../../chunk-OITJWGFV.js';
|
|
10
11
|
import '../../chunk-ASKFAYYR.js';
|
|
11
12
|
import '../../chunk-QYZT24TS.js';
|
|
12
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
13
|
-
|
|
14
|
-
var defaultFeatures = [
|
|
15
|
-
{
|
|
16
|
-
title: "Customizable",
|
|
17
|
-
description: "Extensive customization options, allowing you to tailor every aspect to meet your specific needs.",
|
|
18
|
-
icon: /* @__PURE__ */ jsx(ZapIcon, { size: 24, "aria-hidden": true })
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
title: "You have full control",
|
|
22
|
-
description: "From design elements to functionality, you have complete control to create a unique and personalized experience.",
|
|
23
|
-
icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 24, "aria-hidden": true })
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
title: "Powered By AI",
|
|
27
|
-
description: "Elements to functionality, you have complete control to create a unique experience.",
|
|
28
|
-
icon: /* @__PURE__ */ jsx(SparklesIcon, { size: 24, "aria-hidden": true })
|
|
29
|
-
}
|
|
30
|
-
];
|
|
31
|
-
function FeatureGridBlock({
|
|
32
|
-
title = "Built to cover your needs",
|
|
33
|
-
description = "Libero sapiente aliquam quibusdam aspernatur, praesentium iusto repellendus.",
|
|
34
|
-
features = defaultFeatures,
|
|
35
|
-
className
|
|
36
|
-
} = {}) {
|
|
37
|
-
return /* @__PURE__ */ jsx("section", { className: className ?? "bg-background py-16 md:py-32 dark:bg-transparent", children: /* @__PURE__ */ jsxs("div", { className: "@container mx-auto max-w-5xl px-6", children: [
|
|
38
|
-
/* @__PURE__ */ jsxs("div", { className: "text-center", children: [
|
|
39
|
-
/* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
|
|
40
|
-
/* @__PURE__ */ jsx("p", { className: "mt-4", children: description })
|
|
41
|
-
] }),
|
|
42
|
-
/* @__PURE__ */ jsx(Card, { className: "lg:max-w-full lg:grid-cols-3 lg:divide-x lg:divide-y-0 mx-auto mt-8 grid max-w-sm divide-y overflow-hidden shadow-sm *:text-center md:mt-16", children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: "group shadow-sm", children: [
|
|
43
|
-
/* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
|
|
44
|
-
/* @__PURE__ */ jsx(CardDecorator, { children: feature.icon }),
|
|
45
|
-
/* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "mt-6 font-medium", children: feature.title })
|
|
46
|
-
] }),
|
|
47
|
-
/* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm", children: feature.description }) })
|
|
48
|
-
] }, i)) })
|
|
49
|
-
] }) });
|
|
50
|
-
}
|
|
51
|
-
var CardDecorator = ({ children }) => /* @__PURE__ */ jsxs("div", { className: "mask-radial-from-40% mask-radial-to-60% relative mx-auto size-36 duration-200 [--color-border:color-mix(in_oklab,var(--color-text-primary)10%,transparent)] group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)] dark:[--color-border:color-mix(in_oklab,var(--color-text-primary)15%,transparent)] dark:group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)]", children: [
|
|
52
|
-
/* @__PURE__ */ jsx(
|
|
53
|
-
"div",
|
|
54
|
-
{
|
|
55
|
-
"aria-hidden": true,
|
|
56
|
-
className: "absolute inset-0 bg-[linear-gradient(to_right,var(--color-border)_1px,transparent_1px),linear-gradient(to_bottom,var(--color-border)_1px,transparent_1px)] bg-[size:24px_24px] dark:opacity-50"
|
|
57
|
-
}
|
|
58
|
-
),
|
|
59
|
-
/* @__PURE__ */ jsx("div", { className: "bg-background absolute inset-0 m-auto flex size-12 items-center justify-center border-l border-t", children })
|
|
60
|
-
] });
|
|
61
|
-
|
|
62
|
-
export { FeatureGridBlock };
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
export { GalleryBlock } from '../../chunk-FTGFOK6T.js';
|
|
3
|
+
import '../../chunk-N53OMWW2.js';
|
|
4
|
+
import '../../chunk-WI547C47.js';
|
|
5
|
+
import '../../chunk-W73JAOHW.js';
|
|
6
|
+
import '../../chunk-I23DDSU7.js';
|
|
6
7
|
import '../../chunk-KRBLVZII.js';
|
|
7
8
|
import '../../chunk-6FOHUNXR.js';
|
|
8
9
|
import '../../chunk-PD2YEH3H.js';
|
|
@@ -120,68 +121,4 @@ import '../../chunk-NURPUVUV.js';
|
|
|
120
121
|
import '../../chunk-TV4RSQH4.js';
|
|
121
122
|
import '../../chunk-HJBXUXTD.js';
|
|
122
123
|
import '../../chunk-ASKFAYYR.js';
|
|
123
|
-
import
|
|
124
|
-
import Image from 'next/image';
|
|
125
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
126
|
-
|
|
127
|
-
var defaultImages = [
|
|
128
|
-
{ src: "https://picsum.photos/seed/a/600/400", alt: "Abstract gradient", caption: "Design exploration #1" },
|
|
129
|
-
{ src: "https://picsum.photos/seed/b/600/600", alt: "Dark interface", caption: "Dashboard concept" },
|
|
130
|
-
{ src: "https://picsum.photos/seed/c/600/400", alt: "Color study", caption: "Arctic Glow palette study" },
|
|
131
|
-
{ src: "https://picsum.photos/seed/d/600/500", alt: "Typography layout", caption: "Type specimen" },
|
|
132
|
-
{ src: "https://picsum.photos/seed/e/600/400", alt: "Component grid", caption: "Component inventory" },
|
|
133
|
-
{ src: "https://picsum.photos/seed/f/600/600", alt: "Icon set", caption: "Animated icons showcase" }
|
|
134
|
-
];
|
|
135
|
-
function GalleryBlock({
|
|
136
|
-
images = defaultImages,
|
|
137
|
-
columns = 3,
|
|
138
|
-
title = "Gallery",
|
|
139
|
-
className
|
|
140
|
-
}) {
|
|
141
|
-
return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl px-6", children: [
|
|
142
|
-
!!title && /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-8 text-text-primary", children: title }) }),
|
|
143
|
-
/* @__PURE__ */ jsx(
|
|
144
|
-
"div",
|
|
145
|
-
{
|
|
146
|
-
className: "grid gap-4",
|
|
147
|
-
style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` },
|
|
148
|
-
children: images.map((image, index) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: index * 0.05, children: /* @__PURE__ */ jsxs(Dialog, { children: [
|
|
149
|
-
/* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
|
|
150
|
-
"button",
|
|
151
|
-
{
|
|
152
|
-
className: "group relative w-full overflow-hidden rounded-lg border border-border bg-surface focus-visible:ring-1 focus-visible:ring-accent focus-visible:outline-none",
|
|
153
|
-
children: [
|
|
154
|
-
/* @__PURE__ */ jsx("div", { className: "relative aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ jsx(
|
|
155
|
-
Image,
|
|
156
|
-
{
|
|
157
|
-
src: image.src,
|
|
158
|
-
alt: image.alt,
|
|
159
|
-
className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105",
|
|
160
|
-
fill: true,
|
|
161
|
-
sizes: "(max-width: 768px) 100vw, 33vw"
|
|
162
|
-
}
|
|
163
|
-
) }),
|
|
164
|
-
image.caption && /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-overlay/80 to-transparent px-4 py-2", children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-overlay-foreground", children: image.caption }) })
|
|
165
|
-
]
|
|
166
|
-
}
|
|
167
|
-
) }),
|
|
168
|
-
/* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl p-0 overflow-hidden", children: [
|
|
169
|
-
/* @__PURE__ */ jsx(
|
|
170
|
-
Image,
|
|
171
|
-
{
|
|
172
|
-
src: image.src,
|
|
173
|
-
alt: image.alt,
|
|
174
|
-
className: "w-full",
|
|
175
|
-
width: 600,
|
|
176
|
-
height: 400
|
|
177
|
-
}
|
|
178
|
-
),
|
|
179
|
-
image.caption && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-text-primary", children: image.caption }) })
|
|
180
|
-
] })
|
|
181
|
-
] }) }, index))
|
|
182
|
-
}
|
|
183
|
-
)
|
|
184
|
-
] }) });
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
export { GalleryBlock };
|
|
124
|
+
import '../../chunk-QYZT24TS.js';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
import
|
|
2
|
+
export { HeroSectionBlock } from '../../chunk-ALA6OM7K.js';
|
|
3
|
+
import '../../chunk-QQOWC53X.js';
|
|
4
|
+
import '../../chunk-WOYBVPXK.js';
|
|
4
5
|
import '../../chunk-G5EO22OR.js';
|
|
5
6
|
import '../../chunk-OHX2LFAH.js';
|
|
6
7
|
import '../../chunk-SGI25ZJ6.js';
|
|
@@ -8,17 +9,17 @@ import '../../chunk-ANBJ2OLC.js';
|
|
|
8
9
|
import '../../chunk-LV4LBWCS.js';
|
|
9
10
|
import '../../chunk-XZ3A33GP.js';
|
|
10
11
|
import '../../chunk-F3T2U7YL.js';
|
|
11
|
-
import
|
|
12
|
+
import '../../chunk-6DYFX5IR.js';
|
|
12
13
|
import '../../chunk-EB5PYS7Q.js';
|
|
13
14
|
import '../../chunk-HOWTYZL5.js';
|
|
14
|
-
import
|
|
15
|
+
import '../../chunk-3UJ3HJZ3.js';
|
|
15
16
|
import '../../chunk-ULLTRLBD.js';
|
|
16
17
|
import '../../chunk-4O6L5YWT.js';
|
|
17
18
|
import '../../chunk-GHIBG7OM.js';
|
|
18
|
-
import
|
|
19
|
-
import
|
|
19
|
+
import '../../chunk-WI547C47.js';
|
|
20
|
+
import '../../chunk-IFIDWZ5M.js';
|
|
20
21
|
import '../../chunk-A7NUWD76.js';
|
|
21
|
-
import
|
|
22
|
+
import '../../chunk-7KIDDF3I.js';
|
|
22
23
|
import '../../chunk-6FOHUNXR.js';
|
|
23
24
|
import '../../chunk-PD2YEH3H.js';
|
|
24
25
|
import '../../chunk-CRY67BIF.js';
|
|
@@ -120,7 +121,7 @@ import '../../chunk-WFJQ43SM.js';
|
|
|
120
121
|
import '../../chunk-AP5Y5M3R.js';
|
|
121
122
|
import '../../chunk-Q7LVUGFL.js';
|
|
122
123
|
import '../../chunk-G5YLGJXR.js';
|
|
123
|
-
import
|
|
124
|
+
import '../../chunk-G24VV5NO.js';
|
|
124
125
|
import '../../chunk-R3AO6AZM.js';
|
|
125
126
|
import '../../chunk-GCUTJI7M.js';
|
|
126
127
|
import '../../chunk-CXACRCZ4.js';
|
|
@@ -135,129 +136,4 @@ import '../../chunk-NURPUVUV.js';
|
|
|
135
136
|
import '../../chunk-TV4RSQH4.js';
|
|
136
137
|
import '../../chunk-HJBXUXTD.js';
|
|
137
138
|
import '../../chunk-ASKFAYYR.js';
|
|
138
|
-
import
|
|
139
|
-
import Link from 'next/link';
|
|
140
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
141
|
-
|
|
142
|
-
var defaultFlipWords = ["scalable", "accessible", "beautiful", "performant"];
|
|
143
|
-
var defaultPrimaryAction = { label: "Start Building", href: "#link" };
|
|
144
|
-
var defaultSecondaryAction = { label: "Request a demo", href: "#link" };
|
|
145
|
-
var defaultLogos = LOCAL_HERO_LOGOS;
|
|
146
|
-
function heightClass(h) {
|
|
147
|
-
const n = parseInt(h, 10);
|
|
148
|
-
if (n <= 16) return "h-4";
|
|
149
|
-
if (n <= 20) return "h-5";
|
|
150
|
-
if (n <= 24) return "h-6";
|
|
151
|
-
return "h-7";
|
|
152
|
-
}
|
|
153
|
-
function HeroSectionBlock({
|
|
154
|
-
headline = "Build 10x Faster with NS",
|
|
155
|
-
flipWords = defaultFlipWords,
|
|
156
|
-
primaryAction = defaultPrimaryAction,
|
|
157
|
-
secondaryAction = defaultSecondaryAction,
|
|
158
|
-
logos = defaultLogos,
|
|
159
|
-
className
|
|
160
|
-
}) {
|
|
161
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
162
|
-
/* @__PURE__ */ jsx(HeaderBlock, {}),
|
|
163
|
-
/* @__PURE__ */ jsxs("main", { className: className ?? "overflow-x-hidden", children: [
|
|
164
|
-
/* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "py-24 md:pb-32 lg:pb-36 lg:pt-72", children: [
|
|
165
|
-
/* @__PURE__ */ jsx("div", { className: "relative mx-auto flex max-w-7xl flex-col px-6 lg:block lg:px-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center lg:ml-0 lg:max-w-full lg:text-left", children: [
|
|
166
|
-
/* @__PURE__ */ jsx(Heading, { level: 1, size: "display", className: "mt-8 max-w-2xl text-5xl md:text-6xl lg:mt-16 xl:text-7xl", children: headline }),
|
|
167
|
-
/* @__PURE__ */ jsxs("p", { className: "mt-8 max-w-2xl text-balance text-lg", children: [
|
|
168
|
-
"Highly customizable components that are",
|
|
169
|
-
" ",
|
|
170
|
-
/* @__PURE__ */ jsx(
|
|
171
|
-
FlipWords,
|
|
172
|
-
{
|
|
173
|
-
words: flipWords,
|
|
174
|
-
interval: 3e3,
|
|
175
|
-
className: "text-accent"
|
|
176
|
-
}
|
|
177
|
-
)
|
|
178
|
-
] }),
|
|
179
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-12 flex flex-col items-center justify-center gap-2 sm:flex-row lg:justify-start", children: [
|
|
180
|
-
/* @__PURE__ */ jsx(
|
|
181
|
-
Button,
|
|
182
|
-
{
|
|
183
|
-
asChild: true,
|
|
184
|
-
size: "lg",
|
|
185
|
-
className: "h-12 rounded-full pl-6 pr-4 text-base",
|
|
186
|
-
children: /* @__PURE__ */ jsxs(Link, { href: primaryAction.href, children: [
|
|
187
|
-
/* @__PURE__ */ jsx("span", { className: "text-nowrap", children: primaryAction.label }),
|
|
188
|
-
/* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, className: "ml-1.5" })
|
|
189
|
-
] })
|
|
190
|
-
}
|
|
191
|
-
),
|
|
192
|
-
/* @__PURE__ */ jsx(
|
|
193
|
-
Button,
|
|
194
|
-
{
|
|
195
|
-
asChild: true,
|
|
196
|
-
size: "lg",
|
|
197
|
-
variant: "ghost",
|
|
198
|
-
className: "h-12 rounded-full px-6 text-base hover:bg-surface-hover",
|
|
199
|
-
children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: secondaryAction.label }) })
|
|
200
|
-
},
|
|
201
|
-
2
|
|
202
|
-
)
|
|
203
|
-
] })
|
|
204
|
-
] }) }),
|
|
205
|
-
/* @__PURE__ */ jsxs(
|
|
206
|
-
"div",
|
|
207
|
-
{
|
|
208
|
-
"aria-hidden": "true",
|
|
209
|
-
className: "absolute inset-1.5 -z-10 overflow-hidden rounded-3xl border border-border/50 bg-[radial-gradient(circle_at_top_left,rgba(255,255,255,0.12),transparent_34%),radial-gradient(circle_at_bottom_right,rgba(59,130,246,0.18),transparent_30%),linear-gradient(135deg,rgba(15,23,42,0.98),rgba(30,41,59,0.94))] lg:rounded-[3rem]",
|
|
210
|
-
children: [
|
|
211
|
-
/* @__PURE__ */ jsx("div", { className: "absolute inset-x-10 top-10 h-24 rounded-full bg-accent/20 blur-3xl" }),
|
|
212
|
-
/* @__PURE__ */ jsx("div", { className: "absolute left-8 top-16 size-40 rounded-full border border-foreground/10 bg-foreground/5 blur-[1px]" }),
|
|
213
|
-
/* @__PURE__ */ jsx("div", { className: "absolute right-10 bottom-10 size-48 rounded-full border border-accent/20 bg-accent/10 blur-[1px]" }),
|
|
214
|
-
/* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,rgba(255,255,255,0.03)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.03)_1px,transparent_1px)] bg-[size:48px_48px] opacity-40" })
|
|
215
|
-
]
|
|
216
|
-
}
|
|
217
|
-
)
|
|
218
|
-
] }) }),
|
|
219
|
-
/* @__PURE__ */ jsx("section", { className: "bg-background pb-2", children: /* @__PURE__ */ jsx("div", { className: "group relative m-auto max-w-7xl px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:flex-row", children: [
|
|
220
|
-
/* @__PURE__ */ jsx("div", { className: "md:max-w-44 md:border-r md:pr-6", children: /* @__PURE__ */ jsx("p", { className: "text-end text-sm", children: "Powering the best teams" }) }),
|
|
221
|
-
/* @__PURE__ */ jsxs("div", { className: "relative py-6 md:w-[calc(100%-11rem)]", children: [
|
|
222
|
-
/* @__PURE__ */ jsx(
|
|
223
|
-
InfiniteSlider,
|
|
224
|
-
{
|
|
225
|
-
speed: 40,
|
|
226
|
-
gap: 112,
|
|
227
|
-
children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(
|
|
228
|
-
"img",
|
|
229
|
-
{
|
|
230
|
-
className: cn("mx-auto w-fit dark:invert", heightClass(logo.height)),
|
|
231
|
-
src: logo.src,
|
|
232
|
-
alt: logo.alt,
|
|
233
|
-
height: logo.height,
|
|
234
|
-
width: "auto"
|
|
235
|
-
}
|
|
236
|
-
) }, logo.alt))
|
|
237
|
-
}
|
|
238
|
-
),
|
|
239
|
-
/* @__PURE__ */ jsx("div", { className: "bg-linear-to-r from-background absolute inset-y-0 left-0 w-20" }),
|
|
240
|
-
/* @__PURE__ */ jsx("div", { className: "bg-linear-to-l from-background absolute inset-y-0 right-0 w-20" }),
|
|
241
|
-
/* @__PURE__ */ jsx(
|
|
242
|
-
ProgressiveBlur,
|
|
243
|
-
{
|
|
244
|
-
className: "pointer-events-none absolute left-0 top-0 h-full w-20",
|
|
245
|
-
direction: "left",
|
|
246
|
-
blurIntensity: 1
|
|
247
|
-
}
|
|
248
|
-
),
|
|
249
|
-
/* @__PURE__ */ jsx(
|
|
250
|
-
ProgressiveBlur,
|
|
251
|
-
{
|
|
252
|
-
className: "pointer-events-none absolute right-0 top-0 h-full w-20",
|
|
253
|
-
direction: "right",
|
|
254
|
-
blurIntensity: 1
|
|
255
|
-
}
|
|
256
|
-
)
|
|
257
|
-
] })
|
|
258
|
-
] }) }) })
|
|
259
|
-
] })
|
|
260
|
-
] });
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
export { HeroSectionBlock };
|
|
139
|
+
import '../../chunk-QYZT24TS.js';
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
export { IntegrationsBlock } from '../../chunk-6HGSU24S.js';
|
|
2
3
|
import '../../chunk-3ZDYYZDD.js';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
4
|
+
import '../../chunk-H466RJCI.js';
|
|
5
|
+
import '../../chunk-DT6DGTVW.js';
|
|
6
|
+
import '../../chunk-J5DRK4RF.js';
|
|
7
|
+
import '../../chunk-TSVN5A2F.js';
|
|
8
|
+
import '../../chunk-PX2WVDDB.js';
|
|
9
|
+
import '../../chunk-BZYMCJHW.js';
|
|
10
|
+
import '../../chunk-DQPK2XRL.js';
|
|
11
|
+
import '../../chunk-WI547C47.js';
|
|
12
|
+
import '../../chunk-I23DDSU7.js';
|
|
13
|
+
import '../../chunk-AH6YSYYT.js';
|
|
14
|
+
import '../../chunk-7KIDDF3I.js';
|
|
14
15
|
import '../../chunk-PD2YEH3H.js';
|
|
15
16
|
import '../../chunk-CRY67BIF.js';
|
|
16
17
|
import '../../chunk-HJC6U46F.js';
|
|
@@ -111,7 +112,7 @@ import '../../chunk-WFJQ43SM.js';
|
|
|
111
112
|
import '../../chunk-AP5Y5M3R.js';
|
|
112
113
|
import '../../chunk-Q7LVUGFL.js';
|
|
113
114
|
import '../../chunk-G5YLGJXR.js';
|
|
114
|
-
import
|
|
115
|
+
import '../../chunk-G24VV5NO.js';
|
|
115
116
|
import '../../chunk-R3AO6AZM.js';
|
|
116
117
|
import '../../chunk-GCUTJI7M.js';
|
|
117
118
|
import '../../chunk-CXACRCZ4.js';
|
|
@@ -127,85 +128,3 @@ import '../../chunk-TV4RSQH4.js';
|
|
|
127
128
|
import '../../chunk-HJBXUXTD.js';
|
|
128
129
|
import '../../chunk-ASKFAYYR.js';
|
|
129
130
|
import '../../chunk-QYZT24TS.js';
|
|
130
|
-
import Link from 'next/link';
|
|
131
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
132
|
-
|
|
133
|
-
var defaultIntegrations = [
|
|
134
|
-
{
|
|
135
|
-
title: "Google Gemini",
|
|
136
|
-
description: "Advanced multimodal AI for reasoning, code generation, and creative tasks.",
|
|
137
|
-
icon: /* @__PURE__ */ jsx(Gemini, {})
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
title: "Replit",
|
|
141
|
-
description: "Cloud-based IDE with real-time collaboration and instant deployment.",
|
|
142
|
-
icon: /* @__PURE__ */ jsx(Replit, {})
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
title: "Magic UI",
|
|
146
|
-
description: "Beautiful animated components to elevate your interface design.",
|
|
147
|
-
icon: /* @__PURE__ */ jsx(MagicUI, {})
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
title: "VSCodium",
|
|
151
|
-
description: "Open-source code editor with full extension ecosystem support.",
|
|
152
|
-
icon: /* @__PURE__ */ jsx(VSCodium, {})
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
title: "MediaWiki",
|
|
156
|
-
description: "Structured knowledge management with powerful search and versioning.",
|
|
157
|
-
icon: /* @__PURE__ */ jsx(MediaWiki, {})
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
title: "Google PaLM",
|
|
161
|
-
description: "Large language model API for text generation and understanding.",
|
|
162
|
-
icon: /* @__PURE__ */ jsx(GooglePaLM, {})
|
|
163
|
-
}
|
|
164
|
-
];
|
|
165
|
-
function IntegrationsBlock({
|
|
166
|
-
title = "Integrate with your favorite tools",
|
|
167
|
-
description = "Connect seamlessly with popular platforms and services to enhance your workflow.",
|
|
168
|
-
integrations = defaultIntegrations,
|
|
169
|
-
className
|
|
170
|
-
} = {}) {
|
|
171
|
-
return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className, children: /* @__PURE__ */ jsx("div", { className: "py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
|
|
172
|
-
/* @__PURE__ */ jsxs("div", { className: "text-center", children: [
|
|
173
|
-
/* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "md:text-4xl", children: title }),
|
|
174
|
-
/* @__PURE__ */ jsx("p", { className: "text-text-tertiary mt-6", children: description })
|
|
175
|
-
] }),
|
|
176
|
-
/* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 80, className: "mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: integrations.map((integration, i) => /* @__PURE__ */ jsx(
|
|
177
|
-
IntegrationCard,
|
|
178
|
-
{
|
|
179
|
-
title: integration.title,
|
|
180
|
-
description: integration.description,
|
|
181
|
-
link: integration.link,
|
|
182
|
-
children: integration.icon
|
|
183
|
-
},
|
|
184
|
-
i
|
|
185
|
-
)) })
|
|
186
|
-
] }) }) }) });
|
|
187
|
-
}
|
|
188
|
-
var IntegrationCard = ({ title, description, children, link = "https://github.com/meschacirung/cnblocks" }) => {
|
|
189
|
-
return /* @__PURE__ */ jsx(Card, { className: "p-6", interactive: true, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
190
|
-
/* @__PURE__ */ jsx("div", { className: "*:size-10", children }),
|
|
191
|
-
/* @__PURE__ */ jsxs("div", { className: "space-y-2 py-6", children: [
|
|
192
|
-
/* @__PURE__ */ jsx(Heading, { level: 3, size: "eyebrow", children: title }),
|
|
193
|
-
/* @__PURE__ */ jsx("p", { className: "text-text-tertiary line-clamp-2 text-sm", children: description })
|
|
194
|
-
] }),
|
|
195
|
-
/* @__PURE__ */ jsx("div", { className: "flex gap-4 border-t border-dashed pt-6", children: /* @__PURE__ */ jsx(
|
|
196
|
-
Button,
|
|
197
|
-
{
|
|
198
|
-
asChild: true,
|
|
199
|
-
variant: "secondary",
|
|
200
|
-
size: "sm",
|
|
201
|
-
className: "gap-1.5 pr-2 shadow-none",
|
|
202
|
-
children: /* @__PURE__ */ jsxs(Link, { href: link, children: [
|
|
203
|
-
"Learn More",
|
|
204
|
-
/* @__PURE__ */ jsx(ChevronRightIcon, { size: 14, className: "ml-0 opacity-50" })
|
|
205
|
-
] })
|
|
206
|
-
}
|
|
207
|
-
) })
|
|
208
|
-
] }) });
|
|
209
|
-
};
|
|
210
|
-
|
|
211
|
-
export { IntegrationsBlock };
|