@nextworks/blocks-templates 0.1.0-alpha.0

package/dist/templates/productlaunch/components/Footer.jsx

@@ -0,0 +1,102 @@
+"use client";
+import { Footer as SharedFooter } from "@nextworks/blocks-sections";
+import { Twitter, Linkedin, Github, Youtube, Mail } from "lucide-react";
+/**
+ * Upgraded preset Footer for the Product Launch template wired to the upgraded shared Footer
+ */
+export function Footer() {
+    return (<SharedFooter id="footer" footerBrandName="IntelliOpAI" footerNavLinks={[
+            {
+                heading: "Product",
+                links: [
+                    { name: "Features", href: "#features" },
+                    { name: "Pricing", href: "#pricing" },
+                    { name: "API Documentation", href: "#api-docs" },
+                    { name: "FAQ", href: "#faq" },
+                ],
+            },
+            {
+                heading: "Company",
+                links: [
+                    { name: "About", href: "#about" },
+                    { name: "Careers", href: "#careers" },
+                    { name: "Blog", href: "#blog" },
+                    { name: "Contact", href: "#contact" },
+                ],
+            },
+            {
+                heading: "Resources",
+                links: [
+                    { name: "Help Center", href: "#help" },
+                    { name: "Terms of Service", href: "#terms" },
+                    { name: "Privacy Policy", href: "#privacy" },
+                    { name: "System Status", href: "#status" },
+                ],
+            },
+            {
+                heading: "Developers",
+                links: [
+                    { name: "API Reference", href: "#api" },
+                    { name: "SDKs", href: "#sdk" },
+                    { name: "GitHub", href: "https://github.com", external: true },
+                    { name: "Community", href: "#community" },
+                ],
+            },
+        ]} footerSocialLinks={[
+            {
+                name: "Twitter",
+                icon: Twitter,
+                url: "https://twitter.com/intelliopai",
+                external: true,
+                label: "Follow IntelliOpAI on Twitter",
+            },
+            {
+                name: "LinkedIn",
+                icon: Linkedin,
+                url: "https://linkedin.com/company/intelliopai",
+                external: true,
+                label: "Connect with IntelliOpAI on LinkedIn",
+            },
+            {
+                name: "GitHub",
+                icon: Github,
+                url: "https://github.com/intelliopai",
+                external: true,
+                label: "View IntelliOpAI on GitHub",
+            },
+            {
+                name: "YouTube",
+                icon: Youtube,
+                url: "https://youtube.com/@intelliopai",
+                external: true,
+                label: "Watch IntelliOpAI on YouTube",
+            },
+            {
+                name: "Email",
+                icon: Mail,
+                url: "mailto:hello@intelliopai.com",
+                external: true,
+                label: "Contact IntelliOpAI via email",
+            },
+        ]} section={{
+            className: "w-full bg-white dark:bg-black text-gray-800 dark:text-white border-t border-gray-200 dark:border-gray-800",
+        }} container={{ className: "max-w-7xl mx-auto px-6" }} brand={{
+            className: "text-xl md:text-2xl font-bold text-purple-600 dark:text-purple-400 font-outfit",
+        }} brandWrapper={{
+            className: "flex flex-col items-start text-left lg:pr-8",
+        }} navSection={{
+            className: "flex flex-col lg:flex-row items-start justify-between gap-8 lg:gap-12 pt-10.5 pb-12",
+        }} navGroup={{
+            className: "flex flex-col items-start text-left min-w-[150px] pt-1.5",
+        }} navHeading={{
+            className: "font-semibold text-gray-800 dark:text-white mb-4 text-sm uppercase tracking-wider font-inter",
+        }} navLink={{
+            className: "text-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-colors duration-200 text-sm mb-3 font-inter block",
+        }} socialSection={{
+            className: "flex items-center justify-center gap-6 py-8 border-t border-gray-200 dark:border-gray-800",
+        }} socialLink={{
+            className: "text-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-all duration-200 p-3 rounded-lg hover:bg-purple-50 dark:hover:bg-purple-900/20 hover:scale-110",
+        }} socialIcon={{ className: "h-6 w-6" }} copyright={{
+            className: "text-center text-sm text-gray-500 dark:text-gray-400 py-6 border-t border-gray-200 dark:border-gray-800 font-inter",
+        }} ariaLabel="IntelliOpAI footer"/>);
+}

