@nextworks/blocks-templates 0.1.0-alpha.11 → 0.1.0-alpha.13
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/package.json +3 -3
- package/dist/index.d.ts +0 -5
- package/dist/templates/digitalagency/Page.d.ts +0 -3
- package/dist/templates/digitalagency/Page.js +0 -18
- package/dist/templates/digitalagency/PresetThemeVars.d.ts +0 -11
- package/dist/templates/digitalagency/PresetThemeVars.js +0 -29
- package/dist/templates/digitalagency/components/About.d.ts +0 -3
- package/dist/templates/digitalagency/components/About.js +0 -45
- package/dist/templates/digitalagency/components/CTA.d.ts +0 -3
- package/dist/templates/digitalagency/components/CTA.js +0 -33
- package/dist/templates/digitalagency/components/Contact.d.ts +0 -3
- package/dist/templates/digitalagency/components/Contact.js +0 -91
- package/dist/templates/digitalagency/components/Footer.d.ts +0 -8
- package/dist/templates/digitalagency/components/Footer.js +0 -58
- package/dist/templates/digitalagency/components/Hero.d.ts +0 -7
- package/dist/templates/digitalagency/components/Hero.js +0 -69
- package/dist/templates/digitalagency/components/Navbar.d.ts +0 -21
- package/dist/templates/digitalagency/components/Navbar.js +0 -86
- package/dist/templates/digitalagency/components/NetworkPattern.d.ts +0 -8
- package/dist/templates/digitalagency/components/NetworkPattern.js +0 -38
- package/dist/templates/digitalagency/components/Portfolio.d.ts +0 -3
- package/dist/templates/digitalagency/components/Portfolio.js +0 -108
- package/dist/templates/digitalagency/components/Pricing.d.ts +0 -3
- package/dist/templates/digitalagency/components/Pricing.js +0 -82
- package/dist/templates/digitalagency/components/Process.d.ts +0 -3
- package/dist/templates/digitalagency/components/Process.js +0 -38
- package/dist/templates/digitalagency/components/Services.d.ts +0 -3
- package/dist/templates/digitalagency/components/Services.js +0 -34
- package/dist/templates/digitalagency/components/Team.d.ts +0 -3
- package/dist/templates/digitalagency/components/Team.js +0 -14
- package/dist/templates/digitalagency/components/Testimonials.d.ts +0 -3
- package/dist/templates/digitalagency/components/Testimonials.js +0 -38
- package/dist/templates/gallery/PresetThemeVars.d.ts +0 -15
- package/dist/templates/gallery/PresetThemeVars.js +0 -31
- package/dist/templates/gallery/page.d.ts +0 -2
- package/dist/templates/gallery/page.js +0 -151
- package/dist/templates/productlaunch/Page.d.ts +0 -2
- package/dist/templates/productlaunch/Page.js +0 -20
- package/dist/templates/productlaunch/PresetThemeVars.d.ts +0 -16
- package/dist/templates/productlaunch/PresetThemeVars.js +0 -28
- package/dist/templates/productlaunch/components/About.d.ts +0 -15
- package/dist/templates/productlaunch/components/About.js +0 -59
- package/dist/templates/productlaunch/components/CTA.d.ts +0 -3
- package/dist/templates/productlaunch/components/CTA.js +0 -39
- package/dist/templates/productlaunch/components/Contact.d.ts +0 -3
- package/dist/templates/productlaunch/components/Contact.js +0 -93
- package/dist/templates/productlaunch/components/FAQ.d.ts +0 -7
- package/dist/templates/productlaunch/components/FAQ.js +0 -64
- package/dist/templates/productlaunch/components/Features.d.ts +0 -6
- package/dist/templates/productlaunch/components/Features.js +0 -52
- package/dist/templates/productlaunch/components/Footer.d.ts +0 -5
- package/dist/templates/productlaunch/components/Footer.js +0 -103
- package/dist/templates/productlaunch/components/Hero.d.ts +0 -6
- package/dist/templates/productlaunch/components/Hero.js +0 -70
- package/dist/templates/productlaunch/components/Navbar.d.ts +0 -25
- package/dist/templates/productlaunch/components/Navbar.js +0 -82
- package/dist/templates/productlaunch/components/Pricing.d.ts +0 -5
- package/dist/templates/productlaunch/components/Pricing.js +0 -77
- package/dist/templates/productlaunch/components/ProcessTimeline.d.ts +0 -5
- package/dist/templates/productlaunch/components/ProcessTimeline.js +0 -63
- package/dist/templates/productlaunch/components/ServicesGrid.d.ts +0 -5
- package/dist/templates/productlaunch/components/ServicesGrid.js +0 -41
- package/dist/templates/productlaunch/components/Team.d.ts +0 -5
- package/dist/templates/productlaunch/components/Team.js +0 -72
- package/dist/templates/productlaunch/components/Testimonials.d.ts +0 -5
- package/dist/templates/productlaunch/components/Testimonials.js +0 -55
- package/dist/templates/productlaunch/components/TrustBadges.d.ts +0 -5
- package/dist/templates/productlaunch/components/TrustBadges.js +0 -50
- package/dist/templates/saasdashboard/Page.d.ts +0 -2
- package/dist/templates/saasdashboard/Page.js +0 -15
- package/dist/templates/saasdashboard/PresetThemeVars.d.ts +0 -11
- package/dist/templates/saasdashboard/PresetThemeVars.js +0 -27
- package/dist/templates/saasdashboard/components/Contact.d.ts +0 -3
- package/dist/templates/saasdashboard/components/Contact.js +0 -83
- package/dist/templates/saasdashboard/components/Dashboard.d.ts +0 -21
- package/dist/templates/saasdashboard/components/Dashboard.js +0 -120
- package/dist/templates/saasdashboard/components/FAQ.d.ts +0 -2
- package/dist/templates/saasdashboard/components/FAQ.js +0 -35
- package/dist/templates/saasdashboard/components/Features.d.ts +0 -2
- package/dist/templates/saasdashboard/components/Features.js +0 -55
- package/dist/templates/saasdashboard/components/Footer.d.ts +0 -2
- package/dist/templates/saasdashboard/components/Footer.js +0 -52
- package/dist/templates/saasdashboard/components/Hero.d.ts +0 -2
- package/dist/templates/saasdashboard/components/Hero.js +0 -65
- package/dist/templates/saasdashboard/components/Hero_mask.d.ts +0 -3
- package/dist/templates/saasdashboard/components/Hero_mask.js +0 -73
- package/dist/templates/saasdashboard/components/Navbar.d.ts +0 -25
- package/dist/templates/saasdashboard/components/Navbar.js +0 -83
- package/dist/templates/saasdashboard/components/Pricing.d.ts +0 -2
- package/dist/templates/saasdashboard/components/Pricing.js +0 -65
- package/dist/templates/saasdashboard/components/SmoothScroll.d.ts +0 -2
- package/dist/templates/saasdashboard/components/SmoothScroll.js +0 -87
- package/dist/templates/saasdashboard/components/Testimonials.d.ts +0 -2
- package/dist/templates/saasdashboard/components/Testimonials.js +0 -35
- package/dist/templates/saasdashboard/components/TrustBadges.d.ts +0 -2
- package/dist/templates/saasdashboard/components/TrustBadges.js +0 -37
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
// app/templates/productlaunch/components/Navbar.tsx
|
|
2
|
-
"use client";
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
|
|
5
|
-
const defaultProps = {
|
|
6
|
-
brand: "IntelliOpAI",
|
|
7
|
-
menuItems: [
|
|
8
|
-
{ label: "Home", href: "#home" },
|
|
9
|
-
{ label: "Features", href: "#features" },
|
|
10
|
-
{ label: "Pricing", href: "#pricing" },
|
|
11
|
-
{ label: "FAQ", href: "#faq" },
|
|
12
|
-
{ label: "Contact", href: "#contact" },
|
|
13
|
-
],
|
|
14
|
-
ctaButton: null,
|
|
15
|
-
showColorModeToggle: true,
|
|
16
|
-
navHeight: "h-16",
|
|
17
|
-
sticky: true,
|
|
18
|
-
ariaLabel: "IntelliOpAI main navigation",
|
|
19
|
-
// Top-level className is left empty so page-level overrides can add layout constraints if needed.
|
|
20
|
-
className: "",
|
|
21
|
-
// Style slots tuned for the purple theme
|
|
22
|
-
nav: {
|
|
23
|
-
className: "bg-white dark:bg-gray-900 text-gray-800 dark:text-white border-b border-gray-200 dark:border-gray-800 " +
|
|
24
|
-
// Accent variables for this preset (read by toggle, links, mobile links)
|
|
25
|
-
"[--navbar-accent:theme(colors.purple.600)] dark:[--navbar-accent:theme(colors.purple.400)] " +
|
|
26
|
-
"[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
|
|
27
|
-
"[--navbar-hover-bg:theme(colors.purple.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.17 0.05 324) 20%, transparent)] " +
|
|
28
|
-
"[--navbar-ring:theme(colors.purple.500)] dark:[--navbar-ring:theme(colors.purple.400)] " +
|
|
29
|
-
"[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
|
|
30
|
-
},
|
|
31
|
-
brandText: {
|
|
32
|
-
className: "text-xl md:text-2xl font-bold font-outfit text-purple-700 dark:text-purple-500",
|
|
33
|
-
},
|
|
34
|
-
links: {
|
|
35
|
-
className: "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-purple-700 dark:hover:text-purple-500 " +
|
|
36
|
-
"focus:ring-[var(--navbar-ring)]",
|
|
37
|
-
},
|
|
38
|
-
// Preset keeps CTA hidden; if you enable it, these defaults give a subtle lift effect
|
|
39
|
-
ctaButtonStyle: {
|
|
40
|
-
variant: "default",
|
|
41
|
-
size: "default",
|
|
42
|
-
className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
|
|
43
|
-
},
|
|
44
|
-
mobileMenu: {
|
|
45
|
-
className: "border-t border-gray-200 dark:border-gray-800",
|
|
46
|
-
},
|
|
47
|
-
container: {
|
|
48
|
-
className: "max-w-7xl mx-auto",
|
|
49
|
-
},
|
|
50
|
-
brandWrapper: {
|
|
51
|
-
className: "", // base layout is provided by SharedNavbar; override here if needed
|
|
52
|
-
},
|
|
53
|
-
desktopMenu: {
|
|
54
|
-
className: "hidden items-center space-x-1 md:flex lg:space-x-6",
|
|
55
|
-
},
|
|
56
|
-
toggleButton: {
|
|
57
|
-
className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
|
|
58
|
-
"hover:bg-purple-50 dark:hover:bg-purple-900/20 " +
|
|
59
|
-
"focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400",
|
|
60
|
-
},
|
|
61
|
-
colorModeWrapper: {
|
|
62
|
-
className: "ml-2",
|
|
63
|
-
},
|
|
64
|
-
// With variables above, ThemeToggle can rely on them; explicit override optional
|
|
65
|
-
// themeToggle: { ... }
|
|
66
|
-
ctaButtonWrapper: {
|
|
67
|
-
className: "ml-2",
|
|
68
|
-
},
|
|
69
|
-
mobileMenuInner: {
|
|
70
|
-
className: "space-y-2 px-4 pt-2 pb-4",
|
|
71
|
-
},
|
|
72
|
-
// Mobile links will read --navbar-hover-bg; explicit class optional
|
|
73
|
-
mobileLinks: {
|
|
74
|
-
className: "hover:bg-[var(--navbar-hover-bg)]",
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
export function Navbar(overrides = {}) {
|
|
78
|
-
// Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
|
|
79
|
-
// replaces the default for that slot. This keeps the API simple and predictable.
|
|
80
|
-
const props = Object.assign(Object.assign({}, defaultProps), overrides);
|
|
81
|
-
return _jsx(SharedNavbar, Object.assign({}, props));
|
|
82
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
|
|
4
|
-
/**
|
|
5
|
-
* Product Launch preset for Pricing wired to the upgraded shared Pricing component
|
|
6
|
-
*/
|
|
7
|
-
export function Pricing() {
|
|
8
|
-
return (_jsx(SharedPricing, { id: "pricing", pricingHeadingText: "Choose Your AI Plan", pricingPlans: [
|
|
9
|
-
{
|
|
10
|
-
pricingPlanHeaderText: "Starter",
|
|
11
|
-
pricingPlanPrice: "$29",
|
|
12
|
-
pricingPlanFeatures: [
|
|
13
|
-
"Up to 1,000 AI requests/month",
|
|
14
|
-
"Basic AI models access",
|
|
15
|
-
"Email support",
|
|
16
|
-
"Standard analytics",
|
|
17
|
-
"API access",
|
|
18
|
-
],
|
|
19
|
-
pricingPlanCTALabel: "Get Started",
|
|
20
|
-
pricingPlanCTAHref: "#contact",
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
pricingPlanHeaderText: "Professional",
|
|
24
|
-
pricingPlanPrice: "$99",
|
|
25
|
-
pricingPlanFeatures: [
|
|
26
|
-
"Up to 10,000 AI requests/month",
|
|
27
|
-
"Advanced AI models access",
|
|
28
|
-
"Priority support",
|
|
29
|
-
"Advanced analytics & insights",
|
|
30
|
-
"Full API access",
|
|
31
|
-
"Custom integrations",
|
|
32
|
-
"Team collaboration tools",
|
|
33
|
-
],
|
|
34
|
-
pricingPlanCTALabel: "Start Free Trial",
|
|
35
|
-
pricingPlanCTAHref: "#contact",
|
|
36
|
-
isPopular: true,
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
pricingPlanHeaderText: "Enterprise",
|
|
40
|
-
pricingPlanPrice: "Custom",
|
|
41
|
-
pricingPlanFeatures: [
|
|
42
|
-
"Unlimited AI requests",
|
|
43
|
-
"Premium AI models access",
|
|
44
|
-
"24/7 dedicated support",
|
|
45
|
-
"Custom analytics dashboard",
|
|
46
|
-
"White-label solutions",
|
|
47
|
-
"Custom model training",
|
|
48
|
-
"SLA guarantee",
|
|
49
|
-
"On-premise deployment",
|
|
50
|
-
],
|
|
51
|
-
pricingPlanCTALabel: "Contact Sales",
|
|
52
|
-
pricingPlanCTAHref: "#contact",
|
|
53
|
-
},
|
|
54
|
-
], section: {
|
|
55
|
-
className: "pt-20 pb-16 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-white",
|
|
56
|
-
}, container: { className: "max-w-7xl mx-auto px-6" }, heading: {
|
|
57
|
-
className: "text-3xl md:text-4xl lg:text-5xl font-bold text-center text-gray-800 dark:text-white mb-4 font-outfit",
|
|
58
|
-
}, grid: {
|
|
59
|
-
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-12",
|
|
60
|
-
}, card: {
|
|
61
|
-
className: "relative bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl shadow-lg hover:shadow-2xl hover:shadow-purple-500/20 transition-all duration-300 hover:-translate-y-2 hover:border-purple-300 dark:hover:border-purple-600",
|
|
62
|
-
}, header: {
|
|
63
|
-
className: "p-8 text-center border-b border-gray-200 dark:border-gray-700",
|
|
64
|
-
}, title: {
|
|
65
|
-
className: "text-xl md:text-2xl font-bold text-gray-800 dark:text-white mb-3 font-outfit",
|
|
66
|
-
}, price: {
|
|
67
|
-
className: "text-3xl md:text-4xl font-bold text-purple-600 dark:text-purple-400 mb-6 font-outfit",
|
|
68
|
-
}, features: { className: "p-8 space-y-4" }, featureItem: {
|
|
69
|
-
className: "flex items-center text-gray-600 dark:text-gray-300 text-sm md:text-base font-inter",
|
|
70
|
-
}, cta: {
|
|
71
|
-
variant: "default",
|
|
72
|
-
size: "lg",
|
|
73
|
-
className: "w-full font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0 [--btn-bg:theme(colors.purple.600)] hover:[--btn-hover-bg:theme(colors.purple.700)] [--btn-fg:white] hover:[--btn-hover-fg:white] [--btn-border:transparent]",
|
|
74
|
-
}, popularBadge: {
|
|
75
|
-
className: "absolute -top-4 left-1/2 transform -translate-x-1/2 bg-purple-600 text-white px-6 py-2 rounded-full text-sm font-medium font-inter shadow-lg",
|
|
76
|
-
}, ariaLabel: "IntelliOpAI pricing plans" }));
|
|
77
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ProcessTimeline as SharedProcessTimeline } from "@nextworks/blocks-sections";
|
|
4
|
-
/**
|
|
5
|
-
* Product Launch preset for ProcessTimeline wired to the upgraded shared ProcessTimeline component
|
|
6
|
-
*/
|
|
7
|
-
export function ProcessTimeline() {
|
|
8
|
-
const steps = [
|
|
9
|
-
{
|
|
10
|
-
stepNumber: 1,
|
|
11
|
-
title: "Instant AI Assessment",
|
|
12
|
-
description: "Get your personalized AI readiness report in minutes. Our intelligent system analyzes your data and identifies breakthrough opportunities.",
|
|
13
|
-
icon: "🧠",
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
stepNumber: 2,
|
|
17
|
-
title: "Smart AI Configuration",
|
|
18
|
-
description: "Our AI configures itself for your business. No coding required - just tell us your goals and watch the magic happen.",
|
|
19
|
-
icon: "⚙️",
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
stepNumber: 3,
|
|
23
|
-
title: "Real-time AI Training",
|
|
24
|
-
description: "Watch your AI learn and improve in real-time. Our breakthrough algorithms adapt to your data patterns instantly.",
|
|
25
|
-
icon: "🎯",
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
stepNumber: 4,
|
|
29
|
-
title: "Launch & Scale",
|
|
30
|
-
description: "Deploy your AI in minutes, not months. Continuous learning ensures your AI gets smarter every day.",
|
|
31
|
-
icon: "🚀",
|
|
32
|
-
},
|
|
33
|
-
];
|
|
34
|
-
return (_jsx(SharedProcessTimeline, { steps: steps, heading: "How AI Gets Done in Minutes", subheading: "Experience the future of AI deployment with our revolutionary 4-step process that transforms your business in real-time.", section: { className: "py-20 md:py-24 bg-white dark:bg-black" }, container: { className: "max-w-6xl mx-auto px-6 md:px-12" }, header: { className: "space-y-6 mb-16 md:mb-20 text-center" }, headingStyle: {
|
|
35
|
-
className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white leading-tight font-outfit",
|
|
36
|
-
}, subheadingStyle: {
|
|
37
|
-
className: "text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed font-inter",
|
|
38
|
-
}, timelineContainer: { className: "w-full max-w-5xl mx-auto" }, desktopTimeline: {
|
|
39
|
-
className: "hidden lg:flex justify-between items-start relative w-full",
|
|
40
|
-
}, connectingLine: {
|
|
41
|
-
className: "absolute top-8 left-15 right-15 h-1 bg-purple-300 dark:bg-purple-600 z-10",
|
|
42
|
-
}, stepContainer: {
|
|
43
|
-
className: "flex flex-col items-center space-y-6 flex-1 max-w-56 relative z-20",
|
|
44
|
-
}, stepCircle: {
|
|
45
|
-
className: "w-16 h-16 bg-gradient-to-br from-purple-600 to-purple-700 dark:from-purple-500 dark:to-purple-600 text-white font-bold text-2xl rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl hover:shadow-purple-500/50 transition-all duration-300 hover:-translate-y-1 hover:scale-110 relative z-30",
|
|
46
|
-
}, stepNumber: { className: "text-white font-bold text-2xl font-outfit" }, stepIcon: { className: "text-3xl md:text-4xl mb-3" }, stepContent: { className: "space-y-3 text-center" }, stepTitle: {
|
|
47
|
-
className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
|
|
48
|
-
}, stepDescription: {
|
|
49
|
-
className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
|
|
50
|
-
}, mobileTimeline: {
|
|
51
|
-
className: "flex lg:hidden flex-col space-y-10 w-full",
|
|
52
|
-
}, mobileStep: { className: "flex items-start relative" }, mobileVerticalLine: {
|
|
53
|
-
className: "absolute left-8 top-16 bottom-[-2.5rem] w-1 bg-purple-300 dark:bg-purple-600 z-10",
|
|
54
|
-
}, mobileStepCircle: {
|
|
55
|
-
className: "w-16 h-16 bg-purple-600 dark:bg-purple-500 text-white font-bold text-2xl rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl transition-all duration-300 hover:-translate-y-1 flex-shrink-0 mr-8 z-20",
|
|
56
|
-
}, mobileStepContent: {
|
|
57
|
-
className: "flex flex-col items-start space-y-4 flex-1 pt-2",
|
|
58
|
-
}, mobileStepIcon: { className: "text-3xl md:text-4xl" }, mobileStepTitle: {
|
|
59
|
-
className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
|
|
60
|
-
}, mobileStepDescription: {
|
|
61
|
-
className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
|
|
62
|
-
}, ariaLabel: "IntelliOpAI process timeline" }));
|
|
63
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ServicesGrid as SharedServicesGrid } from "@nextworks/blocks-sections";
|
|
4
|
-
/**
|
|
5
|
-
* Product Launch preset for ServicesGrid wired to the upgraded shared ServicesGrid component
|
|
6
|
-
*/
|
|
7
|
-
export function ServicesGrid() {
|
|
8
|
-
const servicesData = [
|
|
9
|
-
{
|
|
10
|
-
icon: "🤖",
|
|
11
|
-
title: "AI Automation Solutions",
|
|
12
|
-
description: "Streamline your business processes with intelligent automation that reduces manual work and increases efficiency by up to 80%.",
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
icon: "📊",
|
|
16
|
-
title: "Predictive Analytics",
|
|
17
|
-
description: "Make data-driven decisions with AI-powered insights that predict trends, optimize operations, and maximize ROI.",
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
icon: "💬",
|
|
21
|
-
title: "Intelligent Chatbots",
|
|
22
|
-
description: "Enhance customer experience with AI chatbots that provide instant, accurate responses 24/7 and reduce support costs.",
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
icon: "🔍",
|
|
26
|
-
title: "Smart Document Processing",
|
|
27
|
-
description: "Extract and analyze information from documents automatically, reducing processing time by 90% and improving accuracy.",
|
|
28
|
-
},
|
|
29
|
-
];
|
|
30
|
-
return (_jsx(SharedServicesGrid, { enableMotion: true, sectionHeading: "AI-Powered Solutions", servicesData: servicesData, section: { className: "py-20 md:py-24 lg:py-28 bg-white dark:bg-black" }, container: { className: "max-w-6xl mx-auto px-6 md:px-8 lg:px-12" }, heading: {
|
|
31
|
-
className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center mb-12 md:mb-16 font-outfit",
|
|
32
|
-
}, grid: { className: "grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-10" }, card: {
|
|
33
|
-
className: "bg-white dark:bg-gray-800 p-8 md:p-10 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 group",
|
|
34
|
-
}, cardContent: { className: "flex flex-col items-start h-full space-y-6" }, icon: {
|
|
35
|
-
className: "text-5xl md:text-6xl group-hover:scale-110 transition-transform duration-300",
|
|
36
|
-
}, title: {
|
|
37
|
-
className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
|
|
38
|
-
}, description: {
|
|
39
|
-
className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter flex-1",
|
|
40
|
-
}, ariaLabel: "IntelliOpAI services section" }));
|
|
41
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Team as SharedTeam } from "@nextworks/blocks-sections";
|
|
4
|
-
/**
|
|
5
|
-
* Product Launch preset for Team wired to the upgraded shared Team component
|
|
6
|
-
*/
|
|
7
|
-
export function Team() {
|
|
8
|
-
const teamMembers = [
|
|
9
|
-
{
|
|
10
|
-
name: "Dr. Sarah Chen",
|
|
11
|
-
role: "Chief AI Officer",
|
|
12
|
-
bio: "Leading AI researcher with 15+ years in machine learning and neural networks. PhD from MIT.",
|
|
13
|
-
avatar: "👩🔬",
|
|
14
|
-
socialLinks: [
|
|
15
|
-
{ platform: "LinkedIn", url: "#", icon: "💼" },
|
|
16
|
-
{ platform: "Twitter", url: "#", icon: "🐦" },
|
|
17
|
-
{ platform: "GitHub", url: "#", icon: "💻" },
|
|
18
|
-
],
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
name: "Marcus Rodriguez",
|
|
22
|
-
role: "Head of AI Engineering",
|
|
23
|
-
bio: "Full-stack AI engineer specializing in scalable ML systems and cloud infrastructure.",
|
|
24
|
-
avatar: "👨💻",
|
|
25
|
-
socialLinks: [
|
|
26
|
-
{ platform: "LinkedIn", url: "#", icon: "💼" },
|
|
27
|
-
{ platform: "GitHub", url: "#", icon: "💻" },
|
|
28
|
-
],
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
name: "Dr. Emily Watson",
|
|
32
|
-
role: "AI Research Director",
|
|
33
|
-
bio: "Expert in natural language processing and computer vision with 12+ years of research experience.",
|
|
34
|
-
avatar: "👩🎓",
|
|
35
|
-
socialLinks: [
|
|
36
|
-
{ platform: "LinkedIn", url: "#", icon: "💼" },
|
|
37
|
-
{ platform: "Twitter", url: "#", icon: "🐦" },
|
|
38
|
-
],
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
name: "Alex Kim",
|
|
42
|
-
role: "AI Product Manager",
|
|
43
|
-
bio: "Strategic leader focused on bringing AI solutions to market with deep understanding of business needs.",
|
|
44
|
-
avatar: "👨💼",
|
|
45
|
-
socialLinks: [
|
|
46
|
-
{ platform: "LinkedIn", url: "#", icon: "💼" },
|
|
47
|
-
{ platform: "Twitter", url: "#", icon: "🐦" },
|
|
48
|
-
],
|
|
49
|
-
},
|
|
50
|
-
];
|
|
51
|
-
return (_jsx(SharedTeam, { teamHeadingText: "Meet the AI Experts", teamSubheadingText: "Our world-class team of AI researchers, engineers, and strategists working to revolutionize your business with cutting-edge artificial intelligence.", teamMembers: teamMembers, section: {
|
|
52
|
-
className: "py-20 md:py-24 lg:py-28 bg-gray-50 dark:bg-gray-900",
|
|
53
|
-
}, container: { className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }, header: { className: "space-y-16 items-center" }, heading: {
|
|
54
|
-
className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center font-outfit",
|
|
55
|
-
}, subheading: {
|
|
56
|
-
className: "text-lg md:text-xl text-gray-600 dark:text-gray-300 opacity-90 leading-relaxed text-center max-w-4xl mx-auto font-inter",
|
|
57
|
-
}, grid: {
|
|
58
|
-
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-10 w-full",
|
|
59
|
-
}, card: {
|
|
60
|
-
className: "bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg text-center transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl group border border-gray-200 dark:border-gray-700",
|
|
61
|
-
}, cardContent: { className: "flex flex-col items-center space-y-6" }, avatar: {
|
|
62
|
-
className: "text-5xl md:text-6xl mb-3 group-hover:scale-110 transition-transform duration-300",
|
|
63
|
-
}, name: {
|
|
64
|
-
className: "text-lg md:text-xl font-bold text-gray-800 dark:text-white font-outfit group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
|
|
65
|
-
}, role: {
|
|
66
|
-
className: "text-base font-semibold text-purple-600 dark:text-purple-400 font-inter",
|
|
67
|
-
}, bio: {
|
|
68
|
-
className: "text-sm md:text-base text-gray-600 dark:text-gray-300 opacity-90 leading-relaxed font-inter",
|
|
69
|
-
}, socialLinks: { className: "flex gap-4 mt-4" }, socialLink: {
|
|
70
|
-
className: "text-xl text-purple-600 hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300 transition-colors duration-200 hover:scale-110 transform",
|
|
71
|
-
}, ariaLabel: "IntelliOpAI team section" }));
|
|
72
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
|
|
4
|
-
/**
|
|
5
|
-
* Product Launch preset for Testimonials wired to the upgraded shared Testimonials component
|
|
6
|
-
*/
|
|
7
|
-
export function Testimonials() {
|
|
8
|
-
const testimonials = [
|
|
9
|
-
{
|
|
10
|
-
testimonialText: "IntelliOpAI has completely transformed our workflow. The AI-powered automation saves us 40+ hours per week, and the accuracy is incredible.",
|
|
11
|
-
testimonialAuthor: " - Sarah Johnson, CEO at TechCorp",
|
|
12
|
-
testimonialAuthorInitials: "SJ",
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
testimonialText: "The machine learning capabilities are outstanding. We've seen a 300% increase in productivity since implementing their AI solutions.",
|
|
16
|
-
testimonialAuthor: " - Michael Chen, CTO at InnovateLab",
|
|
17
|
-
testimonialAuthorInitials: "MC",
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
testimonialText: "Game-changing technology! The AI insights have helped us make better decisions and scale our business faster than ever before.",
|
|
21
|
-
testimonialAuthor: " - Emily Rodriguez, VP Operations at GrowthCo",
|
|
22
|
-
testimonialAuthorInitials: "ER",
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
testimonialText: "The implementation was seamless and the results exceeded our expectations. Our team loves working with the AI-powered tools.",
|
|
26
|
-
testimonialAuthor: " - David Kim, Head of Engineering at StartupXYZ",
|
|
27
|
-
testimonialAuthorInitials: "DK",
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
testimonialText: "IntelliOpAI's natural language processing capabilities have revolutionized how we handle customer support. Response times improved by 80%.",
|
|
31
|
-
testimonialAuthor: " - Lisa Wang, Customer Success Director at ServicePro",
|
|
32
|
-
testimonialAuthorInitials: "LW",
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
testimonialText: "The predictive analytics features are phenomenal. We can now forecast trends and make data-driven decisions with confidence.",
|
|
36
|
-
testimonialAuthor: " - James Thompson, Data Science Lead at AnalyticsPlus",
|
|
37
|
-
testimonialAuthorInitials: "JT",
|
|
38
|
-
},
|
|
39
|
-
];
|
|
40
|
-
return (_jsx(SharedTestimonials, { id: "testimonials", testimonials: testimonials, testimonialSectionHeader: "What Our AI Customers Say", section: {
|
|
41
|
-
className: "py-20 md:py-24 lg:py-28 bg-gray-50 dark:bg-gray-900",
|
|
42
|
-
}, container: { className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }, header: { className: "text-center mb-16" }, heading: {
|
|
43
|
-
className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center font-outfit",
|
|
44
|
-
}, grid: {
|
|
45
|
-
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10",
|
|
46
|
-
}, card: {
|
|
47
|
-
className: "bg-white dark:bg-gray-800 p-8 rounded-xl shadow-lg transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl hover:shadow-purple-500/10 group border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-600",
|
|
48
|
-
}, content: { className: "flex flex-col space-y-6" }, text: {
|
|
49
|
-
className: "text-gray-700 dark:text-gray-300 text-base md:text-lg leading-relaxed italic font-inter group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
|
|
50
|
-
}, author: {
|
|
51
|
-
className: "text-gray-600 dark:text-gray-400 text-sm md:text-base font-medium font-inter",
|
|
52
|
-
}, avatar: {
|
|
53
|
-
className: "w-16 h-16 bg-gradient-to-br from-purple-600 to-purple-700 text-white rounded-full flex items-center justify-center text-xl font-bold shadow-lg group-hover:scale-110 transition-transform duration-300",
|
|
54
|
-
}, avatarText: { className: "text-white font-bold" }, ariaLabel: "Customer testimonials for IntelliOpAI" }));
|
|
55
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { TrustBadges as SharedTrustBadges } from "@nextworks/blocks-sections";
|
|
4
|
-
/**
|
|
5
|
-
* Product Launch preset for TrustBadges wired to the upgraded shared TrustBadges component
|
|
6
|
-
*/
|
|
7
|
-
export function TrustBadges() {
|
|
8
|
-
const badges = [
|
|
9
|
-
{
|
|
10
|
-
badgeText: "50,000+ AI Models",
|
|
11
|
-
badgeDescription: "Powered by",
|
|
12
|
-
badgeIcon: "🤖",
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
badgeText: "99.9% Accuracy",
|
|
16
|
-
badgeDescription: "AI Performance",
|
|
17
|
-
badgeIcon: "🎯",
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
badgeText: "SOC 2 Type II",
|
|
21
|
-
badgeDescription: "Enterprise Security",
|
|
22
|
-
badgeIcon: "🔒",
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
badgeText: "24/7 Support",
|
|
26
|
-
badgeDescription: "Always Available",
|
|
27
|
-
badgeIcon: "⚡",
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
badgeText: "Fortune 500",
|
|
31
|
-
badgeDescription: "Trusted by",
|
|
32
|
-
badgeIcon: "🏆",
|
|
33
|
-
},
|
|
34
|
-
];
|
|
35
|
-
return (_jsx(SharedTrustBadges, { id: "trust-badges", badges: badges, trustBadgesSectionHeader: "Trusted by Industry Leaders", section: {
|
|
36
|
-
className: "py-12 md:py-16 bg-gradient-to-r from-gray-50 to-white dark:from-gray-900 dark:to-gray-800 border-t border-b border-gray-200 dark:border-gray-700",
|
|
37
|
-
}, container: { className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }, header: { className: "text-center mb-12" }, heading: {
|
|
38
|
-
className: "text-xl md:text-2xl lg:text-3xl font-bold text-gray-800 dark:text-white font-outfit",
|
|
39
|
-
}, badgesContainer: {
|
|
40
|
-
className: "flex flex-col sm:flex-row justify-center items-center gap-8 md:gap-12 lg:gap-16 flex-wrap",
|
|
41
|
-
}, badge: {
|
|
42
|
-
className: "flex flex-col items-center text-center min-w-[180px] group",
|
|
43
|
-
}, badgeContent: { className: "flex flex-col items-center space-y-3" }, icon: {
|
|
44
|
-
className: "text-3xl md:text-4xl mb-3 group-hover:scale-105 transition-transform duration-500 ease-out",
|
|
45
|
-
}, description: {
|
|
46
|
-
className: "text-xs md:text-sm font-medium text-gray-600 dark:text-gray-400 group-hover:text-purple-500 dark:group-hover:text-purple-400 transition-colors duration-500 ease-out",
|
|
47
|
-
}, text: {
|
|
48
|
-
className: "text-base md:text-lg font-bold text-gray-900 dark:text-white group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-500 ease-out font-outfit",
|
|
49
|
-
}, layout: "horizontal", ariaLabel: "Trust badges for IntelliOpAI" }));
|
|
50
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Navbar } from "./components/Navbar";
|
|
3
|
-
import { Hero } from "./components/Hero";
|
|
4
|
-
import { Features } from "./components/Features";
|
|
5
|
-
import { Testimonials } from "./components/Testimonials";
|
|
6
|
-
import { TrustBadges } from "./components/TrustBadges";
|
|
7
|
-
import { Contact } from "./components/Contact";
|
|
8
|
-
import { Pricing } from "./components/Pricing";
|
|
9
|
-
import { FAQ } from "./components/FAQ";
|
|
10
|
-
import { Footer } from "./components/Footer";
|
|
11
|
-
import { SmoothScroll } from "./components/SmoothScroll";
|
|
12
|
-
import { PresetThemeVars } from "./PresetThemeVars";
|
|
13
|
-
export function SaaSDashboard() {
|
|
14
|
-
return (_jsx(PresetThemeVars, { children: _jsxs("div", { children: [_jsx(SmoothScroll, {}), _jsx(Navbar, {}), _jsx("section", { id: "home", children: _jsx(Hero, {}) }), _jsx(Features, {}), _jsx(Testimonials, {}), _jsx(TrustBadges, {}), _jsx("section", { id: "pricing", children: _jsx(Pricing, {}) }), _jsx("section", { id: "contact", children: _jsx(Contact, {}) }), _jsx("section", { id: "faq", children: _jsx(FAQ, {}) }), _jsx(Footer, {})] }) }));
|
|
15
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
type Props = React.PropsWithChildren<{
|
|
3
|
-
className?: string;
|
|
4
|
-
}>;
|
|
5
|
-
/**
|
|
6
|
-
* SaaSDashboard template theme variables wrapper.
|
|
7
|
-
* Sky/blue leaning palette; adjust values to your preset branding.
|
|
8
|
-
*/
|
|
9
|
-
export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=PresetThemeVars.d.ts.map
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "@nextworks/blocks-core";
|
|
3
|
-
/**
|
|
4
|
-
* SaaSDashboard template theme variables wrapper.
|
|
5
|
-
* Sky/blue leaning palette; adjust values to your preset branding.
|
|
6
|
-
*/
|
|
7
|
-
export function PresetThemeVars({ className, children }) {
|
|
8
|
-
return (_jsx("div", { className: cn(
|
|
9
|
-
// Shared button ring
|
|
10
|
-
"[--btn-ring:theme(colors.sky.500)] dark:[--btn-ring:theme(colors.sky.400)]",
|
|
11
|
-
// Inputs
|
|
12
|
-
"[--input-bg:theme(colors.white)] dark:[--input-bg:theme(colors.gray.900)]", "[--input-fg:theme(colors.gray.900)] dark:[--input-fg:theme(colors.gray.100)]", "[--input-placeholder:theme(colors.gray.400)] dark:[--input-placeholder:theme(colors.gray.500)]", "[--input-border:theme(colors.sky.200)] dark:[--input-border:theme(colors.sky.700)]", "[--input-focus-ring:theme(colors.sky.500)] dark:[--input-focus-ring:theme(colors.sky.400)]", "[--input-ring-offset:theme(colors.white)] dark:[--input-ring-offset:theme(colors.gray.900)]",
|
|
13
|
-
// Cards
|
|
14
|
-
"[--card-bg:theme(colors.white)] dark:[--card-bg:theme(colors.gray.900)]", "[--card-fg:theme(colors.gray.900)] dark:[--card-fg:theme(colors.gray.100)]", "[--card-title-fg:theme(colors.gray.900)] dark:[--card-title-fg:theme(colors.gray.100)]", "[--card-muted-fg:theme(colors.gray.500)] dark:[--card-muted-fg:theme(colors.gray.400)]", "[--card-border:theme(colors.gray.200)] dark:[--card-border:theme(colors.gray.800)]", "[--card-shadow:0_6px_20px_rgba(0,0,0,0.06)]",
|
|
15
|
-
// Badges/Chips
|
|
16
|
-
"[--badge-bg:theme(colors.sky.50)] dark:[--badge-bg:theme(colors.sky.950)]", "[--badge-fg:theme(colors.sky.700)] dark:[--badge-fg:theme(colors.sky.300)]", "[--badge-border:theme(colors.sky.200)] dark:[--badge-border:theme(colors.sky.800)]", "[--badge-active-bg:theme(colors.sky.600)] dark:[--badge-active-bg:theme(colors.sky.500)]", "[--badge-active-fg:theme(colors.white)] dark:[--badge-active-fg:theme(colors.white)]", "[--badge-active-border:theme(colors.sky.700)] dark:[--badge-active-border:theme(colors.sky.400)]",
|
|
17
|
-
// Headings/Subheadings
|
|
18
|
-
"[--heading-fg:theme(colors.gray.900)] dark:[--heading-fg:theme(colors.gray.100)]", "[--subheading-fg:theme(colors.gray.600)] dark:[--subheading-fg:theme(colors.gray.300)]", "[--description-fg:theme(colors.gray.700)] dark:[--description-fg:theme(colors.gray.200)]",
|
|
19
|
-
// Hero background (optional)
|
|
20
|
-
"[--hero-bg:theme(colors.white)] dark:[--hero-bg:theme(colors.slate.950)]",
|
|
21
|
-
// Footer
|
|
22
|
-
"[--footer-bg:transparent] dark:[--footer-bg:transparent]", "[--footer-fg:theme(colors.gray.800)] dark:[--footer-fg:theme(colors.gray.100)]", "[--footer-heading-fg:theme(colors.gray.900)] dark:[--footer-heading-fg:theme(colors.gray.100)]", "[--footer-link-fg:theme(colors.gray.700)] dark:[--footer-link-fg:theme(colors.gray.300)]", "[--footer-link-hover-fg:theme(colors.sky.700)] dark:[--footer-link-hover-fg:theme(colors.sky.400)]", "[--footer-link-hover-bg:theme(colors.sky.50)] dark:[--footer-link-hover-bg:color-mix(in_oklab,oklch(0.18_0.05_235)_20%,transparent)]", "[--footer-muted-fg:theme(colors.gray.500)] dark:[--footer-muted-fg:theme(colors.gray.400)]", "[--footer-border:theme(colors.gray.200)] dark:[--footer-border:theme(colors.gray.800)]",
|
|
23
|
-
// Table (optional)
|
|
24
|
-
"[--table-fg:inherit]", "[--table-muted-fg:theme(colors.gray.500)] dark:[--table-muted-fg:theme(colors.gray.400)]", "[--table-head-fg:theme(colors.gray.700)] dark:[--table-head-fg:theme(colors.gray.300)]", "[--table-border:theme(colors.gray.200)] dark:[--table-border:theme(colors.gray.800)]", "[--table-row-hover-bg:theme(colors.gray.50)] dark:[--table-row-hover-bg:theme(colors.gray.900)]",
|
|
25
|
-
// FAQ specific (optional overrides; fall back to --btn-* and --card-*)
|
|
26
|
-
"[--faq-btn-bg:var(--btn-bg)] dark:[--faq-btn-bg:var(--btn-bg)]", "[--faq-btn-fg:var(--btn-fg)] dark:[--faq-btn-fg:var(--btn-fg)]", "[--faq-btn-hover-bg:var(--btn-hover-bg)] dark:[--faq-btn-hover-bg:var(--btn-hover-bg)]", "[--faq-btn-hover-fg:var(--btn-hover-fg)] dark:[--faq-btn-hover-fg:var(--btn-hover-fg)]", "[--faq-answer-bg:var(--card-bg)] dark:[--faq-answer-bg:var(--card-bg)]", "[--faq-answer-fg:var(--card-fg)] dark:[--faq-answer-fg:var(--card-fg)]", className), children: children }));
|
|
27
|
-
}
|