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

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

@@ -1,85 +1,84 @@
+// 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 { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
 const defaultProps = {
-  brand: "IntelliOpAI",
-  menuItems: [
-    { label: "Home", href: "#home" },
-    { label: "Features", href: "#features" },
-    { label: "Pricing", href: "#pricing" },
-    { label: "FAQ", href: "#faq" },
-    { label: "Contact", href: "#contact" },
-  ],
-  ctaButton: null,
-  showColorModeToggle: true,
-  navHeight: "h-16",
-  sticky: true,
-  ariaLabel: "IntelliOpAI main navigation",
-  // Top-level className is left empty so page-level overrides can add layout constraints if needed.
-  className: "",
-  // Style slots tuned for the purple theme
-  nav: {
-    className:
-      "bg-white dark:bg-gray-900 text-gray-800 dark:text-white border-b border-gray-200 dark:border-gray-800 " +
-      // Accent variables for this preset (read by toggle, links, mobile links)
-      "[--navbar-accent:theme(colors.purple.600)] dark:[--navbar-accent:theme(colors.purple.400)] " +
-      "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
-      "[--navbar-hover-bg:theme(colors.purple.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.17 0.05 324) 20%, transparent)] " +
-      "[--navbar-ring:theme(colors.purple.500)] dark:[--navbar-ring:theme(colors.purple.400)] " +
-      "[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
-  },
-  brandText: {
-    className:
-      "text-xl md:text-2xl font-bold font-outfit text-purple-700 dark:text-purple-500",
-  },
-  links: {
-    className:
-      "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-purple-700 dark:hover:text-purple-500 " +
-      "focus:ring-[var(--navbar-ring)]",
-  },
-  // Preset keeps CTA hidden; if you enable it, these defaults give a subtle lift effect
-  ctaButtonStyle: {
-    variant: "default",
-    size: "default",
-    className:
-      "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
-  },
-  mobileMenu: {
-    className: "border-t border-gray-200 dark:border-gray-800",
-  },
-  container: {
-    className: "max-w-7xl mx-auto",
-  },
-  brandWrapper: {
-    className: "", // Base layout is provided by SharedNavbar; override here if needed
-  },
-  desktopMenu: {
-    className: "hidden items-center space-x-1 md:flex lg:space-x-6",
-  },
-  toggleButton: {
-    className:
-      "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
-      "hover:bg-purple-50 dark:hover:bg-purple-900/20 " +
-      "focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400",
-  },
-  colorModeWrapper: {
-    className: "ml-2",
-  },
-  // With variables above, ThemeToggle can rely on them; explicit override optional
-  // themeToggle: { ... }
-  ctaButtonWrapper: {
-    className: "ml-2",
-  },
-  mobileMenuInner: {
-    className: "space-y-2 px-4 pt-2 pb-4",
-  },
-  // Mobile links will read --navbar-hover-bg; explicit class optional
-  mobileLinks: {
-    className: "hover:bg-[var(--navbar-hover-bg)]",
-  },
+    brand: "IntelliOpAI",
+    menuItems: [
+        { label: "Home", href: "#home" },
+        { label: "Features", href: "#features" },
+        { label: "Pricing", href: "#pricing" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "#contact" },
+    ],
+    ctaButton: null,
+    showColorModeToggle: true,
+    navHeight: "h-16",
+    sticky: true,
+    ariaLabel: "IntelliOpAI main navigation",
+    // Top-level className is left empty so page-level overrides can add layout constraints if needed.
+    className: "",
+    // Style slots tuned for the purple theme
+    nav: {
+        className: "bg-white dark:bg-gray-900 text-gray-800 dark:text-white border-b border-gray-200 dark:border-gray-800 " +
+            // Accent variables for this preset (read by toggle, links, mobile links)
+            "[--navbar-accent:theme(colors.purple.600)] dark:[--navbar-accent:theme(colors.purple.400)] " +
+            "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
+            "[--navbar-hover-bg:theme(colors.purple.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.17 0.05 324) 20%, transparent)] " +
+            "[--navbar-ring:theme(colors.purple.500)] dark:[--navbar-ring:theme(colors.purple.400)] " +
+            "[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
+    },
+    brandText: {
+        className: "text-xl md:text-2xl font-bold font-outfit text-purple-700 dark:text-purple-500",
+    },
+    links: {
+        className: "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-purple-700 dark:hover:text-purple-500 " +
+            "focus:ring-[var(--navbar-ring)]",
+    },
+    // Preset keeps CTA hidden; if enabled, these defaults give a subtle lift effect
+    ctaButtonStyle: {
+        variant: "default",
+        size: "default",
+        className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
+    },
+    mobileMenu: {
+        className: "border-t border-gray-200 dark:border-gray-800",
+    },
+    container: {
+        className: "max-w-7xl mx-auto",
+    },
+    brandWrapper: {
+        className: "", // Base layout is provided by SharedNavbar; override here if needed
+    },
+    desktopMenu: {
+        className: "hidden items-center space-x-1 md:flex lg:space-x-6",
+    },
+    toggleButton: {
+        className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
+            "hover:bg-purple-50 dark:hover:bg-purple-900/20 " +
+            "focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400",
+    },
+    colorModeWrapper: {
+        className: "ml-2",
+    },
+    // ThemeToggle reads the CSS vars defined in `nav.className`; override via `themeToggle` if needed.
+    // themeToggle: { ... }
+    ctaButtonWrapper: {
+        className: "ml-2",
+    },
+    mobileMenuInner: {
+        className: "space-y-2 px-4 pt-2 pb-4",
+    },
+    // Mobile menu links get their hover background from the `--navbar-hover-bg` CSS variable
+    // (set on the `nav` slot above). This class simply applies that variable on `:hover`, and can be
+    // removed/overridden if a different mobile-link hover treatment is preferable.
+    mobileLinks: {
+        className: "hover:bg-[var(--navbar-hover-bg)]",
+    },
 };
 export function Navbar(overrides = {}) {
-  // Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
-  // replaces the default for that slot. This keeps the API simple and predictable.
-  const props = Object.assign(Object.assign({}, defaultProps), overrides);
-  return <SharedNavbar {...props} />;
+    // Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
+    // replaces the default for that slot.
+    const props = Object.assign(Object.assign({}, defaultProps), overrides);
+    return <SharedNavbar {...props}/>;
 }

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

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

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

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

