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

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

@@ -1,83 +1,83 @@
-"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}
-    />
-  );
-}
+"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";
-
-/**
- * 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"
-    />
-  );
-}
+"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"
+    />
+  );
+}

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

@@ -1,88 +1,88 @@
-"use client";
-
-import { HeroSplit as SharedHeroSplit } from "@/components/sections/HeroSplit";
-
-/**
- * Product Launch preset for Hero
- */
-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 (ensuring 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"
-    />
-  );
-}
+"use client";
+
+import { HeroSplit as SharedHeroSplit } from "@/components/sections/HeroSplit";
+
+/**
+ * Product Launch preset for Hero
+ */
+export function Hero() {
+  return (
+    <SharedHeroSplit
+      heading={{
+        text: "Goodie 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 (ensuring 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"
+    />
+  );
+}