nextworks 0.2.0-alpha.2 → 0.2.0-alpha.21

package/dist/kits/blocks/app/templates/productlaunch/components/Pricing.tsx

@@ -1,106 +1,106 @@
-"use client";
-
-import { Pricing as SharedPricing } from "@/components/sections/Pricing";
-
-/**
- * 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"
-    />
-  );
-}
+"use client";
+
+import { Pricing as SharedPricing } from "@/components/sections/Pricing";
+
+/**
+ * Product Launch preset for Pricing
+ */
+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/kits/blocks/app/templates/productlaunch/components/ProcessTimeline.tsx

@@ -1,110 +1,110 @@
-"use client";
-
-import { ProcessTimeline as SharedProcessTimeline } from "@/components/sections/ProcessTimeline";
-
-/**
- * Product Launch preset for ProcessTimeline wired to the upgraded shared ProcessTimeline component
- */
-export function ProcessTimeline() {
-  const steps = [
-    {
-      stepNumber: 1,
-      title: "Instant AI Assessment",
-      description:
-        "Get your personalized AI readiness report in minutes. Our intelligent system analyzes your data and identifies breakthrough opportunities.",
-      icon: "🧠",
-    },
-    {
-      stepNumber: 2,
-      title: "Smart AI Configuration",
-      description:
-        "Our AI configures itself for your business. No coding required - just tell us your goals and watch the magic happen.",
-      icon: "⚙️",
-    },
-    {
-      stepNumber: 3,
-      title: "Real-time AI Training",
-      description:
-        "Watch your AI learn and improve in real-time. Our breakthrough algorithms adapt to your data patterns instantly.",
-      icon: "🎯",
-    },
-    {
-      stepNumber: 4,
-      title: "Launch & Scale",
-      description:
-        "Deploy your AI in minutes, not months. Continuous learning ensures your AI gets smarter every day.",
-      icon: "🚀",
-    },
-  ];
-
-  return (
-    <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={{
-        className:
-          "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white leading-tight font-outfit",
-      }}
-      subheadingStyle={{
-        className:
-          "text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed font-inter",
-      }}
-      timelineContainer={{ className: "w-full max-w-5xl mx-auto" }}
-      desktopTimeline={{
-        className: "hidden lg:flex justify-between items-start relative w-full",
-      }}
-      connectingLine={{
-        className:
-          "absolute top-8 left-15 right-15 h-1 bg-purple-300 dark:bg-purple-600 z-10",
-      }}
-      stepContainer={{
-        className:
-          "flex flex-col items-center space-y-6 flex-1 max-w-56 relative z-20",
-      }}
-      stepCircle={{
-        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",
-      }}
-      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={{
-        className:
-          "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
-      }}
-      stepDescription={{
-        className:
-          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
-      }}
-      mobileTimeline={{
-        className: "flex lg:hidden flex-col space-y-10 w-full",
-      }}
-      mobileStep={{ className: "flex items-start relative" }}
-      mobileVerticalLine={{
-        className:
-          "absolute left-8 top-16 bottom-[-2.5rem] w-1 bg-purple-300 dark:bg-purple-600 z-10",
-      }}
-      mobileStepCircle={{
-        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",
-      }}
-      mobileStepContent={{
-        className: "flex flex-col items-start space-y-4 flex-1 pt-2",
-      }}
-      mobileStepIcon={{ className: "text-3xl md:text-4xl" }}
-      mobileStepTitle={{
-        className:
-          "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
-      }}
-      mobileStepDescription={{
-        className:
-          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
-      }}
-      ariaLabel="IntelliOpAI process timeline"
-    />
-  );
-}
+"use client";
+
+import { ProcessTimeline as SharedProcessTimeline } from "@/components/sections/ProcessTimeline";
+
+/**
+ * Product Launch preset for ProcessTimeline
+ */
+export function ProcessTimeline() {
+  const steps = [
+    {
+      stepNumber: 1,
+      title: "Instant AI Assessment",
+      description:
+        "Get your personalized AI readiness report in minutes. Our intelligent system analyzes your data and identifies breakthrough opportunities.",
+      icon: "🧠",
+    },
+    {
+      stepNumber: 2,
+      title: "Smart AI Configuration",
+      description:
+        "Our AI configures itself for your business. No coding required - just tell us your goals and watch the magic happen.",
+      icon: "⚙️",
+    },
+    {
+      stepNumber: 3,
+      title: "Real-time AI Training",
+      description:
+        "Watch your AI learn and improve in real-time. Our breakthrough algorithms adapt to your data patterns instantly.",
+      icon: "🎯",
+    },
+    {
+      stepNumber: 4,
+      title: "Launch & Scale",
+      description:
+        "Deploy your AI in minutes, not months. Continuous learning ensures your AI gets smarter every day.",
+      icon: "🚀",
+    },
+  ];
+
+  return (
+    <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={{
+        className:
+          "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white leading-tight font-outfit",
+      }}
+      subheadingStyle={{
+        className:
+          "text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed font-inter",
+      }}
+      timelineContainer={{ className: "w-full max-w-5xl mx-auto" }}
+      desktopTimeline={{
+        className: "hidden lg:flex justify-between items-start relative w-full",
+      }}
+      connectingLine={{
+        className:
+          "absolute top-8 left-15 right-15 h-1 bg-purple-300 dark:bg-purple-600 z-10",
+      }}
+      stepContainer={{
+        className:
+          "flex flex-col items-center space-y-6 flex-1 max-w-56 relative z-20",
+      }}
+      stepCircle={{
+        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",
+      }}
+      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={{
+        className:
+          "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
+      }}
+      stepDescription={{
+        className:
+          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
+      }}
+      mobileTimeline={{
+        className: "flex lg:hidden flex-col space-y-10 w-full",
+      }}
+      mobileStep={{ className: "flex items-start relative" }}
+      mobileVerticalLine={{
+        className:
+          "absolute left-8 top-16 bottom-[-2.5rem] w-1 bg-purple-300 dark:bg-purple-600 z-10",
+      }}
+      mobileStepCircle={{
+        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",
+      }}
+      mobileStepContent={{
+        className: "flex flex-col items-start space-y-4 flex-1 pt-2",
+      }}
+      mobileStepIcon={{ className: "text-3xl md:text-4xl" }}
+      mobileStepTitle={{
+        className:
+          "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
+      }}
+      mobileStepDescription={{
+        className:
+          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
+      }}
+      ariaLabel="IntelliOpAI process timeline"
+    />
+  );
+}