package/dist/templates/productlaunch/components/Hero.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Product Launch preset for Hero, wired to the upgraded shared HeroSplit component
+ * using the slots + cn API.
+ */
+export declare function Hero(): import("react").JSX.Element;
+//# sourceMappingURL=Hero.d.ts.map

package/dist/templates/productlaunch/components/Hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Hero.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,IAAI,gCAgFnB"}

package/dist/templates/productlaunch/components/Hero.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
+/**
+ * Product Launch preset for Hero, wired to the upgraded shared HeroSplit component
+ * using the slots + cn API.
+ */
+export function Hero() {
+    return (_jsx(SharedHeroSplit, { heading: {
+            text: "Revolutionize Your Workflow with AI",
+            className: "text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold leading-tight text-black dark:text-white font-outfit mx-auto",
+        }, subheading: {
+            text: "Transform your business operations with our cutting-edge AI solutions. Streamline processes, boost productivity, and unlock new possibilities for growth.",
+            className: "text-base md:text-lg lg:text-xl text-gray-700 dark:text-gray-100 mt-6 mb-8 max-w-2xl font-inter leading-relaxed mx-auto",
+        }, section: {
+            className: "bg-gradient-to-br from-white via-purple-50 to-white dark:from-gray-900 dark:via-purple-950/20 dark:to-gray-900 pt-16 px-8 pb-8",
+        }, cta1: {
+            label: "Get Started",
+            href: "#contact",
+            variant: "default",
+            size: "lg",
+            className: [
+                "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
+                "[--btn-bg:theme(colors.purple.600)]",
+                "hover:[--btn-hover-bg:theme(colors.purple.700)]",
+                "[--btn-fg:theme(colors.white)]",
+                "hover:[--btn-hover-fg:theme(colors.white)]",
+            ].join(" "),
+        }, cta2: {
+            label: "Learn More",
+            href: "#features",
+            variant: "outline",
+            size: "lg",
+            className: [
+                // layout/typography/shadow/transitions
+                "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
+                // base colors (ensure outline has transparent bg instead of token background)
+                "[--btn-bg:transparent]",
+                // CSS variable overrides to control colors while keeping the outline variant structure
+                "[--btn-fg:theme(colors.purple.600)]",
+                "[--btn-border:theme(colors.purple.600)]",
+                "hover:[--btn-hover-bg:theme(colors.purple.50)]",
+                "hover:[--btn-hover-fg:theme(colors.purple.600)]",
+                // dark mode
+                "dark:[--btn-bg:transparent]",
+                "dark:[--btn-fg:theme(colors.purple.500)]",
+                "dark:[--btn-border:theme(colors.purple.500)]",
+                "dark:hover:[--btn-hover-bg:theme(colors.purple.950)]",
+                "dark:hover:[--btn-hover-fg:theme(colors.purple.500)]",
+                // ensure hover text stays the intended color in light mode
+                "hover:[--btn-hover-fg:theme(colors.purple.600)]",
+                // ensure a border width is present for the outline variant override cases
+                "border",
+            ].join(" "),
+        }, image: {
+            src: "/placeholders/product_launch/hero.png",
+            alt: "AI-powered workflow illustration",
+            className: "object-contain",
+        }, imageLayout: "padded", imageContainer: {
+            className: "md:h-80 lg:h-96 md:w-1/2",
+        }, textContainer: {
+            className: "  flex-1 p-5 lg:p-8 text-center lg:text-left",
+        }, buttonsContainer: {
+            className: [
+                "flex flex-col sm:flex-row gap-4 mt-8 justify-center lg:justify-start",
+                "[--btn-ring:theme(colors.purple.500)]",
+                "dark:[--btn-ring:theme(colors.purple.400)]",
+            ].join(" "),
+        }, textAlign: "center", ariaLabel: "Revolutionize your workflow with AI hero section" }));
+}

package/dist/templates/productlaunch/components/Hero.jsx

