nextworks 0.2.0-alpha.11 → 0.2.0-alpha.13

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
- */
-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
- */
-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"
+    />
+  );
+}

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

@@ -1,104 +1,104 @@
-"use client";
-
-import { Team as SharedTeam } from "@/components/sections/Team";
-
-/**
- * Product Launch preset for Team
- */
-export function Team() {
-  const teamMembers = [
-    {
-      name: "Dr. Sarah Chen",
-      role: "Chief AI Officer",
-      bio: "Leading AI researcher with 15+ years in machine learning and neural networks. PhD from MIT.",
-      avatar: "👩‍🔬",
-      socialLinks: [
-        { platform: "LinkedIn", url: "#", icon: "💼" },
-        { platform: "Twitter", url: "#", icon: "🐦" },
-        { platform: "GitHub", url: "#", icon: "💻" },
-      ],
-    },
-    {
-      name: "Marcus Rodriguez",
-      role: "Head of AI Engineering",
-      bio: "Full-stack AI engineer specializing in scalable ML systems and cloud infrastructure.",
-      avatar: "👨‍💻",
-      socialLinks: [
-        { platform: "LinkedIn", url: "#", icon: "💼" },
-        { platform: "GitHub", url: "#", icon: "💻" },
-      ],
-    },
-    {
-      name: "Dr. Emily Watson",
-      role: "AI Research Director",
-      bio: "Expert in natural language processing and computer vision with 12+ years of research experience.",
-      avatar: "👩‍🎓",
-      socialLinks: [
-        { platform: "LinkedIn", url: "#", icon: "💼" },
-        { platform: "Twitter", url: "#", icon: "🐦" },
-      ],
-    },
-    {
-      name: "Alex Kim",
-      role: "AI Product Manager",
-      bio: "Strategic leader focused on bringing AI solutions to market with deep understanding of business needs.",
-      avatar: "👨‍💼",
-      socialLinks: [
-        { platform: "LinkedIn", url: "#", icon: "💼" },
-        { platform: "Twitter", url: "#", icon: "🐦" },
-      ],
-    },
-  ];
-
-  return (
-    <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={{
-        className: "py-20 md:py-24 lg:py-28 bg-gray-50 dark:bg-gray-900",
-      }}
-      container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }}
-      header={{ className: "space-y-16 items-center" }}
-      heading={{
-        className:
-          "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center font-outfit",
-      }}
-      subheading={{
-        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",
-      }}
-      grid={{
-        className:
-          "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-10 w-full",
-      }}
-      card={{
-        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",
-      }}
-      cardContent={{ className: "flex flex-col items-center space-y-6" }}
-      avatar={{
-        className:
-          "text-5xl md:text-6xl mb-3 group-hover:scale-110 transition-transform duration-300",
-      }}
-      name={{
-        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",
-      }}
-      role={{
-        className:
-          "text-base font-semibold text-purple-600 dark:text-purple-400 font-inter",
-      }}
-      bio={{
-        className:
-          "text-sm md:text-base text-gray-600 dark:text-gray-300 opacity-90 leading-relaxed font-inter",
-      }}
-      socialLinks={{ className: "flex gap-4 mt-4" }}
-      socialLink={{
-        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",
-      }}
-      ariaLabel="IntelliOpAI team section"
-    />
-  );
-}
+"use client";
+
+import { Team as SharedTeam } from "@/components/sections/Team";
+
+/**
+ * Product Launch preset for Team
+ */
+export function Team() {
+  const teamMembers = [
+    {
+      name: "Dr. Sarah Chen",
+      role: "Chief AI Officer",
+      bio: "Leading AI researcher with 15+ years in machine learning and neural networks. PhD from MIT.",
+      avatar: "👩‍🔬",
+      socialLinks: [
+        { platform: "LinkedIn", url: "#", icon: "💼" },
+        { platform: "Twitter", url: "#", icon: "🐦" },
+        { platform: "GitHub", url: "#", icon: "💻" },
+      ],
+    },
+    {
+      name: "Marcus Rodriguez",
+      role: "Head of AI Engineering",
+      bio: "Full-stack AI engineer specializing in scalable ML systems and cloud infrastructure.",
+      avatar: "👨‍💻",
+      socialLinks: [
+        { platform: "LinkedIn", url: "#", icon: "💼" },
+        { platform: "GitHub", url: "#", icon: "💻" },
+      ],
+    },
+    {
+      name: "Dr. Emily Watson",
+      role: "AI Research Director",
+      bio: "Expert in natural language processing and computer vision with 12+ years of research experience.",
+      avatar: "👩‍🎓",
+      socialLinks: [
+        { platform: "LinkedIn", url: "#", icon: "💼" },
+        { platform: "Twitter", url: "#", icon: "🐦" },
+      ],
+    },
+    {
+      name: "Alex Kim",
+      role: "AI Product Manager",
+      bio: "Strategic leader focused on bringing AI solutions to market with deep understanding of business needs.",
+      avatar: "👨‍💼",
+      socialLinks: [
+        { platform: "LinkedIn", url: "#", icon: "💼" },
+        { platform: "Twitter", url: "#", icon: "🐦" },
+      ],
+    },
+  ];
+
+  return (
+    <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={{
+        className: "py-20 md:py-24 lg:py-28 bg-gray-50 dark:bg-gray-900",
+      }}
+      container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }}
+      header={{ className: "space-y-16 items-center" }}
+      heading={{
+        className:
+          "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center font-outfit",
+      }}
+      subheading={{
+        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",
+      }}
+      grid={{
+        className:
+          "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 md:gap-10 w-full",
+      }}
+      card={{
+        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",
+      }}
+      cardContent={{ className: "flex flex-col items-center space-y-6" }}
+      avatar={{
+        className:
+          "text-5xl md:text-6xl mb-3 group-hover:scale-110 transition-transform duration-300",
+      }}
+      name={{
+        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",
+      }}
+      role={{
+        className:
+          "text-base font-semibold text-purple-600 dark:text-purple-400 font-inter",
+      }}
+      bio={{
+        className:
+          "text-sm md:text-base text-gray-600 dark:text-gray-300 opacity-90 leading-relaxed font-inter",
+      }}
+      socialLinks={{ className: "flex gap-4 mt-4" }}
+      socialLink={{
+        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",
+      }}
+      ariaLabel="IntelliOpAI team section"
+    />
+  );
+}