package/dist/kits/blocks/app/templates/productlaunch/components/ServicesGrid.tsx

@@ -1,68 +1,68 @@
-"use client";
-
-import { ServicesGrid as SharedServicesGrid } from "@/components/sections/ServicesGrid";
-
-/**
- * Product Launch preset for ServicesGrid wired to the upgraded shared ServicesGrid component
- */
-export function ServicesGrid() {
-  const servicesData = [
-    {
-      icon: "🤖",
-      title: "AI Automation Solutions",
-      description:
-        "Streamline your business processes with intelligent automation that reduces manual work and increases efficiency by up to 80%.",
-    },
-    {
-      icon: "📊",
-      title: "Predictive Analytics",
-      description:
-        "Make data-driven decisions with AI-powered insights that predict trends, optimize operations, and maximize ROI.",
-    },
-    {
-      icon: "💬",
-      title: "Intelligent Chatbots",
-      description:
-        "Enhance customer experience with AI chatbots that provide instant, accurate responses 24/7 and reduce support costs.",
-    },
-    {
-      icon: "🔍",
-      title: "Smart Document Processing",
-      description:
-        "Extract and analyze information from documents automatically, reducing processing time by 90% and improving accuracy.",
-    },
-  ];
-
-  return (
-    <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={{
-        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",
-      }}
-      grid={{ className: "grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-10" }}
-      card={{
-        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",
-      }}
-      cardContent={{ className: "flex flex-col items-start h-full space-y-6" }}
-      icon={{
-        className:
-          "text-5xl md:text-6xl group-hover:scale-110 transition-transform duration-300",
-      }}
-      title={{
-        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",
-      }}
-      description={{
-        className:
-          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter flex-1",
-      }}
-      ariaLabel="IntelliOpAI services section"
-    />
-  );
-}
+"use client";
+
+import { ServicesGrid as SharedServicesGrid } from "@/components/sections/ServicesGrid";
+
+/**
+ * Product Launch preset for ServicesGrid
+ */
+export function ServicesGrid() {
+  const servicesData = [
+    {
+      icon: "🤖",
+      title: "AI Automation Solutions",
+      description:
+        "Streamline your business processes with intelligent automation that reduces manual work and increases efficiency by up to 80%.",
+    },
+    {
+      icon: "📊",
+      title: "Predictive Analytics",
+      description:
+        "Make data-driven decisions with AI-powered insights that predict trends, optimize operations, and maximize ROI.",
+    },
+    {
+      icon: "💬",
+      title: "Intelligent Chatbots",
+      description:
+        "Enhance customer experience with AI chatbots that provide instant, accurate responses 24/7 and reduce support costs.",
+    },
+    {
+      icon: "🔍",
+      title: "Smart Document Processing",
+      description:
+        "Extract and analyze information from documents automatically, reducing processing time by 90% and improving accuracy.",
+    },
+  ];
+
+  return (
+    <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={{
+        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",
+      }}
+      grid={{ className: "grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-10" }}
+      card={{
+        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",
+      }}
+      cardContent={{ className: "flex flex-col items-start h-full space-y-6" }}
+      icon={{
+        className:
+          "text-5xl md:text-6xl group-hover:scale-110 transition-transform duration-300",
+      }}
+      title={{
+        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",
+      }}
+      description={{
+        className:
+          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter flex-1",
+      }}
+      ariaLabel="IntelliOpAI services section"
+    />
+  );
+}