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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Pricing.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,gCAiFtB"}

package/dist/templates/aiworkflow/components/Pricing.jsx

@@ -0,0 +1,63 @@
+// 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";
+export function Pricing() {
+    return (<SharedPricing id="pricing" pricingHeadingText="Pricing for teams automating real operational work" pricingPlans={[
+            {
+                pricingPlanHeaderText: "Starter",
+                pricingPlanPrice: "$49/mo",
+                pricingPlanFeatures: [
+                    "3 active workflows",
+                    "Slack and email intake",
+                    "Shared approval inbox",
+                    "Core analytics",
+                ],
+                pricingPlanCTALabel: "Start free",
+                pricingPlanCTAHref: "#contact",
+            },
+            {
+                pricingPlanHeaderText: "Growth",
+                pricingPlanPrice: "$149/mo",
+                pricingPlanFeatures: [
+                    "Unlimited workflows",
+                    "CRM and project tool sync",
+                    "Advanced approval routing",
+                    "Live execution dashboards",
+                    "Role-based governance",
+                ],
+                pricingPlanCTALabel: "Book a demo",
+                pricingPlanCTAHref: "#contact",
+                isPopular: true,
+            },
+            {
+                pricingPlanHeaderText: "Enterprise",
+                pricingPlanPrice: "Custom",
+                pricingPlanFeatures: [
+                    "Private deployment options",
+                    "Custom policy and knowledge connectors",
+                    "SSO and audit exports",
+                    "Dedicated onboarding",
+                    "Priority support",
+                ],
+                pricingPlanCTALabel: "Talk to sales",
+                pricingPlanCTAHref: "#contact",
+            },
+        ]} section={{ className: "bg-background pt-18 pb-16" }} container={{ className: "max-w-7xl mx-auto px-6" }} heading={{
+            className: "mb-4 text-center font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
+        }} grid={{ className: "mt-12 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }} card={{
+            className: "relative rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] text-[var(--card-fg)] shadow-[var(--card-shadow)] transition-all duration-300 hover:-translate-y-1 hover:shadow-xl",
+        }} title={{
+            className: "font-inter text-xl font-semibold text-[var(--card-title-fg)]",
+        }} price={{
+            className: "font-outfit text-3xl font-semibold text-[var(--card-title-fg)]",
+        }} featureItem={{
+            className: "font-inter text-sm text-[var(--card-muted-fg)] md:text-base",
+        }} cta={{
+            variant: "default",
+            size: "lg",
+            className: "w-full font-inter font-semibold [--btn-bg:theme(colors.cyan.500)] [--btn-fg:theme(colors.slate.950)] [--btn-border:transparent] hover:[--btn-hover-bg:theme(colors.cyan.400)] hover:[--btn-hover-fg:theme(colors.slate.950)]",
+        }} popularBadge={{
+            className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border border-[var(--badge-active-border)] bg-[var(--badge-active-bg)] px-4 py-1 text-xs font-semibold text-[var(--badge-active-fg)]",
+        }} ariaLabel="AI workflow pricing"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessTimeline.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/ProcessTimeline.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,gCAkG9B"}

package/dist/templates/aiworkflow/components/ProcessTimeline.jsx

@@ -0,0 +1,58 @@
+// 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";
+export function ProcessTimeline() {
+    return (<SharedProcessTimeline steps={[
+            {
+                stepNumber: 1,
+                title: "Capture the request",
+                description: "AI turns messages, tickets, and forms into structured workflow inputs with clear intent and metadata.",
+                icon: "✉️",
+            },
+            {
+                stepNumber: 2,
+                title: "Ground the decision",
+                description: "Policies, playbooks, and account context are pulled in before the workflow takes action.",
+                icon: "🧠",
+            },
+            {
+                stepNumber: 3,
+                title: "Route approvals and actions",
+                description: "Human review appears only when thresholds or policy require it, while approved actions continue automatically.",
+                icon: "✅",
+            },
+            {
+                stepNumber: 4,
+                title: "Sync every tool",
+                description: "CRM records, project tasks, team updates, and audit logs stay aligned from one execution graph.",
+                icon: "🔄",
+            },
+        ]} heading="From request to completed workflow in four clear stages" subheading="Keep AI automation visible, governed, and operational across the systems your team already uses." section={{
+            className: "bg-[linear-gradient(180deg,rgba(248,250,252,1)_0%,rgba(240,249,255,0.7)_100%)] py-18 md:py-22 dark:bg-[linear-gradient(180deg,rgba(2,6,23,1)_0%,rgba(8,47,73,0.4)_100%)]",
+        }} container={{ className: "max-w-6xl mx-auto px-6 md:px-10" }} header={{ className: "mb-16 text-center" }} headingStyle={{
+            className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
+        }} subheadingStyle={{
+            className: "mx-auto max-w-3xl font-inter text-base leading-7 text-[var(--subheading-fg)] md:text-lg",
+        }} timelineContainer={{ className: "mx-auto w-full max-w-5xl" }} desktopTimeline={{
+            className: "relative hidden w-full justify-between lg:flex",
+        }} connectingLine={{
+            className: "absolute left-16 right-16 top-8 h-px bg-gradient-to-r from-cyan-200 via-sky-400 to-violet-400 dark:from-cyan-900 dark:via-cyan-500 dark:to-violet-500",
+        }} stepContainer={{
+            className: "relative z-10 flex max-w-56 flex-1 flex-col items-center gap-5",
+        }} stepCircle={{
+            className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-950 text-white shadow-lg shadow-cyan-500/10 dark:bg-cyan-400 dark:text-slate-950",
+        }} stepNumber={{ className: "font-outfit text-2xl font-bold" }} stepIcon={{ className: "text-3xl" }} stepContent={{ className: "space-y-3 text-center" }} stepTitle={{
+            className: "font-inter text-lg font-semibold text-[var(--card-title-fg)]",
+        }} stepDescription={{
+            className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)]",
+        }} mobileTimeline={{ className: "flex w-full flex-col gap-8 lg:hidden" }} mobileStep={{ className: "relative flex items-start" }} mobileVerticalLine={{
+            className: "absolute bottom-[-2rem] left-8 top-16 w-px bg-cyan-300 dark:bg-cyan-700",
+        }} mobileStepCircle={{
+            className: "mr-6 flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white shadow-lg dark:bg-cyan-400 dark:text-slate-950",
+        }} mobileStepContent={{ className: "flex-1 space-y-3 pt-2" }} mobileStepIcon={{ className: "text-3xl" }} mobileStepTitle={{
+            className: "font-inter text-lg font-semibold text-[var(--card-title-fg)]",
+        }} mobileStepDescription={{
+            className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)]",
+        }} ariaLabel="AI workflow process timeline"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Testimonials.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,gCAmD3B"}