@@ -0,0 +1,69 @@
+"use client";
+import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
+/**
+ * Product Launch preset for Hero, wired to the upgraded shared HeroSplit component
+ * using the slots + cn API.
+ */
+export function Hero() {
+    return (<SharedHeroSplit heading={{
+            text: "Revolutionize Your Workflow with AI",
+            className: "text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold leading-tight text-black dark:text-white font-outfit mx-auto",
+        }} subheading={{
+            text: "Transform your business operations with our cutting-edge AI solutions. Streamline processes, boost productivity, and unlock new possibilities for growth.",
+            className: "text-base md:text-lg lg:text-xl text-gray-700 dark:text-gray-100 mt-6 mb-8 max-w-2xl font-inter leading-relaxed mx-auto",
+        }} section={{
+            className: "bg-gradient-to-br from-white via-purple-50 to-white dark:from-gray-900 dark:via-purple-950/20 dark:to-gray-900 pt-16 px-8 pb-8",
+        }} cta1={{
+            label: "Get Started",
+            href: "#contact",
+            variant: "default",
+            size: "lg",
+            className: [
+                "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
+                "[--btn-bg:theme(colors.purple.600)]",
+                "hover:[--btn-hover-bg:theme(colors.purple.700)]",
+                "[--btn-fg:theme(colors.white)]",
+                "hover:[--btn-hover-fg:theme(colors.white)]",
+            ].join(" "),
+        }} cta2={{
+            label: "Learn More",
+            href: "#features",
+            variant: "outline",
+            size: "lg",
+            className: [
+                // layout/typography/shadow/transitions
+                "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
+                // base colors (ensure outline has transparent bg instead of token background)
+                "[--btn-bg:transparent]",
+                // CSS variable overrides to control colors while keeping the outline variant structure
+                "[--btn-fg:theme(colors.purple.600)]",
+                "[--btn-border:theme(colors.purple.600)]",
+                "hover:[--btn-hover-bg:theme(colors.purple.50)]",
+                "hover:[--btn-hover-fg:theme(colors.purple.600)]",
+                // dark mode
+                "dark:[--btn-bg:transparent]",
+                "dark:[--btn-fg:theme(colors.purple.500)]",
+                "dark:[--btn-border:theme(colors.purple.500)]",
+                "dark:hover:[--btn-hover-bg:theme(colors.purple.950)]",
+                "dark:hover:[--btn-hover-fg:theme(colors.purple.500)]",
+                // ensure hover text stays the intended color in light mode
+                "hover:[--btn-hover-fg:theme(colors.purple.600)]",
+                // ensure a border width is present for the outline variant override cases
+                "border",
+            ].join(" "),
+        }} image={{
+            src: "/placeholders/product_launch/hero.png",
+            alt: "AI-powered workflow illustration",
+            className: "object-contain",
+        }} imageLayout="padded" imageContainer={{
+            className: "md:h-80 lg:h-96 md:w-1/2",
+        }} textContainer={{
+            className: "  flex-1 p-5 lg:p-8 text-center lg:text-left",
+        }} buttonsContainer={{
+            className: [
+                "flex flex-col sm:flex-row gap-4 mt-8 justify-center lg:justify-start",
+                "[--btn-ring:theme(colors.purple.500)]",
+                "dark:[--btn-ring:theme(colors.purple.400)]",
+            ].join(" "),
+        }} textAlign="center" ariaLabel="Revolutionize your workflow with AI hero section"/>);
+}

package/dist/templates/productlaunch/components/Navbar.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentProps } from "react";
+import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
+/**
+ * Product Launch preset Navbar
+ *
+ * - IntelliOpAI branding with purple color scheme
+ * - Custom font families (Outfit for brand, Inter for links)
+ * - No CTA button (ctaButton = null)
+ * - Purple hover states for links and theme toggle
+ * - Clean white background with dark mode support
+ *
+ * This preset exposes the Shared Navbar API so devs can override any prop/slot:
+ *
+ * Example:
+ * <Navbar
+ *   brand="My Brand"
+ *   links={{ className: "hover:text-emerald-600" }}
+ *   container={{ className: "max-w-6xl mx-auto" }}
+ * />
+ */
+type SharedNavbarProps = ComponentProps<typeof SharedNavbar>;
+type PresetOverrides = Partial<SharedNavbarProps>;
+export declare function Navbar(overrides?: PresetOverrides): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Navbar.d.ts.map

package/dist/templates/productlaunch/components/Navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Navbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAgFlD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BASrD"}

package/dist/templates/productlaunch/components/Navbar.js

