@nextworks/blocks-templates 0.2.0-alpha.11 → 0.2.0-alpha.13

package/dist/templates/gallery/page.jsx

@@ -1,8 +1,27 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
-import { About, Contact, CTA, FAQ, Features, Footer, HeroMotion, HeroOverlay, HeroSplit, Navbar, Newsletter, PortfolioSimple, Pricing, ProcessTimeline, ServicesGrid, Team, Testimonials, TrustBadges, } from "@nextworks/blocks-sections";
+import { About } from "@nextworks/blocks-sections";
+import { Contact } from "@nextworks/blocks-sections";
+import { CTA } from "@nextworks/blocks-sections";
+import { FAQ } from "@nextworks/blocks-sections";
+import { Features } from "@nextworks/blocks-sections";
+import { Footer } from "@nextworks/blocks-sections";
+import { HeroMotion } from "@nextworks/blocks-sections";
+import { HeroOverlay } from "@nextworks/blocks-sections";
+import { HeroSplit } from "@nextworks/blocks-sections";
+import { Navbar } from "@nextworks/blocks-sections";
+import { Newsletter } from "@nextworks/blocks-sections";
+import { PortfolioSimple } from "@nextworks/blocks-sections";
+import { Pricing } from "@nextworks/blocks-sections";
+import { ProcessTimeline } from "@nextworks/blocks-sections";
+import { ServicesGrid } from "@nextworks/blocks-sections";
+import { Team } from "@nextworks/blocks-sections";
+import { Testimonials } from "@nextworks/blocks-sections";
 import { ThemeSelector } from "@nextworks/blocks-core";
+import { TrustBadges } from "@nextworks/blocks-sections";
 import { PresetThemeVars } from "./PresetThemeVars";