package/dist/templates/aiworkflow/components/Testimonials.jsx

@@ -0,0 +1,33 @@
+// 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";
+export function Testimonials() {
+    return (<SharedTestimonials testimonialSectionHeader="Operators, RevOps, and IT teams keep the loop closed" testimonials={[
+            {
+                testimonialText: "We replaced manual intake, Slack follow-up, and CRM updates with one workflow that now runs end-to-end in minutes.",
+                testimonialAuthor: "- Maya Chen, RevOps Lead at Northstar",
+                testimonialAuthorInitials: "MC",
+            },
+            {
+                testimonialText: "Approvals used to stall launches for hours. Now legal only sees the exceptions and everyone else gets live status automatically.",
+                testimonialAuthor: "- Daniel Ruiz, GTM Systems Manager",
+                testimonialAuthorInitials: "DR",
+            },
+            {
+                testimonialText: "The audit trail made adoption easy. Teams trust the automations because every action is grounded, visible, and recoverable.",
+                testimonialAuthor: "- Priya Patel, Director of Operations",
+                testimonialAuthorInitials: "PP",
+            },
+        ]} section={{ className: "bg-background py-18 px-6 md:py-22" }} container={{ className: "max-w-7xl mx-auto" }} header={{ className: "mb-12 text-center" }} heading={{
+            className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl",
+        }} grid={{ className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }} card={{
+            className: "rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] p-6 text-[var(--card-fg)] shadow-[var(--card-shadow)] transition-transform duration-200 hover:-translate-y-1",
+        }} text={{
+            className: "font-inter text-base italic leading-7 text-[var(--card-fg)]",
+        }} author={{
+            className: "font-inter text-sm font-medium text-[var(--card-muted-fg)]",
+        }} avatar={{
+            className: "flex h-12 w-12 items-center justify-center rounded-full border border-[var(--badge-border)] bg-[var(--badge-bg)] text-[var(--badge-fg)]",
+        }} avatarText={{ className: "font-inter text-sm font-bold" }} ariaLabel="AI workflow customer testimonials"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/TrustBadges.tsx"],"names":[],"mappings":"AAOA,wBAAgB,WAAW,gCAsD1B"}

package/dist/templates/aiworkflow/components/TrustBadges.jsx

@@ -0,0 +1,38 @@
+// 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";
+export function TrustBadges() {
+    return (<SharedTrustBadges id="trust-badges" trustBadgesSectionHeader="Teams replacing manual ops with AI workflows" badges={[
+            {
+                badgeText: "72% faster routing",
+                badgeDescription: "Workflow handoffs",
+                badgeIcon: "⚡",
+            },
+            {
+                badgeText: "40+ integrations",
+                badgeDescription: "Connected systems",
+                badgeIcon: "🔌",
+            },
+            {
+                badgeText: "SOC 2 ready",
+                badgeDescription: "Security posture",
+                badgeIcon: "🔒",
+            },
+            {
+                badgeText: "Full audit trail",
+                badgeDescription: "Approvals + logs",
+                badgeIcon: "🧾",
+            },
+        ]} section={{
+            className: "border-y border-slate-200/80 bg-white/70 py-10 dark:border-slate-800 dark:bg-slate-950/60",
+        }} container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }} header={{ className: "mb-10 text-center" }} heading={{
+            className: "font-outfit text-2xl font-semibold text-[var(--heading-fg)] md:text-3xl",
+        }} badgesContainer={{
+            className: "flex flex-wrap items-center justify-center gap-8 md:gap-12",
+        }} badge={{ className: "min-w-[170px] text-center" }} badgeContent={{ className: "flex flex-col items-center gap-3" }} icon={{ className: "text-3xl" }} description={{
+            className: "text-sm font-inter text-[var(--card-muted-fg)]",
+        }} text={{
+            className: "font-inter text-base font-semibold text-[var(--card-title-fg)]",
+        }} layout="horizontal" ariaLabel="AI workflow trust badges"/>);
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/digitalagency/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,wBAAgB,aAAa,sBAmB5B"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/digitalagency/Page.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,wBAAgB,IAAI,sBAmBnB"}