@@ -0,0 +1,82 @@
+// app/templates/productlaunch/components/Navbar.tsx
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
+const defaultProps = {
+    brand: "IntelliOpAI",
+    menuItems: [
+        { label: "Home", href: "#home" },
+        { label: "Features", href: "#features" },
+        { label: "Pricing", href: "#pricing" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "#contact" },
+    ],
+    ctaButton: null,
+    showColorModeToggle: true,
+    navHeight: "h-16",
+    sticky: true,
+    ariaLabel: "IntelliOpAI main navigation",
+    // Top-level className is left empty so page-level overrides can add layout constraints if needed.
+    className: "",
+    // Style slots tuned for the purple theme
+    nav: {
+        className: "bg-white dark:bg-gray-900 text-gray-800 dark:text-white border-b border-gray-200 dark:border-gray-800 " +
+            // Accent variables for this preset (read by toggle, links, mobile links)
+            "[--navbar-accent:theme(colors.purple.600)] dark:[--navbar-accent:theme(colors.purple.400)] " +
+            "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
+            "[--navbar-hover-bg:theme(colors.purple.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.17 0.05 324) 20%, transparent)] " +
+            "[--navbar-ring:theme(colors.purple.500)] dark:[--navbar-ring:theme(colors.purple.400)] " +
+            "[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
+    },
+    brandText: {
+        className: "text-xl md:text-2xl font-bold font-outfit text-purple-700 dark:text-purple-500",
+    },
+    links: {
+        className: "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-purple-700 dark:hover:text-purple-500 " +
+            "focus:ring-[var(--navbar-ring)]",
+    },
+    // Preset keeps CTA hidden; if you enable it, these defaults give a subtle lift effect
+    ctaButtonStyle: {
+        variant: "default",
+        size: "default",
+        className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
+    },
+    mobileMenu: {
+        className: "border-t border-gray-200 dark:border-gray-800",
+    },
+    container: {
+        className: "max-w-7xl mx-auto",
+    },
+    brandWrapper: {
+        className: "", // base layout is provided by SharedNavbar; override here if needed
+    },
+    desktopMenu: {
+        className: "hidden items-center space-x-1 md:flex lg:space-x-6",
+    },
+    toggleButton: {
+        className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
+            "hover:bg-purple-50 dark:hover:bg-purple-900/20 " +
+            "focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400",
+    },
+    colorModeWrapper: {
+        className: "ml-2",
+    },
+    // With variables above, ThemeToggle can rely on them; explicit override optional
+    // themeToggle: { ... }
+    ctaButtonWrapper: {
+        className: "ml-2",
+    },
+    mobileMenuInner: {
+        className: "space-y-2 px-4 pt-2 pb-4",
+    },
+    // Mobile links will read --navbar-hover-bg; explicit class optional
+    mobileLinks: {
+        className: "hover:bg-[var(--navbar-hover-bg)]",
+    },
+};
+export function Navbar(overrides = {}) {
+    // Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
+    // replaces the default for that slot. This keeps the API simple and predictable.
+    const props = Object.assign(Object.assign({}, defaultProps), overrides);
+    return _jsx(SharedNavbar, Object.assign({}, props));
+}

package/dist/templates/productlaunch/components/Navbar.jsx