-export default function Gallery() {
+export function Gallery() {
     const defaultFeaturesData = [
         {
             imageSrc: "/placeholders/gallery/pexels-googledeepmind-25626431.jpg",
@@ -29,17 +48,17 @@ export default function Gallery() {
             subheadingText: "Access your data and manage your workflow from anywhere with our responsive, mobile-optimized interface that works perfectly on all devices.",
         },
     ];
-    const BrandNode = (<>
-      <ThemeSelector ariaLabel="Demo: Color theme" label="" className="mr-2"/>
-
-      {/* <ThemeSelector /> */}
-      <div className="flex h-7 w-7 items-center justify-center rounded-md bg-gradient-to-br from-zinc-900 via-zinc-700 to-zinc-500 text-xs font-bold text-white shadow-sm dark:from-zinc-100 dark:via-zinc-300 dark:to-zinc-500 dark:text-zinc-900">
-        NW
-      </div>
+    const BrandNode = (<>
+      <ThemeSelector ariaLabel="Demo: Color theme" label="" className="mr-2"/>
+
+      {/* <ThemeSelector /> */}
+      <div className="flex h-7 w-7 items-center justify-center rounded-md bg-gradient-to-br from-zinc-900 via-zinc-700 to-zinc-500 text-xs font-bold text-white shadow-sm dark:from-zinc-100 dark:via-zinc-300 dark:to-zinc-500 dark:text-zinc-900">
+        NW
+      </div>
     </>);
-    return (<PresetThemeVars>
-      <div className="component-gallery">
-        {/* Navigation */}
+    return (<PresetThemeVars>
+      <div className="component-gallery">
+        {/* Navigation */}
         <Navbar container={{ className: "max-w-7xl mx-auto" }} mobileMenu={{
             className: "border-t border-border md:block lg:hidden",
         }} desktopMenu={{
@@ -57,9 +76,9 @@ export default function Gallery() {
             { label: "Contact", href: "#contact" },
         ]} links={{
             className: "text-base font-normal text-foreground hover:text-gray-500 dark:hover:text-gray-400 transition-colors",
-        }} ctaButton={null}/>
-        {/* Hero Sections */}
-        <div id="hero-sections">
+        }} ctaButton={null}/>
+        {/* Hero Sections */}
+        <div id="hero-sections">
           <HeroMotion actions={{
             className: "mt-8 flex items-center justify-center gap-3 [--btn-ring:var(--ring)]",
         }} primaryButtonStyle={{
@@ -78,7 +97,7 @@ export default function Gallery() {
                 "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_15%,transparent)] " +
                 "dark:hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_18%,transparent)] " +
                 "hover:[--btn-hover-fg:var(--primary)] dark:hover:[--btn-hover-fg:var(--primary)]",
-        }} primaryCta={{ label: "Get Started", href: "#hero-sections" }} secondaryCta={{ label: "See Demo", href: "#hero-sections" }}/>
+        }} primaryCta={{ label: "Get Started", href: "#hero-sections" }} secondaryCta={{ label: "See Demo", href: "#hero-sections" }}/>
           <HeroOverlay heading="Forecast The Next Move" subheading="Predict demand, personalize journeys, and scale impact with AI-guided insights your team can use today." cta1={{
             label: "Try It Free",
             href: "#hero-sections",
@@ -88,7 +107,6 @@ export default function Gallery() {
         }} cta2={{
             label: "See Demo",
             href: "#hero-sections",
-            // Outline CTA should be transparent bg, primary fg/border, with subtle hover bg
             className: "border [&:where(button)]:border " +
                 "[--btn-bg:transparent] dark:[--btn-bg:transparent] " +
                 "[--btn-fg:var(--primary)] dark:[--btn-fg:var(--primary)] " +
@@ -102,7 +120,7 @@ export default function Gallery() {
             className: "flex flex-col sm:flex-row gap-4 mt-6 justify-center items-center [--btn-ring:var(--ring)]",
         }} image={{
             src: "/placeholders/gallery/hero-pexels-broken-9945014.avif",
-        }}/>
+        }}/>
           <HeroSplit heading="Confident Decisions, On Demand" subheading="Reliable data when you need it." cta1={{
             label: "Start Free Trial",
             href: "#hero-sections",
@@ -123,38 +141,38 @@ export default function Gallery() {
             className: "flex flex-col md:flex-row gap-4 mt-6 [--btn-ring:var(--ring)]",
         }} image={{
             src: "/placeholders/gallery/hero-pexels-broken-9945014.avif",
-        }} imageLayout="full-bleed"/>
-          {/*  */}
-        </div>
-        {/* Trust & Social Proof */}
-        <div id="trust" className="scroll-mt-16">
-          <TrustBadges />
-        </div>
-        {/* Features & Services */}
-        <div id="features" className="scroll-mt-16">
-          <Features featuresData={defaultFeaturesData}></Features>
-          <ServicesGrid />
-        </div>
-        {/* About & Process */}
-        <div id="about-process" className="scroll-mt-16">
-          <About animateStats={false}/>
-          <ProcessTimeline />
-        </div>
-        {/* Portfolio & Team */}
-        <div id="portfolio-team" className="scroll-mt-16">
-          <PortfolioSimple />
-          <Team />
-        </div>
-        {/* Testimonials */}
-        <div id="testimonials" className="scroll-mt-16">
-          <Testimonials />
-        </div>
-        {/* Pricing */}
-        <div id="pricing" className="scroll-mt-16">
-          <Pricing />
-        </div>
-        {/* FAQ */}
-        <div id="faq" className="scroll-mt-16">
+        }} imageLayout="full-bleed"/>
+          {/*  */}
+        </div>
+        {/* Trust & Social Proof */}
+        <div id="trust" className="scroll-mt-16">
+          <TrustBadges />
+        </div>
+        {/* Features & Services */}
+        <div id="features" className="scroll-mt-16">
+          <Features featuresData={defaultFeaturesData}></Features>
+          <ServicesGrid />
+        </div>
+        {/* About & Process */}
+        <div id="about-process" className="scroll-mt-16">
+          <About animateStats={false}/>
+          <ProcessTimeline />
+        </div>
+        {/* Portfolio & Team */}
+        <div id="portfolio-team" className="scroll-mt-16">
+          <PortfolioSimple />
+          <Team />
+        </div>
+        {/* Testimonials */}
+        <div id="testimonials" className="scroll-mt-16">
+          <Testimonials />
+        </div>
+        {/* Pricing */}
+        <div id="pricing" className="scroll-mt-16">
+          <Pricing />
+        </div>
+        {/* FAQ */}
+        <div id="faq" className="scroll-mt-16">
           <FAQ questionButton={{
             className: 
             // Distinct, theme-driven gradient tile + brand ring/border
@@ -165,15 +183,15 @@ export default function Gallery() {
                 "text-[var(--primary-foreground)] p-5 cursor-pointer rounded-lg " +
                 "transition-all duration-200 flex items-center justify-between " +
                 "shadow-lg hover:shadow-xl hover:-translate-y-0.5 " +
-                // Define ring/border vars and ensure a visible border if tokens apply
+                // define ring/border vars and ensure a visible border if tokens apply
                 "[--btn-ring:var(--ring)] [--btn-border:var(--primary)] border [&:where(button)]:border",
         }} answer={{
             className: "bg-gradient-to-r " +
                 "from-[var(--secondary)] to-[color-mix(in_oklab,var(--secondary)_90%,white)] ",
-        }}/>
-        </div>
-        {/* Call to Action */}
-        <div id="cta" className="scroll-mt-16">
+        }}/>
+        </div>
+        {/* Call to Action */}
+        <div id="cta" className="scroll-mt-16">
           <CTA ctaButton={{ label: "Sign Up Now", href: "#contact" }} actionsWrapper={{
             className: "mt-6 flex flex-col items-center gap-3 sm:flex-row [--btn-ring:var(--ring)]",
         }} ctaButtonStyle={{
@@ -183,10 +201,10 @@ export default function Gallery() {
                 "[--btn-bg:var(--primary)] [--btn-fg:var(--primary-foreground)] " +
                 "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_88%,black)] " +
                 "hover:[--btn-hover-fg:var(--primary-foreground)]",
-        }}/>
-        </div>
-        {/* Contact */}
-        <div id="contact" className="scroll-mt-16">
+        }}/>
+        </div>
+        {/* Contact */}
+        <div id="contact" className="scroll-mt-16">
           <Contact submitButtonStyle={{
             variant: "default",
             size: "lg",
@@ -198,18 +216,18 @@ export default function Gallery() {
                 "hover:to-[color-mix(in_oklab,var(--primary)_95%,black)] " +
                 "text-[var(--primary-foreground)] " +
                 "[--btn-ring:var(--ring)] [--btn-border:var(--primary)] border [&:where(button)]:border",
-        }}/>
-        </div>
-        {/* Newsletter */}
-        <div id="newsletter" className="scroll-mt-16">
+        }}/>
+        </div>
+        {/* Newsletter */}
+        <div id="newsletter" className="scroll-mt-16">
           <Newsletter button={{
             className: "!bg-[var(--primary)] hover:!bg-[color-mix(in_oklab,var(--primary)_90%,transparent)] !text-[var(--primary-foreground)] hover:!text-[var(--primary-background)]",
-        }}/>
-        </div>
-        {/* Footer */}
-        <div id="footer">
-          <Footer />
-        </div>
-      </div>
+        }}/>
+        </div>
+        {/* Footer */}
+        <div id="footer">
+          <Footer />
+        </div>
+      </div>
     </PresetThemeVars>);
 }