package/dist/templates/digitalagency/Page.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.
+"use client";
 import React from "react";
 import { Navbar } from "./components/Navbar";
 import { Hero } from "./components/Hero";
@@ -12,21 +15,21 @@ import { CTA } from "./components/CTA";
 import { Contact } from "./components/Contact";
 import { Footer } from "./components/Footer";
 import { PresetThemeVars } from "./PresetThemeVars";
-export function DigitalAgency() {
-    return (<PresetThemeVars>
-      <main>
-        <Navbar />
-        <Hero />
-        <Services />
-        <Portfolio />
-        <Testimonials />
-        <Process />
-        <About />
-        <Team />
-        <Pricing />
-        <CTA />
-        <Contact />
-        <Footer />
-      </main>
+export function Page() {
+    return (<PresetThemeVars>
+      <main>
+        <Navbar />
+        <Hero />
+        <Services />
+        <Portfolio />
+        <Testimonials />
+        <Process />
+        <About />
+        <Team />
+        <Pricing />
+        <CTA />
+        <Contact />
+        <Footer />
+      </main>
     </PresetThemeVars>);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/digitalagency/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/digitalagency/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/digitalagency/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";
 /**
@@ -25,7 +27,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)]", 
         // About section accent
-        "[--about-accent:theme(colors.fuchsia.600)] dark:[--about-accent:theme(colors.fuchsia.400)]", className)}>
-      {children}
+        "[--about-accent:theme(colors.fuchsia.600)] dark:[--about-accent:theme(colors.fuchsia.400)]", className)}>
+      {children}
     </div>);
 }

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

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

package/dist/templates/digitalagency/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/digitalagency/components/CTA.d.ts.map

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

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

@@ -1,9 +1,11 @@
+// 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";
 export function CTA() {
     return (<SharedCTA 
-    // Background colors moved to the section slot
+    // Background colors
     section={{
             className: "bg-sky-50 dark:bg-gray-900 text-foreground [--heading-fg:rgb(17,24,39)] dark:[--heading-fg:white] [--subheading-fg:rgba(17,24,39,0.8)] dark:[--subheading-fg:rgba(255,255,255,0.85)] [--description-fg:rgba(17,24,39,0.75)] dark:[--description-fg:rgba(255,255,255,0.75)]",
         }} 
@@ -11,7 +13,7 @@ export function CTA() {
     container={{
             className: "mx-auto flex h-[32vh] w-full max-w-6xl flex-col items-center justify-center overflow-hidden px-4 pb-8",
         }} 
-    // Heading mapped to the new headingText slot
+    // Heading text
     headingText={{
             text: "Ready To Transform Your Business?",
             className: "text-4xl md:text-5xl lg:text-6xl font-bold font-poppins leading-tight",
@@ -19,13 +21,9 @@ export function CTA() {
     // Use actionsWrapper for spacing instead of margin on the button
     actionsWrapper={{
             className: "mt-6 flex flex-col items-center gap-3 sm:flex-row [--btn-ring:rgba(192,38,211,0.35)] dark:[--btn-ring:rgba(192,38,211,0.45)]",
-        }} 
-    // Primary CTA mapped to ctaButton + ctaButtonStyle
-    ctaButton={{ label: "Get Your Free Quote", href: "#contact" }} ctaButtonStyle={{
+        }} ctaButton={{ label: "Get Your Free Quote", href: "#contact" }} ctaButtonStyle={{
             variant: "default",
             size: "lg",
             className: "font-poppins shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 [--btn-bg:#c026d3] dark:[--btn-bg:#c026d3] [--btn-hover-bg:#a21caf] dark:[--btn-hover-bg:#a21caf] [--btn-fg:#ffffff] dark:[--btn-fg:#ffffff] hover:[--btn-hover-fg:#ffffff] dark:hover:[--btn-hover-fg:#ffffff] [--btn-border:transparent]",
-        }} 
-    // Preserve the previous top margin on the heading
-    spacing={{ topMargin: "mt-[8vh]" }}/>);
+        }} spacing={{ topMargin: "mt-[8vh]" }}/>);
 }

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

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

package/dist/templates/digitalagency/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";
@@ -56,11 +58,12 @@ 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={agencyContactFormData} contactHeaderText="Let’s Talk Strategy" contactSubHeaderText="We’re here to help you grow — tell us how!" 
     // Root and layout
     className="w-full" section={{ className: "py-16 px-4 bg-fuchsia-600 dark:bg-fuchsia-600" }} container={{ className: "mx-auto max-w-4xl" }} 
-    // Header slots (new)
+    // Header slots
     headerWrapper={{ className: "mb-8 text-center" }} headerText={{
             className: "text-4xl md:text-5xl font-bold font-poppins text-white tracking-tight",
         }} subheaderText={{
@@ -80,7 +83,7 @@ export function Contact() {
         }} textarea={{
             className: "w-full p-3 rounded-md resize-vertical min-h-[120px] font-inter border-[var(--input-border)] bg-[var(--input-bg)] text-[var(--input-fg)] placeholder:text-[var(--input-placeholder)] focus-visible:ring-2 focus-visible:ring-[var(--input-focus-ring)] focus-visible:ring-offset-[var(--input-ring-offset)]",
         }} 
-    // Submit button (split between wrapper/style/text)
+    // Submit button
     submitButtonWrapper={{ className: "pt-2" }} submitButtonStyle={{
             variant: "default",
             size: "lg",

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B;;;;GAIG;AACH,wBAAgB,MAAM,sBA6CrB"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Footer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B;;;;GAIG;AACH,wBAAgB,MAAM,sBA6CrB"}

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

@@ -1,6 +1,8 @@
+// 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 { Footer as SharedFooter } from "@nextworks/blocks-sections";
+import { Footer as SharedFooter, } from "@nextworks/blocks-sections";
 const agencyNavLinks = [
     {
         heading: "Services",

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

@@ -1,7 +1,6 @@
 import React from "react";
 /**
- * Hero preset for the digital agency template,
- * wired to the shared HeroSplit with slots + cn API.
+ * Hero preset for the digital agency template
  */
 export declare function Hero(): React.JSX.Element;
 //# sourceMappingURL=Hero.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,wBAAgB,IAAI,sBA+EnB"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Hero.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,wBAAgB,IAAI,sBAyEnB"}

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

@@ -1,13 +1,14 @@
+// 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 { HeroSplit } from "@nextworks/blocks-sections";
-import { NetworkPattern } from "../components/NetworkPattern";
+import { NetworkPattern } from "./NetworkPattern";
 /**
- * Hero preset for the digital agency template,
- * wired to the shared HeroSplit with slots + cn API.
+ * Hero preset for the digital agency template
  */
 export function Hero() {
-    return (<section id="home" className="bg-white dark:bg-black">
+    return (<section id="home" className="bg-white dark:bg-black">
       <HeroSplit section={{
             className: "relative bg-gradient-to-br from-violet-600 to-fuchsia-600 px-6 pt-8 pb-16 md:pt-12 md:pb-20 text-white hero-pattern",
         }} heading={{
@@ -35,14 +36,13 @@ export function Hero() {
             size: "lg",
             className: [
                 "font-poppins font-semibold px-8 py-3 text-lg shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
-                "border-2", // match previous thickness
+                "border-2",
                 // set colors via vars
-                "[--btn-fg:oklch(0.51_0.18_341)]", // fuchsia-700-ish
-                "[--btn-border:oklch(0.97_0.01_0)]", // white/90 approx
+                "[--btn-fg:oklch(0.51_0.18_341)]",
+                "[--btn-border:oklch(0.97_0.01_0)]",
                 "[--btn-bg:oklch(0.97_0.01_0_/0.9)]",
-                "hover:[--btn-hover-bg:oklch(1_0_0)]", // white
+                "hover:[--btn-hover-bg:oklch(1_0_0)]",
                 "hover:[--btn-hover-fg:oklch(0.51_0.18_341)]",
-                // dark: make it a light outline with white text
                 "dark:[--btn-fg:oklch(1_0_0)]",
                 "dark:[--btn-border:oklch(1_0_0_/0.9)]",
                 "dark:[--btn-bg:transparent]",
@@ -52,20 +52,13 @@ export function Hero() {
             src: undefined,
             alt: "Digital innovation network visualization",
             className: "object-contain",
-        }} imageLayout="full-bleed" fallback={<NetworkPattern />} imageContainer={{ className: "mt-10 sm:mt-10 md:mt-0 md:mr-0 lg:mr-7" }} 
-    // imageContainer={{
-    //   className:
-    //     "relative w-full min-h-[16rem] h-[20rem] md:h-[28rem] lg:h-[32rem] self-start mt-20 lg:mt-0 mb-10 lg:mb-0",
-    // }}
-    textContainer={{
+        }} imageLayout="full-bleed" fallback={<NetworkPattern />} imageContainer={{ className: "mt-10 sm:mt-10 md:mt-0 md:mr-0 lg:mr-7" }} textContainer={{
             className: "flex-1 px-5 lg:px-8 lg:self-start pt-0 md:pt-2 lg:pt-4",
         }} buttonsContainer={{
             className: [
                 "gap-4 mt-8 sm:flex-col lg:flex-row",
-                "[--btn-ring:oklch(1_0_0)]", // white ring to match on purple bg
+                "[--btn-ring:oklch(1_0_0)]",
             ].join(" "),
-        }} 
-    // buttonsContainer={{ className: "flex gap-4 mt-8" }}
-    textAlign="center" ariaLabel="Digital innovation that drives growth hero section"/>
+        }} textAlign="center" ariaLabel="Digital innovation that drives growth hero section"/>
     </section>);
 }

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

@@ -1,11 +1,13 @@
 import type { ComponentProps } from "react";
 import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
 /**
- * Digital Agency preset Navbar (Nexus Digital)
+ * Digital Agency preset Navbar
  *
  * - No CTA button (ctaButton = null)
  * - Fuchsia hover/focus accents for links and toggles
- * - Exposes the Shared Navbar API via shallow-merge overrides
+ * - Exposes the full Shared Navbar API via shallow-merge overrides
+ *
+ * This preset exposes the Shared Navbar API, allowing full customization of any prop or slot.
  *
  * Example overrides:
  * <Navbar

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGpE;;;;;;;;;;;;GAYG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AA2FlD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGpE;;;;;;;;;;;;;;GAcG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AA2FlD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}

package/dist/templates/digitalagency/components/Navbar.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 { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
 import { BrandNodeGradientRing } from "@nextworks/blocks-core";
@@ -65,7 +67,7 @@ const defaultProps = {
     colorModeWrapper: {
         className: "ml-2",
     },
-    // With variables above, ThemeToggle can rely on them; explicit override optional
+    // ThemeToggle reads the CSS vars defined in `nav.className`; override via `themeToggle` if needed.
     // themeToggle: { ... }
     ctaButtonWrapper: {
         className: "ml-2",

package/dist/templates/digitalagency/components/NetworkPattern.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkPattern.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/NetworkPattern.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA8RlC,CAAC"}
+{"version":3,"file":"NetworkPattern.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/NetworkPattern.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAuRlC,CAAC"}