package/dist/templates/productlaunch/components/Pricing.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 { Pricing as SharedPricing } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for Pricing wired to the shared Pricing component
+ * Product Launch preset for Pricing
  */
 export function Pricing() {
     return (<SharedPricing id="pricing" pricingHeadingText="Choose Your AI Plan" pricingPlans={[

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

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

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

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

package/dist/templates/productlaunch/components/ProcessTimeline.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 { ProcessTimeline as SharedProcessTimeline } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for ProcessTimeline wired to the shared ProcessTimeline component
+ * Product Launch preset for ProcessTimeline
  */
 export function ProcessTimeline() {
     const steps = [

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

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

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

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

package/dist/templates/productlaunch/components/ServicesGrid.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 { ServicesGrid as SharedServicesGrid } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for ServicesGrid wired to the shared ServicesGrid component
+ * Product Launch preset for ServicesGrid
  */
 export function ServicesGrid() {
     const servicesData = [

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

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

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

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

package/dist/templates/productlaunch/components/Team.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 { Team as SharedTeam } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for Team wired to the shared Team component
+ * Product Launch preset for Team
  */
 export function Team() {
     const teamMembers = [

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

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

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

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

package/dist/templates/productlaunch/components/Testimonials.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.
 "use client";
 import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for Testimonials wired to the shared Testimonials component
+ * Product Launch preset for Testimonials
+ *
  */
 export function Testimonials() {
     const testimonials = [

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

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

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

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

package/dist/templates/productlaunch/components/TrustBadges.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 { TrustBadges as SharedTrustBadges } from "@nextworks/blocks-sections";
 /**
- * Product Launch preset for TrustBadges wired to the shared TrustBadges component
+ * Product Launch preset for TrustBadges
  */
 export function TrustBadges() {
     const badges = [

package/dist/templates/saasdashboard/Page.d.ts

@@ -0,0 +1,2 @@
+export declare function SaaSDashboardPage(): import("react").JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/saasdashboard/Page.tsx"],"names":[],"mappings":"AAaA,wBAAgB,aAAa,gCAyB5B"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/saasdashboard/Page.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,gCAyBhC"}

package/dist/templates/saasdashboard/Page.jsx

@@ -0,0 +1,37 @@
+// 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 { Hero } from "./components/Hero";
+import { Features } from "./components/Features";
+import { Testimonials } from "./components/Testimonials";
+import { TrustBadges } from "./components/TrustBadges";
+import { Contact } from "./components/Contact";
+import { Pricing } from "./components/Pricing";
+import { FAQ } from "./components/FAQ";
+import { Footer } from "./components/Footer";
+import { SmoothScroll } from "./components/SmoothScroll";
+import { PresetThemeVars } from "./PresetThemeVars";
+export function SaaSDashboardPage() {
+    return (<PresetThemeVars>
+      <div>
+        <SmoothScroll />
+        <Navbar />
+        <section id="home">
+          <Hero />
+        </section>
+        <Features />
+        <Testimonials />
+        <TrustBadges />
+        <section id="pricing">
+          <Pricing />
+        </section>
+        <section id="contact">
+          <Contact />
+        </section>
+        <section id="faq">
+          <FAQ />
+        </section>
+        <Footer />
+      </div>
+    </PresetThemeVars>);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/saasdashboard/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;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAsE7D"}
+{"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/saasdashboard/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;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAsE7D"}

package/dist/templates/saasdashboard/PresetThemeVars.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.
 import React from "react";
 import { cn } from "@nextworks/blocks-core";
 /**
@@ -23,7 +25,7 @@ export function PresetThemeVars({ className, children }) {
         // 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)]", 
         // FAQ specific (optional overrides; fall back to --btn-* and --card-*)
-        "[--faq-btn-bg:var(--btn-bg)] dark:[--faq-btn-bg:var(--btn-bg)]", "[--faq-btn-fg:var(--btn-fg)] dark:[--faq-btn-fg:var(--btn-fg)]", "[--faq-btn-hover-bg:var(--btn-hover-bg)] dark:[--faq-btn-hover-bg:var(--btn-hover-bg)]", "[--faq-btn-hover-fg:var(--btn-hover-fg)] dark:[--faq-btn-hover-fg:var(--btn-hover-fg)]", "[--faq-answer-bg:var(--card-bg)] dark:[--faq-answer-bg:var(--card-bg)]", "[--faq-answer-fg:var(--card-fg)] dark:[--faq-answer-fg:var(--card-fg)]", className)}>
-      {children}
+        "[--faq-btn-bg:var(--btn-bg)] dark:[--faq-btn-bg:var(--btn-bg)]", "[--faq-btn-fg:var(--btn-fg)] dark:[--faq-btn-fg:var(--btn-fg)]", "[--faq-btn-hover-bg:var(--btn-hover-bg)] dark:[--faq-btn-hover-bg:var(--btn-hover-bg)]", "[--faq-btn-hover-fg:var(--btn-hover-fg)] dark:[--faq-btn-hover-fg:var(--btn-hover-fg)]", "[--faq-answer-bg:var(--card-bg)] dark:[--faq-answer-bg:var(--card-bg)]", "[--faq-answer-fg:var(--card-fg)] dark:[--faq-answer-fg:var(--card-fg)]", className)}>
+      {children}
     </div>);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Contact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmD1B,wBAAgB,OAAO,sBA0EtB"}
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Contact.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmD1B,wBAAgB,OAAO,sBA2EtB"}

package/dist/templates/saasdashboard/components/Contact.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 { Contact as SharedContact, } from "@nextworks/blocks-sections";
@@ -49,13 +51,14 @@ export function Contact() {
     const handleFormSubmit = (e) => {
         e.preventDefault();
         const data = Object.fromEntries(new FormData(e.currentTarget).entries());
+        console.log("Contact form submitted:", data);
     };
-    return (<div className="relative">
-      {/* Gradient mesh overlay */}
-      <div aria-hidden className="pointer-events-none absolute inset-0 -z-10 [background-image:radial-gradient(60rem_60rem_at_0%_0%,rgba(59,130,246,0.08),transparent_40%),radial-gradient(50rem_50rem_at_100%_100%,rgba(168,85,247,0.06),transparent_40%)] opacity-20"/>
-      {/* Fine noise/dots texture */}
-      <div aria-hidden className="pointer-events-none absolute inset-0 -z-10 [background-image:radial-gradient(rgba(255,255,255,0.07)_1px,transparent_1px)] [background-size:14px_14px] opacity-[0.05]"/>
-
+    return (<div className="relative">
+      {/* Gradient mesh overlay */}
+      <div aria-hidden className="pointer-events-none absolute inset-0 -z-10 [background-image:radial-gradient(60rem_60rem_at_0%_0%,rgba(59,130,246,0.08),transparent_40%),radial-gradient(50rem_50rem_at_100%_100%,rgba(168,85,247,0.06),transparent_40%)] opacity-20"/>
+      {/* Fine noise/dots texture */}
+      <div aria-hidden className="pointer-events-none absolute inset-0 -z-10 [background-image:radial-gradient(rgba(255,255,255,0.07)_1px,transparent_1px)] [background-size:14px_14px] opacity-[0.05]"/>
+
       <SharedContact id="contact" ariaLabel="SaaS dashboard contact section" fields={saasContactFormData} contactHeaderText="Ready to See DashFlow in Action?" contactSubHeaderText="Tell us a bit about your team and we'll reach out with a tailored demo." 
     // Root and section
     className="w-full" section={{
@@ -84,6 +87,6 @@ export function Contact() {
             variant: "default",
             size: "lg",
             className: "w-full bg-blue-600 hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-400 text-white font-semibold font-inter shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
-        }} submitButtonText="Send Request" onSubmit={handleFormSubmit}/>
+        }} submitButtonText="Send Request" onSubmit={handleFormSubmit}/>
     </div>);
 }

package/dist/templates/saasdashboard/components/Dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Dashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAuB,EACvB,QAA4C,GAC7C,EAAE,cAAc,qBA2DhB;AAoLD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,YAAY,qBAwB3D"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Dashboard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAuB,EACvB,QAA4C,GAC7C,EAAE,cAAc,qBA2DhB;AAoLD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,YAAY,qBAwB3D"}