package/dist/templates/productlaunch/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/productlaunch/Page.tsx"],"names":[],"mappings":"AAeA,wBAAgB,iBAAiB,gCA6BhC"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/productlaunch/Page.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,gCA6BhC"}

package/dist/templates/productlaunch/Page.jsx

@@ -0,0 +1,44 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+import { Navbar } from "./components/Navbar";
+import { CTA } from "./components/CTA";
+import { Hero } from "./components/Hero";
+import { About } from "./components/About";
+import { Pricing } from "./components/Pricing";
+import { ProcessTimeline } from "./components/ProcessTimeline";
+import { FAQ } from "./components/FAQ";
+import { Contact } from "./components/Contact";
+import { Footer } from "./components/Footer";
+import { Testimonials } from "./components/Testimonials";
+import { TrustBadges } from "./components/TrustBadges";
+import { Features } from "./components/Features";
+export function ProductLaunchPage() {
+    return (
+    // <PresetThemeVars>
+    <>
+      <Navbar />
+      <section id="home">
+        <Hero />
+      </section>
+      <TrustBadges />
+      <About />
+      <section id="features">
+        <Features />
+        <ProcessTimeline />
+      </section>
+      <Testimonials />
+      <CTA />
+      <section id="pricing">
+        <Pricing />
+      </section>
+      <section id="faq">
+        <FAQ />
+      </section>
+      <section id="contact">
+        <Contact />
+      </section>
+      <Footer />
+    </>
+    // </PresetThemeVars>
+    );
+}