@@ -0,0 +1,81 @@
+// app/templates/productlaunch/components/Navbar.tsx
+"use client";
+import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
+const defaultProps = {
+    brand: "IntelliOpAI",
+    menuItems: [
+        { label: "Home", href: "#home" },
+        { label: "Features", href: "#features" },
+        { label: "Pricing", href: "#pricing" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "#contact" },
+    ],
+    ctaButton: null,
+    showColorModeToggle: true,
+    navHeight: "h-16",
+    sticky: true,
+    ariaLabel: "IntelliOpAI main navigation",
+    // Top-level className is left empty so page-level overrides can add layout constraints if needed.
+    className: "",
+    // Style slots tuned for the purple theme
+    nav: {
+        className: "bg-white dark:bg-gray-900 text-gray-800 dark:text-white border-b border-gray-200 dark:border-gray-800 " +
+            // Accent variables for this preset (read by toggle, links, mobile links)
+            "[--navbar-accent:theme(colors.purple.600)] dark:[--navbar-accent:theme(colors.purple.400)] " +
+            "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
+            "[--navbar-hover-bg:theme(colors.purple.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.17 0.05 324) 20%, transparent)] " +
+            "[--navbar-ring:theme(colors.purple.500)] dark:[--navbar-ring:theme(colors.purple.400)] " +
+            "[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
+    },
+    brandText: {
+        className: "text-xl md:text-2xl font-bold font-outfit text-purple-700 dark:text-purple-500",
+    },
+    links: {
+        className: "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-purple-700 dark:hover:text-purple-500 " +
+            "focus:ring-[var(--navbar-ring)]",
+    },
+    // Preset keeps CTA hidden; if you enable it, these defaults give a subtle lift effect
+    ctaButtonStyle: {
+        variant: "default",
+        size: "default",
+        className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
+    },
+    mobileMenu: {
+        className: "border-t border-gray-200 dark:border-gray-800",
+    },
+    container: {
+        className: "max-w-7xl mx-auto",
+    },
+    brandWrapper: {
+        className: "", // base layout is provided by SharedNavbar; override here if needed
+    },
+    desktopMenu: {
+        className: "hidden items-center space-x-1 md:flex lg:space-x-6",
+    },
+    toggleButton: {
+        className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
+            "hover:bg-purple-50 dark:hover:bg-purple-900/20 " +
+            "focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400",
+    },
+    colorModeWrapper: {
+        className: "ml-2",
+    },
+    // With variables above, ThemeToggle can rely on them; explicit override optional
+    // themeToggle: { ... }
+    ctaButtonWrapper: {
+        className: "ml-2",
+    },
+    mobileMenuInner: {
+        className: "space-y-2 px-4 pt-2 pb-4",
+    },
+    // Mobile links will read --navbar-hover-bg; explicit class optional
+    mobileLinks: {
+        className: "hover:bg-[var(--navbar-hover-bg)]",
+    },
+};
+export function Navbar(overrides = {}) {
+    // Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
+    // replaces the default for that slot. This keeps the API simple and predictable.
+    const props = Object.assign(Object.assign({}, defaultProps), overrides);
+    return <SharedNavbar {...props}/>;
+}

package/dist/templates/productlaunch/components/Pricing.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Product Launch preset for Pricing wired to the upgraded shared Pricing component
+ */
+export declare function Pricing(): import("react").JSX.Element;
+//# sourceMappingURL=Pricing.d.ts.map

package/dist/templates/productlaunch/components/Pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Pricing.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,OAAO,gCAkGtB"}

package/dist/templates/productlaunch/components/Pricing.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
+/**
+ * Product Launch preset for Pricing wired to the upgraded shared Pricing component
+ */
+export function Pricing() {
+    return (_jsx(SharedPricing, { id: "pricing", pricingHeadingText: "Choose Your AI Plan", pricingPlans: [
+            {
+                pricingPlanHeaderText: "Starter",
+                pricingPlanPrice: "$29",
+                pricingPlanFeatures: [
+                    "Up to 1,000 AI requests/month",
+                    "Basic AI models access",
+                    "Email support",
+                    "Standard analytics",
+                    "API access",
+                ],
+                pricingPlanCTALabel: "Get Started",
+                pricingPlanCTAHref: "#contact",
+            },
+            {
+                pricingPlanHeaderText: "Professional",
+                pricingPlanPrice: "$99",
+                pricingPlanFeatures: [
+                    "Up to 10,000 AI requests/month",
+                    "Advanced AI models access",
+                    "Priority support",
+                    "Advanced analytics & insights",
+                    "Full API access",
+                    "Custom integrations",
+                    "Team collaboration tools",
+                ],
+                pricingPlanCTALabel: "Start Free Trial",
+                pricingPlanCTAHref: "#contact",
+                isPopular: true,
+            },
+            {
+                pricingPlanHeaderText: "Enterprise",
+                pricingPlanPrice: "Custom",
+                pricingPlanFeatures: [
+                    "Unlimited AI requests",
+                    "Premium AI models access",
+                    "24/7 dedicated support",
+                    "Custom analytics dashboard",
+                    "White-label solutions",
+                    "Custom model training",
+                    "SLA guarantee",
+                    "On-premise deployment",
+                ],
+                pricingPlanCTALabel: "Contact Sales",
+                pricingPlanCTAHref: "#contact",
+            },
+        ], section: {
+            className: "pt-20 pb-16 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-white",
+        }, container: { className: "max-w-7xl mx-auto px-6" }, heading: {
+            className: "text-3xl md:text-4xl lg:text-5xl font-bold text-center text-gray-800 dark:text-white mb-4 font-outfit",
+        }, grid: {
+            className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-12",
+        }, card: {
+            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",
+        }, header: {
+            className: "p-8 text-center border-b border-gray-200 dark:border-gray-700",
+        }, title: {
+            className: "text-xl md:text-2xl font-bold text-gray-800 dark:text-white mb-3 font-outfit",
+        }, price: {
+            className: "text-3xl md:text-4xl font-bold text-purple-600 dark:text-purple-400 mb-6 font-outfit",
+        }, features: { className: "p-8 space-y-4" }, featureItem: {
+            className: "flex items-center text-gray-600 dark:text-gray-300 text-sm md:text-base font-inter",
+        }, cta: {
+            variant: "default",
+            size: "lg",
+            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]",
+        }, popularBadge: {
+            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",
+        }, ariaLabel: "IntelliOpAI pricing plans" }));
+}

