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

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

@@ -1,93 +1,86 @@
-"use client";
-
-import { FAQ as SharedFAQ } from "@/components/sections/FAQ";
-import { ChevronDown, ChevronUp } from "lucide-react";
-
-// - org. jsdoc in the bck folder
-
-/**
- * Upgraded preset FAQ component for the product launch page.
- * Now uses the new shared FAQ_new.tsx API while preserving
- * the original styling, content, and accessibility semantics.
- */
-export function FAQ() {
-  return (
-    <SharedFAQ
-      faqSectionHeaderText="Frequently Asked Questions"
-      faqData={[
-        {
-          question: "What is IntelliOpAI and how does it work?",
-          answer:
-            "IntelliOpAI is an advanced AI-powered platform that automates business operations and provides real-time insights. Our system uses machine learning algorithms to analyze your data, streamline workflows, and help you make smarter decisions faster.",
-        },
-        {
-          question: "Do I need technical expertise to use IntelliOpAI?",
-          answer:
-            "Not at all! IntelliOpAI is designed with a user-friendly interface that requires no coding knowledge. Our intuitive dashboard and guided setup process make it easy for anyone to get started, regardless of their technical background.",
-        },
-        {
-          question: "How does IntelliOpAI integrate with my existing systems?",
-          answer:
-            "IntelliOpAI offers seamless integration with popular business tools and platforms through our robust API and pre-built connectors. We support integration with CRM systems, databases, cloud services, and more to ensure a smooth transition.",
-        },
-        {
-          question: "What kind of support do you provide?",
-          answer:
-            "We offer comprehensive 24/7 support including live chat, email support, and dedicated account managers for enterprise clients. Our team of AI experts is always ready to help you maximize the value of your IntelliOpAI implementation.",
-        },
-        {
-          question: "Is my data secure with IntelliOpAI?",
-          answer:
-            "Absolutely. We implement enterprise-grade security measures including end-to-end encryption, SOC 2 compliance, and regular security audits. Your data is protected with the highest industry standards and we never share your information with third parties.",
-        },
-        {
-          question: "Can IntelliOpAI scale with my business growth?",
-          answer:
-            "Yes! IntelliOpAI is built to scale with your business. Our flexible architecture can handle everything from small startups to large enterprises, automatically adjusting resources and capabilities as your needs evolve.",
-        },
-      ]}
-      section={{
-        className:
-          "py-16 px-5 bg-white dark:bg-black text-gray-800 dark:text-white",
-      }}
-      container={{
-        className: "max-w-6xl mx-auto",
-      }}
-      heading={{
-        className:
-          "text-2xl md:text-3xl lg:text-4xl font-bold text-center mb-8 text-gray-800 dark:text-white font-outfit",
-      }}
-      grid={{
-        className: "grid grid-cols-1 lg:grid-cols-2 gap-6 px-5 py-8",
-      }}
-      item={{
-        className: "mb-6 w-full",
-      }}
-      questionButton={{
-        className:
-          // "bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white p-5 cursor-pointer rounded-lg transition-all duration-200 flex items-center justify-between shadow-lg hover:shadow-xl hover:shadow-purple-500/30 hover:-translate-y-0.5 font-inter ",
-
-          // your existing classes...
-          "bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white p-5 cursor-pointer rounded-lg transition-all duration-200 flex items-center justify-between shadow-lg hover:shadow-xl hover:shadow-purple-500/30 hover:-translate-y-0.5 font-inter " +
-          // define the ring and border CSS vars you want
-          "[--btn-ring:theme(colors.purple.500)] dark:[--btn-ring:theme(colors.purple.400)] " +
-          "[--btn-border:theme(colors.purple.500)] dark:[--btn-border:theme(colors.purple.400)] " +
-          // ensure mouse focus uses your ring color too
-          "focus:ring-[var(--btn-ring)]",
-      }}
-      // No extra styles for the question text; inherits from button
-      questionText={{ className: "" }}
-      chevronIcon={{
-        className: "h-6 w-6 transition-transform duration-200 flex-shrink-0",
-      }}
-      openIcon={<ChevronUp className="h-6 w-6" />}
-      closedIcon={<ChevronDown className="h-6 w-6" />}
-      answer={{
-        className:
-          "bg-gray-50 dark:bg-gray-800 text-gray-800 dark:text-white rounded-lg overflow-hidden border border-purple-200 dark:border-purple-800 shadow-md",
-      }}
-      answerText={{ className: "p-5" }}
-      ariaLabel="IntelliOpAI frequently asked questions"
-    />
-  );
-}
+"use client";
+
+import { FAQ as SharedFAQ } from "@/components/sections/FAQ";
+import { ChevronDown, ChevronUp } from "lucide-react";
+
+/**
+ * Preset FAQ component for the product launch page.
+ */
+export function FAQ() {
+  return (
+    <SharedFAQ
+      faqSectionHeaderText="Frequently Asked Questions"
+      faqData={[
+        {
+          question: "What is IntelliOpAI and how does it work?",
+          answer:
+            "IntelliOpAI is an advanced AI-powered platform that automates business operations and provides real-time insights. Our system uses machine learning algorithms to analyze your data, streamline workflows, and help you make smarter decisions faster.",
+        },
+        {
+          question: "Do I need technical expertise to use IntelliOpAI?",
+          answer:
+            "Not at all! IntelliOpAI is designed with a user-friendly interface that requires no coding knowledge. Our intuitive dashboard and guided setup process make it easy for anyone to get started, regardless of their technical background.",
+        },
+        {
+          question: "How does IntelliOpAI integrate with my existing systems?",
+          answer:
+            "IntelliOpAI offers seamless integration with popular business tools and platforms through our robust API and pre-built connectors. We support integration with CRM systems, databases, cloud services, and more to ensure a smooth transition.",
+        },
+        {
+          question: "What kind of support do you provide?",
+          answer:
+            "We offer comprehensive 24/7 support including live chat, email support, and dedicated account managers for enterprise clients. Our team of AI experts is always ready to help you maximize the value of your IntelliOpAI implementation.",
+        },
+        {
+          question: "Is my data secure with IntelliOpAI?",
+          answer:
+            "Absolutely. We implement enterprise-grade security measures including end-to-end encryption, SOC 2 compliance, and regular security audits. Your data is protected with the highest industry standards and we never share your information with third parties.",
+        },
+        {
+          question: "Can IntelliOpAI scale with my business growth?",
+          answer:
+            "Yes! IntelliOpAI is built to scale with your business. Our flexible architecture can handle everything from small startups to large enterprises, automatically adjusting resources and capabilities as your needs evolve.",
+        },
+      ]}
+      section={{
+        className:
+          "py-16 px-5 bg-white dark:bg-black text-gray-800 dark:text-white",
+      }}
+      container={{
+        className: "max-w-6xl mx-auto",
+      }}
+      heading={{
+        className:
+          "text-2xl md:text-3xl lg:text-4xl font-bold text-center mb-8 text-gray-800 dark:text-white font-outfit",
+      }}
+      grid={{
+        className: "grid grid-cols-1 lg:grid-cols-2 gap-6 px-5 py-8",
+      }}
+      item={{
+        className: "mb-6 w-full",
+      }}
+      questionButton={{
+        className:
+          "bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white p-5 cursor-pointer rounded-lg transition-all duration-200 flex items-center justify-between shadow-lg hover:shadow-xl hover:shadow-purple-500/30 hover:-translate-y-0.5 font-inter " +
+          // Define the ring and border CSS vars
+          "[--btn-ring:theme(colors.purple.500)] dark:[--btn-ring:theme(colors.purple.400)] " +
+          "[--btn-border:theme(colors.purple.500)] dark:[--btn-border:theme(colors.purple.400)] " +
+          // Ensure mouse focus uses ring color too
+          "focus:ring-[var(--btn-ring)]",
+      }}
+      // Question text styles inherits from button
+      questionText={{ className: "" }}
+      chevronIcon={{
+        className: "h-6 w-6 transition-transform duration-200 flex-shrink-0",
+      }}
+      openIcon={<ChevronUp className="h-6 w-6" />}
+      closedIcon={<ChevronDown className="h-6 w-6" />}
+      answer={{
+        className:
+          "bg-gray-50 dark:bg-gray-800 text-gray-800 dark:text-white rounded-lg overflow-hidden border border-purple-200 dark:border-purple-800 shadow-md",
+      }}
+      answerText={{ className: "p-5" }}
+      ariaLabel="IntelliOpAI frequently asked questions"
+    />
+  );
+}

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