package/dist/templates/productlaunch/PresetThemeVars.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type Props = React.PropsWithChildren<{
+    className?: string;
+}>;
+/**
+ * ProductLaunch template theme variables wrapper.
+ * Not used by default for the ProductLaunch template.
+ *
+ * Sets a small CSS variable contract consumed by shared components
+ * (Buttons, Inputs, Cards, Badges, Footer, Table, etc.).
+ *
+ * You can override any variable per-section by re-declaring it on
+ * that section/container.
+ */
+export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=PresetThemeVars.d.ts.map

package/dist/templates/productlaunch/PresetThemeVars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/productlaunch/PresetThemeVars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBA2D7D"}
+{"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/productlaunch/PresetThemeVars.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBA2D7D"}

package/dist/templates/productlaunch/PresetThemeVars.jsx

@@ -1,7 +1,10 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 import React from "react";
 import { cn } from "@nextworks/blocks-core";
 /**
  * ProductLaunch template theme variables wrapper.
+ * Not used by default for the ProductLaunch template.
  *
  * Sets a small CSS variable contract consumed by shared components
  * (Buttons, Inputs, Cards, Badges, Footer, Table, etc.).
@@ -24,7 +27,7 @@ export function PresetThemeVars({ className, children }) {
         // Footer
         "[--footer-bg:transparent] dark:[--footer-bg:transparent]", "[--footer-fg:theme(colors.gray.800)] dark:[--footer-fg:theme(colors.gray.100)]", "[--footer-heading-fg:theme(colors.gray.900)] dark:[--footer-heading-fg:theme(colors.gray.100)]", "[--footer-link-fg:theme(colors.gray.700)] dark:[--footer-link-fg:theme(colors.gray.300)]", "[--footer-link-hover-fg:theme(colors.purple.700)] dark:[--footer-link-hover-fg:theme(colors.purple.400)]", "[--footer-link-hover-bg:theme(colors.purple.50)] dark:[--footer-link-hover-bg:color-mix(in_oklab,oklch(0.17_0.05_324)_20%,transparent)]", "[--footer-muted-fg:theme(colors.gray.500)] dark:[--footer-muted-fg:theme(colors.gray.400)]", "[--footer-border:theme(colors.gray.200)] dark:[--footer-border:theme(colors.gray.800)]", 
         // Table (optional)
-        "[--table-fg:inherit]", "[--table-muted-fg:theme(colors.gray.500)] dark:[--table-muted-fg:theme(colors.gray.400)]", "[--table-head-fg:theme(colors.gray.700)] dark:[--table-head-fg:theme(colors.gray.300)]", "[--table-border:theme(colors.gray.200)] dark:[--table-border:theme(colors.gray.800)]", "[--table-row-hover-bg:theme(colors.gray.50)] dark:[--table-row-hover-bg:theme(colors.gray.900)]", className)}>
-      {children}
+        "[--table-fg:inherit]", "[--table-muted-fg:theme(colors.gray.500)] dark:[--table-muted-fg:theme(colors.gray.400)]", "[--table-head-fg:theme(colors.gray.700)] dark:[--table-head-fg:theme(colors.gray.300)]", "[--table-border:theme(colors.gray.200)] dark:[--table-border:theme(colors.gray.800)]", "[--table-row-hover-bg:theme(colors.gray.50)] dark:[--table-row-hover-bg:theme(colors.gray.900)]", className)}>
+      {children}
     </div>);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/About.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;GAWG;AAEH,wBAAgB,KAAK,sBAkEpB"}
+{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/About.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;GAWG;AAEH,wBAAgB,KAAK,sBAkEpB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import React from "react";
 import { About as SharedAbout } from "@nextworks/blocks-sections";

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

@@ -1 +1 @@
-{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/CTA.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,GAAG,sBA6ClB"}
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/CTA.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,GAAG,sBA4ClB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import React from "react";
 import { CTA as SharedCTA } from "@nextworks/blocks-sections";
@@ -20,18 +22,16 @@ export function CTA() {
     actionsWrapper={{
             className: "mt-4 [--btn-ring:rgba(124,58,237,0.35)] dark:[--btn-ring:rgba(124,58,237,0.45)]",
         }} 
-    // Primary CTA mapped to ctaButton + ctaButtonStyle
+    // Primary CTA
     ctaButton={{ label: "Sign Up Now", href: "#contact" }} ctaButtonStyle={{
             variant: "secondary",
             size: "lg",
             className: "text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border-0 [--btn-bg:white] dark:[--btn-bg:white] [--btn-hover-bg:#f3f4f6] dark:[--btn-hover-bg:#e5e7eb] [--btn-fg:#7c3aed] dark:[--btn-fg:#7c3aed] hover:[--btn-hover-fg:#6d28d9] dark:hover:[--btn-hover-fg:#6d28d9] [--btn-border:transparent]",
         }} 
-    // Secondary CTA using outline style
+    // Secondary CTA
     secondaryButton={{ label: "Learn More", href: "#features" }} secondaryButtonStyle={{
             variant: "outline",
             size: "lg",
             className: "text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border [--btn-bg:transparent] dark:[--btn-bg:transparent] [--btn-fg:white] [--btn-border:rgba(255,255,255,0.9)] dark:[--btn-border:rgba(255,255,255,0.85)] hover:[--btn-hover-bg:white] hover:[--btn-hover-fg:#7c3aed]",
-        }} 
-    // Preserve the previous top margin on the heading
-    spacing={{ topMargin: "mt-[17vh]" }} ariaLabel="Join the product launch call to action"/>);
+        }} spacing={{ topMargin: "mt-[17vh]" }} ariaLabel="Join the product launch call to action"/>);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Contact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwD1B,wBAAgB,OAAO,sBAiEtB"}
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Contact.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwD1B,wBAAgB,OAAO,sBAkEtB"}

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

@@ -1,3 +1,6 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+// app/templates/productlaunch/componnets/Contact.tsx
 "use client";
 import React from "react";
 import { Contact as SharedContact, } from "@nextworks/blocks-sections";
@@ -54,6 +57,7 @@ export function Contact() {
     const handleFormSubmit = (e) => {
         e.preventDefault();
         const data = Object.fromEntries(new FormData(e.currentTarget).entries());
+        console.log("Contact form submitted:", data);
     };
     return (<SharedContact id="contact" fields={productLaunchContactFormData} contactHeaderText="Get Started with IntelliOpAI" contactSubHeaderText="Ready to revolutionize your workflow? Get in touch with our team to learn how our AI solutions can transform your business operations and drive growth." 
     // Root and layout

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

@@ -1 +1 @@
-{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/FAQ.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,GAAG,gCA2ElB"}
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/FAQ.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,wBAAgB,GAAG,gCA6ElB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { FAQ as SharedFAQ } from "@nextworks/blocks-sections";
 import { ChevronDown, ChevronUp } from "lucide-react";
@@ -42,11 +44,13 @@ export function FAQ() {
             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)]",
         }} 
-    // No extra styles for the question text; inherits from button
+    // 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={{

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

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

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

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

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

@@ -1,7 +1,9 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Features as SharedFeatures } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for Features, wired to the shared Features component.
+ * Product Launch preset for Features
  */
 export function Features() {
     const featuresData = [

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Footer.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,MAAM,gCA2HrB"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/productlaunch/components/Footer.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,wBAAgB,MAAM,gCA2HrB"}

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

@@ -1,8 +1,10 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Footer as SharedFooter } from "@nextworks/blocks-sections";
 import { Twitter, Linkedin, Github, Youtube, Mail } from "lucide-react";
 /**
- * Preset Footer for the Product Launch template wired to the shared Footer
+ * Preset Footer for the Product Launch template
  */
 export function Footer() {
     return (<SharedFooter id="footer" footerBrandName="IntelliOpAI" footerNavLinks={[

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

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

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

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

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

@@ -1,11 +1,13 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for Hero, wired to the shared HeroSplit component.
+ * Product Launch preset for Hero
  */
 export function Hero() {
     return (<SharedHeroSplit heading={{
-            text: "Revolutionize Your Workflow with AI",
+            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.",
@@ -30,9 +32,9 @@ export function Hero() {
             variant: "outline",
             size: "lg",
             className: [
-                // layout/typography/shadow/transitions
+                // Layout/typography/shadow/transitions
                 "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
-                // Base colors (ensure outline has transparent bg instead of token background)
+                // 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)]",

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

@@ -9,7 +9,7 @@ import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
  * - Purple hover states for links and theme toggle
  * - Clean white background with dark mode support
  *
- * This preset exposes the Shared Navbar API so any prop/slot can be overridden:
+ * This preset exposes the Shared Navbar API, allowing full customization of any prop or slot.
  *
  * Example:
  * <Navbar

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

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