package/dist/templates/productlaunch/components/Pricing.jsx

@@ -0,0 +1,76 @@
+"use client";
+import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
+/**
+ * Product Launch preset for Pricing wired to the upgraded shared Pricing component
+ */
+export function Pricing() {
+    return (<SharedPricing id="pricing" pricingHeadingText="Choose Your AI Plan" pricingPlans={[
+            {
+                pricingPlanHeaderText: "Starter",
+                pricingPlanPrice: "$29",
+                pricingPlanFeatures: [
+                    "Up to 1,000 AI requests/month",
+                    "Basic AI models access",
+                    "Email support",
+                    "Standard analytics",
+                    "API access",
+                ],
+                pricingPlanCTALabel: "Get Started",
+                pricingPlanCTAHref: "#contact",
+            },
+            {
+                pricingPlanHeaderText: "Professional",
+                pricingPlanPrice: "$99",
+                pricingPlanFeatures: [
+                    "Up to 10,000 AI requests/month",
+                    "Advanced AI models access",
+                    "Priority support",
+                    "Advanced analytics & insights",
+                    "Full API access",
+                    "Custom integrations",
+                    "Team collaboration tools",
+                ],
+                pricingPlanCTALabel: "Start Free Trial",
+                pricingPlanCTAHref: "#contact",
+                isPopular: true,
+            },
+            {
+                pricingPlanHeaderText: "Enterprise",
+                pricingPlanPrice: "Custom",
+                pricingPlanFeatures: [
+                    "Unlimited AI requests",
+                    "Premium AI models access",
+                    "24/7 dedicated support",
+                    "Custom analytics dashboard",
+                    "White-label solutions",
+                    "Custom model training",
+                    "SLA guarantee",
+                    "On-premise deployment",
+                ],
+                pricingPlanCTALabel: "Contact Sales",
+                pricingPlanCTAHref: "#contact",
+            },
+        ]} section={{
+            className: "pt-20 pb-16 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-white",
+        }} container={{ className: "max-w-7xl mx-auto px-6" }} heading={{
+            className: "text-3xl md:text-4xl lg:text-5xl font-bold text-center text-gray-800 dark:text-white mb-4 font-outfit",
+        }} grid={{
+            className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-12",
+        }} card={{
+            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",
+        }} header={{
+            className: "p-8 text-center border-b border-gray-200 dark:border-gray-700",
+        }} title={{
+            className: "text-xl md:text-2xl font-bold text-gray-800 dark:text-white mb-3 font-outfit",
+        }} price={{
+            className: "text-3xl md:text-4xl font-bold text-purple-600 dark:text-purple-400 mb-6 font-outfit",
+        }} features={{ className: "p-8 space-y-4" }} featureItem={{
+            className: "flex items-center text-gray-600 dark:text-gray-300 text-sm md:text-base font-inter",
+        }} cta={{
+            variant: "default",
+            size: "lg",
+            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]",
+        }} popularBadge={{
+            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",
+        }} ariaLabel="IntelliOpAI pricing plans"/>);
+}

package/dist/templates/productlaunch/components/ProcessTimeline.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Product Launch preset for ProcessTimeline wired to the upgraded shared ProcessTimeline component
+ */
+export declare function ProcessTimeline(): import("react").JSX.Element;
+//# sourceMappingURL=ProcessTimeline.d.ts.map

package/dist/templates/productlaunch/components/ProcessTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimeline.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/ProcessTimeline.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,eAAe,gCAsG9B"}