@@ -1,84 +1,83 @@
-"use client";
-
-import { Features as SharedFeatures } from "@/components/sections/Features";
-
-/**
- * Product Launch preset for Features, wired to the upgraded shared Features component
- * using the slots + cn API. Keeps content and styles consistent with the template.
- */
-export function Features() {
-  const featuresData = [
-    {
-      imageSrc: "/placeholders/product_launch/feature_1.png",
-      imageAlt: "AI-Powered Analytics Dashboard",
-      headingText: "Intelligent Analytics",
-      subheadingText:
-        "Harness the power of AI to gain deep insights into your business performance. Our machine learning algorithms analyze patterns and provide actionable recommendations to drive growth.",
-    },
-    {
-      imageSrc: "/placeholders/product_launch/feature_2.png",
-      imageAlt: "Real-time AI Collaboration Platform",
-      headingText: "AI-Powered Collaboration",
-      subheadingText:
-        "Work seamlessly with AI assistants that understand context and help your team stay productive. Our intelligent collaboration tools adapt to your workflow and boost efficiency.",
-    },
-    {
-      imageSrc: "/placeholders/product_launch/feature_3.png",
-      imageAlt: "Advanced AI Security System",
-      headingText: "AI-Enhanced Security",
-      subheadingText:
-        "Protect your data with next-generation AI security that learns and adapts to threats in real-time. Enterprise-grade protection with intelligent threat detection and prevention.",
-    },
-    {
-      imageSrc: "/placeholders/product_launch/feature_4.png",
-      imageAlt: "Mobile AI Interface",
-      headingText: "Smart Mobile Experience",
-      subheadingText:
-        "Access your AI-powered workspace from anywhere with our intelligent mobile interface. Responsive design that adapts to your device and provides contextual assistance on the go.",
-    },
-  ];
-
-  return (
-    <SharedFeatures
-      id="features"
-      sectionHeading="AI-Powered Features"
-      sectionSubheading="Experience the future of intelligent automation with our cutting-edge AI technology"
-      featuresData={featuresData}
-      section={{
-        className: "py-20 md:py-24 lg:py-28 bg-white dark:bg-gray-900",
-      }}
-      container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }}
-      header={{ className: "text-center mb-16" }}
-      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 max-w-4xl mx-auto leading-relaxed font-inter",
-      }}
-      grid={{
-        className:
-          "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-8 md:gap-10",
-      }}
-      card={{
-        className:
-          "h-full transition-all duration-500 hover:-translate-y-4 hover:shadow-2xl hover:shadow-purple-500/20 group border border-gray-100 dark:border-gray-800 rounded-xl overflow-hidden",
-      }}
-      image={{
-        className:
-          "object-cover transition-transform duration-300 group-hover:scale-102",
-      }}
-      cardHeading={{
-        className:
-          "text-lg md:text-xl font-semibold text-gray-800 dark:text-white mb-4 leading-tight font-inter group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
-      }}
-      cardSubheading={{
-        className:
-          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
-      }}
-      ariaLabel="AI-powered features for IntelliOpAI"
-      enableMotion={true}
-    />
-  );
-}
+"use client";
+
+import { Features as SharedFeatures } from "@/components/sections/Features";
+
+/**
+ * Product Launch preset for Features
+ */
+export function Features() {
+  const featuresData = [
+    {
+      imageSrc: "/placeholders/product_launch/feature_1.png",
+      imageAlt: "AI-Powered Analytics Dashboard",
+      headingText: "Intelligent Analytics",
+      subheadingText:
+        "Harness the power of AI to gain deep insights into your business performance. Our machine learning algorithms analyze patterns and provide actionable recommendations to drive growth.",
+    },
+    {
+      imageSrc: "/placeholders/product_launch/feature_2.png",
+      imageAlt: "Real-time AI Collaboration Platform",
+      headingText: "AI-Powered Collaboration",
+      subheadingText:
+        "Work seamlessly with AI assistants that understand context and help your team stay productive. Our intelligent collaboration tools adapt to your workflow and boost efficiency.",
+    },
+    {
+      imageSrc: "/placeholders/product_launch/feature_3.png",
+      imageAlt: "Advanced AI Security System",
+      headingText: "AI-Enhanced Security",
+      subheadingText:
+        "Protect your data with next-generation AI security that learns and adapts to threats in real-time. Enterprise-grade protection with intelligent threat detection and prevention.",
+    },
+    {
+      imageSrc: "/placeholders/product_launch/feature_4.png",
+      imageAlt: "Mobile AI Interface",
+      headingText: "Smart Mobile Experience",
+      subheadingText:
+        "Access your AI-powered workspace from anywhere with our intelligent mobile interface. Responsive design that adapts to your device and provides contextual assistance on the go.",
+    },
+  ];
+
+  return (
+    <SharedFeatures
+      id="features"
+      sectionHeading="AI-Powered Features"
+      sectionSubheading="Experience the future of intelligent automation with our cutting-edge AI technology"
+      featuresData={featuresData}
+      section={{
+        className: "py-20 md:py-24 lg:py-28 bg-white dark:bg-gray-900",
+      }}
+      container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }}
+      header={{ className: "text-center mb-16" }}
+      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 max-w-4xl mx-auto leading-relaxed font-inter",
+      }}
+      grid={{
+        className:
+          "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-8 md:gap-10",
+      }}
+      card={{
+        className:
+          "h-full transition-all duration-500 hover:-translate-y-4 hover:shadow-2xl hover:shadow-purple-500/20 group border border-gray-100 dark:border-gray-800 rounded-xl overflow-hidden",
+      }}
+      image={{
+        className:
+          "object-cover transition-transform duration-300 group-hover:scale-102",
+      }}
+      cardHeading={{
+        className:
+          "text-lg md:text-xl font-semibold text-gray-800 dark:text-white mb-4 leading-tight font-inter group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
+      }}
+      cardSubheading={{
+        className:
+          "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
+      }}
+      ariaLabel="AI-powered features for IntelliOpAI"
+      enableMotion={true}
+    />
+  );
+}

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

@@ -1,132 +1,132 @@
-"use client";
-
-import { Footer as SharedFooter } from "@/components/sections/Footer";
-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"
-    />
-  );
-}
+"use client";
+
+import { Footer as SharedFooter } from "@/components/sections/Footer";
+import { Twitter, Linkedin, Github, Youtube, Mail } from "lucide-react";
+
+/**
+ * Preset Footer for the Product Launch template
+ */
+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"
+    />
+  );
+}