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

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/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,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AA4ElD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/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,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AA2ElD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}

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

@@ -4,8 +4,13 @@
 import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
 const defaultProps = {
     brand: "FlowPilot AI",
-    brandNode: (<div className="flex h-8 w-8 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-400 via-sky-500 to-violet-500 font-bold text-slate-950 shadow-sm ring-1 ring-white/40">
-      FP
+    brandNode: (<div className="flex h-8 w-8 items-center justify-center rounded-lg border border-[var(--navbar-border)] bg-[var(--navbar-accent)] text-[var(--navbar-toggle-bg)] shadow-sm ring-1 ring-white/20 dark:ring-white/10">
+      <span className="grid grid-cols-2 gap-[2px]">
+        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/95"/>
+        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/55"/>
+        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/55"/>
+        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/95"/>
+      </span>
     </div>),
     menuItems: [
         { label: "Home", href: "#home" },
@@ -21,19 +26,13 @@ const defaultProps = {
     ariaLabel: "FlowPilot AI main navigation",
     className: "",
     nav: {
-        className: "border-b border-slate-200/80 bg-white/80 text-slate-900 backdrop-blur supports-[backdrop-filter]:bg-white/80 " +
-            "dark:border-slate-800 dark:bg-slate-950/75 dark:text-white supports-[backdrop-filter]:dark:bg-slate-950/75 " +
-            "[--navbar-accent:theme(colors.cyan.600)] dark:[--navbar-accent:theme(colors.cyan.400)] " +
-            "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.slate.950)] " +
-            "[--navbar-hover-bg:theme(colors.cyan.50)] dark:[--navbar-hover-bg:color-mix(in_oklab,oklch(0.24_0.06_230)_24%,transparent)] " +
-            "[--navbar-ring:theme(colors.cyan.500)] dark:[--navbar-ring:theme(colors.cyan.400)] " +
-            "[--navbar-border:theme(colors.slate.200)] dark:[--navbar-border:theme(colors.slate.800)]",
+        className: "border-b border-[var(--navbar-border)] bg-[var(--navbar-bg)] text-[var(--navbar-fg)] backdrop-blur supports-[backdrop-filter]:bg-[var(--navbar-bg)] supports-[backdrop-filter]:dark:bg-[var(--navbar-bg)]",
     },
     brandText: {
-        className: "text-xl font-semibold font-outfit text-slate-950 dark:text-white",
+        className: "text-xl font-semibold font-outfit text-[var(--navbar-accent)]",
     },
     links: {
-        className: "text-sm font-medium font-inter text-slate-700 hover:text-cyan-700 focus:ring-[var(--navbar-ring)] dark:text-slate-200 dark:hover:text-cyan-300",
+        className: "text-sm font-medium font-inter text-[var(--navbar-link-fg)] hover:text-[var(--navbar-link-hover-fg)] focus:ring-[var(--navbar-ring)]",
     },
     ctaButtonStyle: {
         variant: "default",
@@ -41,19 +40,19 @@ const defaultProps = {
         className: "shadow-md transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg",
     },
     mobileMenu: {
-        className: "border-t border-slate-200 dark:border-slate-800",
+        className: "border-t border-[var(--navbar-border)]",
     },
     container: {
         className: "max-w-7xl mx-auto",
     },
     brandWrapper: {
-        className: "",
+        className: "-ml-2",
     },
     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-cyan-50 dark:hover:bg-cyan-950/30 focus:outline-none focus:ring-2 focus:ring-cyan-500 dark:focus:ring-cyan-400",
+        className: "md:hidden flex items-center justify-center rounded-md border border-[var(--navbar-border)] bg-[var(--navbar-toggle-bg)] p-2 transition-colors hover:bg-[var(--navbar-hover-bg)] focus:outline-none focus:ring-2 focus:ring-[var(--navbar-ring)]",
     },
     colorModeWrapper: {
         className: "ml-2",

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

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

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

@@ -3,15 +3,15 @@
 "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={[
+    return (<SharedPricing id="pricing" pricingHeadingText="Pricing for teams shipping with coding agents" pricingPlans={[
             {
                 pricingPlanHeaderText: "Starter",
                 pricingPlanPrice: "$49/mo",
                 pricingPlanFeatures: [
-                    "3 active workflows",
-                    "Slack and email intake",
-                    "Shared approval inbox",
-                    "Core analytics",
+                    "3 active repos",
+                    "GitHub and docs intake",
+                    "Shared review queue",
+                    "Patch analytics",
                 ],
                 pricingPlanCTALabel: "Start free",
                 pricingPlanCTAHref: "#contact",
@@ -20,11 +20,11 @@ export function Pricing() {
                 pricingPlanHeaderText: "Growth",
                 pricingPlanPrice: "$149/mo",
                 pricingPlanFeatures: [
-                    "Unlimited workflows",
-                    "CRM and project tool sync",
-                    "Advanced approval routing",
-                    "Live execution dashboards",
-                    "Role-based governance",
+                    "Unlimited agent runs",
+                    "Repo, issue tracker, and CI sync",
+                    "Review gates and approvals",
+                    "Live diff dashboards",
+                    "Role-based code governance",
                 ],
                 pricingPlanCTALabel: "Book a demo",
                 pricingPlanCTAHref: "#contact",
@@ -34,18 +34,22 @@ export function Pricing() {
                 pricingPlanHeaderText: "Enterprise",
                 pricingPlanPrice: "Custom",
                 pricingPlanFeatures: [
-                    "Private deployment options",
-                    "Custom policy and knowledge connectors",
-                    "SSO and audit exports",
-                    "Dedicated onboarding",
-                    "Priority support",
+                    "Private agent deployment options",
+                    "Custom repo and context connectors",
+                    "SSO and change exports",
+                    "Dedicated rollout support",
+                    "Priority agent support",
                 ],
-                pricingPlanCTALabel: "Talk to sales",
+                pricingPlanCTALabel: "Talk to the team",
                 pricingPlanCTAHref: "#contact",
             },
-        ]} section={{ className: "bg-background pt-18 pb-16" }} container={{ className: "max-w-7xl mx-auto px-6" }} heading={{
+        ]} section={{
+            className: "bg-[var(--section-bg)] 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={{
+        }} 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)]",
@@ -56,8 +60,8 @@ export function Pricing() {
         }} 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)]",
+            className: "w-full font-inter font-semibold [--btn-bg:var(--hero-cta-primary-bg)] [--btn-fg:var(--hero-cta-primary-fg)] [--btn-border:var(--hero-cta-primary-border)] hover:[--btn-hover-bg:var(--hero-cta-primary-hover-bg)] hover:[--btn-hover-fg:var(--hero-cta-primary-hover-fg)]",
         }} 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"/>);
+            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)] shadow-sm shadow-black/5",
+        }} ariaLabel="AI coding agent pricing"/>);
 }

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

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

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

@@ -6,30 +6,30 @@ 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.",
+                title: "Capture the issue",
+                description: "A plain-language report becomes a structured task with intent, files, and context.",
                 icon: "✉️",
             },
             {
                 stepNumber: 2,
-                title: "Ground the decision",
-                description: "Policies, playbooks, and account context are pulled in before the workflow takes action.",
+                title: "Read the codebase",
+                description: "The agent inspects the relevant files, notes patterns, and checks surrounding context before editing.",
                 icon: "🧠",
             },
             {
                 stepNumber: 3,
-                title: "Route approvals and actions",
-                description: "Human review appears only when thresholds or policy require it, while approved actions continue automatically.",
+                title: "Patch and preview",
+                description: "Edits land in the diff, and the preview updates once the patch is applied.",
                 icon: "✅",
             },
             {
                 stepNumber: 4,
-                title: "Sync every tool",
-                description: "CRM records, project tasks, team updates, and audit logs stay aligned from one execution graph.",
+                title: "Validate and ship",
+                description: "Checks, reviews, and logs stay aligned before the change is ready to merge.",
                 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%)]",
+        ]} heading="From issue to merged fix in four clear stages" subheading="Keep the coding agent visible, governed, and steady across the tools your team already uses." section={{
+            className: "bg-[linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] py-18 md:py-22 dark:bg-[linear-gradient(180deg,#171717_0%,#121212_18%,#1d1d1d_46%,#131313_76%,#1b1b1b_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={{
@@ -37,22 +37,22 @@ export function ProcessTimeline() {
         }} 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",
+            className: "absolute left-16 right-16 top-8 h-px bg-gradient-to-r from-slate-200 via-slate-300 to-slate-200 dark:from-slate-800 dark:via-slate-700 dark:to-slate-800",
         }} 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",
+            className: "flex h-16 w-16 items-center justify-center rounded-full bg-[var(--process-step-bg)] text-[var(--process-step-fg)] shadow-lg shadow-black/10",
         }} 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",
+            className: "absolute bottom-[-2rem] left-8 top-16 w-px bg-[var(--process-connector)]",
         }} 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",
+            className: "mr-6 flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-[var(--process-step-bg)] text-[var(--process-step-fg)] shadow-lg shadow-black/10",
         }} 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"/>);
+        }} ariaLabel="AI coding agent process timeline"/>);
 }

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

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

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

@@ -3,25 +3,29 @@
 "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={[
+    return (<SharedTestimonials testimonialSectionHeader="Engineers 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",
+                testimonialText: "We replaced ticket triage, hand-written follow-up, and repetitive patching with one agent flow that now lands fixes in minutes.",
+                testimonialAuthor: "- Maya Chen, Platform 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",
+                testimonialText: "Reviews used to stall merges for hours. Now the team only sees the exceptions and everyone else gets live status automatically.",
+                testimonialAuthor: "- Daniel Ruiz, Engineering 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",
+                testimonialText: "The audit trail made adoption easy. Teams trust the agent because every read, edit, and review is grounded, visible, and recoverable.",
+                testimonialAuthor: "- Priya Patel, Head of Developer Experience",
                 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={{
+        ]} section={{
+            className: "bg-[var(--section-bg)] 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={{
+        }} 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)]",
@@ -29,5 +33,5 @@ export function Testimonials() {
             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"/>);
+        }} avatarText={{ className: "font-inter text-sm font-bold" }} ariaLabel="AI coding agent customer testimonials"/>);
 }

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

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

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

@@ -3,36 +3,38 @@
 "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={[
+    return (<SharedTrustBadges id="trust-badges" trustBadgesSectionHeader="Teams shipping code with agents in the loop" badges={[
             {
-                badgeText: "72% faster routing",
-                badgeDescription: "Workflow handoffs",
+                badgeText: "Faster fixes, fewer handoffs",
+                badgeDescription: "Code handoffs",
                 badgeIcon: "⚡",
             },
             {
-                badgeText: "40+ integrations",
-                badgeDescription: "Connected systems",
+                badgeText: "GitHub-native",
+                badgeDescription: "Repo + CI aware",
                 badgeIcon: "🔌",
             },
             {
-                badgeText: "SOC 2 ready",
-                badgeDescription: "Security posture",
+                badgeText: "Review gates ready",
+                badgeDescription: "Approval posture",
                 badgeIcon: "🔒",
             },
             {
-                badgeText: "Full audit trail",
-                badgeDescription: "Approvals + logs",
+                badgeText: "Full change trail",
+                badgeDescription: "Reads + edits + reviews",
                 badgeIcon: "🧾",
             },
         ]} section={{
-            className: "border-y border-slate-200/80 bg-white/70 py-10 dark:border-slate-800 dark:bg-slate-950/60",
+            className: "border-y border-[var(--section-border)] bg-[var(--section-bg)] py-10",
         }} 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={{
+        }} badge={{
+            className: "min-w-[170px] rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] px-4 py-5 text-center shadow-[var(--card-shadow)]",
+        }} 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"/>);
+        }} layout="horizontal" ariaLabel="AI coding agent trust badges"/>);
 }

package/dist/templates/aiworkflow/themes/default.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = React.PropsWithChildren<{
+    className?: string;
+}>;
+export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=default.d.ts.map

package/dist/templates/aiworkflow/themes/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/themes/default.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAuJ7D"}

package/dist/templates/aiworkflow/themes/default.jsx

@@ -0,0 +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.
+import React from "react";
+import { cn } from "@nextworks/blocks-core";
+export function PresetThemeVars({ className, children }) {
+    return (<div className={cn("[--btn-ring:theme(colors.slate.950)] dark:[--btn-ring:theme(colors.white)]", "[--navbar-bg:rgba(255,255,255,0.76)] dark:[--navbar-bg:rgba(0,0,0,0.72)]", "[--navbar-fg:theme(colors.slate.900)] dark:[--navbar-fg:theme(colors.white)]", "[--navbar-accent:theme(colors.slate.950)] dark:[--navbar-accent:theme(colors.white)]", "[--navbar-link-fg:theme(colors.slate.700)] dark:[--navbar-link-fg:theme(colors.slate.200)]", "[--navbar-link-hover-fg:theme(colors.slate.950)] dark:[--navbar-link-hover-fg:theme(colors.white)]", "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.black)]", "[--navbar-hover-bg:rgba(15,23,42,0.04)] dark:[--navbar-hover-bg:rgba(255,255,255,0.06)]", "[--navbar-ring:theme(colors.slate.950)] dark:[--navbar-ring:theme(colors.pink)]", "[--navbar-border:rgba(15,23,42,0.08)] dark:[--navbar-border:rgba(255,255,255,0.1)]", "[--input-bg:theme(colors.white)] dark:[--input-bg:#000000]", "[--input-fg:theme(colors.slate.900)] dark:[--input-fg:theme(colors.slate.100)]", "[--input-placeholder:theme(colors.slate.400)] dark:[--input-placeholder:theme(colors.slate.500)]", "[--input-border:theme(colors.slate.200)] dark:[--input-border:theme(colors.slate.800)]", "[--input-focus-ring:theme(colors.slate.950)] dark:[--input-focus-ring:theme(colors.white)]", "[--input-ring-offset:theme(colors.white)] dark:[--input-ring-offset:#000000]", "[--card-bg:theme(colors.white)] dark:[--card-bg:#000000]", "[--card-fg:theme(colors.slate.900)] dark:[--card-fg:theme(colors.slate.100)]", "[--card-title-fg:theme(colors.slate.950)] dark:[--card-title-fg:theme(colors.white)]", "[--card-muted-fg:theme(colors.slate.600)] dark:[--card-muted-fg:theme(colors.slate.300)]", "[--card-border:theme(colors.slate.200)] dark:[--card-border:rgba(255,255,255,0.1)]", "[--card-shadow:0_10px_30px_rgba(8,15,30,0.08)] dark:[--card-shadow:0_12px_32px_rgba(0,0,0,0.35)]", "[--badge-bg:theme(colors.slate.50)] dark:[--badge-bg:#000000]", "[--badge-fg:theme(colors.slate.700)] dark:[--badge-fg:theme(colors.slate.200)]", "[--badge-border:theme(colors.slate.200)] dark:[--badge-border:theme(colors.slate.700)]", "[--badge-active-bg:theme(colors.slate.950)] dark:[--badge-active-bg:theme(colors.white)]", "[--badge-active-fg:theme(colors.white)] dark:[--badge-active-fg:theme(colors.slate.950)]", "[--badge-active-border:theme(colors.slate.950)] dark:[--badge-active-border:theme(colors.white)]", "[--heading-fg:theme(colors.slate.950)] dark:[--heading-fg:theme(colors.white)]", "[--subheading-fg:theme(colors.slate.600)] dark:[--subheading-fg:theme(colors.slate.300)]", "[--description-fg:theme(colors.slate.700)] dark:[--description-fg:theme(colors.slate.200)]", "[--hero-cta-primary-bg:theme(colors.slate.950)] dark:[--hero-cta-primary-bg:theme(colors.white)]", "[--hero-cta-primary-hover-bg:theme(colors.slate.800)] dark:[--hero-cta-primary-hover-bg:theme(colors.slate.100)]", "[--hero-cta-primary-fg:theme(colors.white)] dark:[--hero-cta-primary-fg:theme(colors.slate.950)]", "[--hero-cta-primary-hover-fg:theme(colors.white)] dark:[--hero-cta-primary-hover-fg:theme(colors.slate.950)]", "[--hero-cta-secondary-bg:transparent]", "[--hero-cta-secondary-fg:theme(colors.slate.800)] dark:[--hero-cta-secondary-fg:theme(colors.slate.100)]", "[--hero-cta-secondary-border:rgba(15,23,42,0.12)] dark:[--hero-cta-secondary-border:rgba(255,255,255,0.12)]", "[--hero-cta-secondary-hover-bg:rgba(15,23,42,0.03)] dark:[--hero-cta-secondary-hover-bg:rgba(255,255,255,0.05)]", "[--hero-cta-secondary-hover-fg:theme(colors.slate.800)] dark:[--hero-cta-secondary-hover-fg:theme(colors.slate.100)]", "[--demo-shell-bg:#f9fbfe] dark:[--demo-shell-bg:#050505]", "[--demo-shell-muted-bg:#eef3f8] dark:[--demo-shell-muted-bg:#060606]", "[--demo-shell-strong-bg:#ffffff] dark:[--demo-shell-strong-bg:rgba(255,255,255,0.06)]", "[--demo-panel-bg:rgba(255,255,255,0.76)] dark:[--demo-panel-bg:rgba(255,255,255,0.03)]", "[--demo-panel-muted-bg:#f4f5f1] dark:[--demo-panel-muted-bg:#090909]", "[--demo-panel-subtle-bg:#eef0eb] dark:[--demo-panel-subtle-bg:#0b0b0b]", "[--demo-panel-strong-bg:#f6f7f4] dark:[--demo-panel-strong-bg:#0a0a0a]", "[--demo-code-bg:#f7f7f4] dark:[--demo-code-bg:#0b0b0b]", "[--demo-code-gutter-bg:#eff1ec] dark:[--demo-code-gutter-bg:#0d0d0d]", "[--demo-border:rgba(15,23,42,0.055)] dark:[--demo-border:rgba(255,255,255,0.07)]", "[--demo-border-strong:rgba(15,23,42,0.08)] dark:[--demo-border-strong:rgba(255,255,255,0.11)]", "[--demo-fg:theme(colors.slate.900)] dark:[--demo-fg:rgba(255,255,255,0.94)]", "[--demo-muted-fg:theme(colors.slate.600)] dark:[--demo-muted-fg:rgba(255,255,255,0.58)]", "[--demo-subtle-fg:theme(colors.slate.500)] dark:[--demo-subtle-fg:rgba(255,255,255,0.42)]", "[--demo-accent:theme(colors.sky.600)] dark:[--demo-accent:theme(colors.sky.400)]", "[--demo-accent-soft-bg:rgba(2,132,199,0.1)] dark:[--demo-accent-soft-bg:rgba(56,189,248,0.14)]", "[--demo-info:theme(colors.sky.600)] dark:[--demo-info:theme(colors.sky.300)]", "[--demo-info-border:rgba(2,132,199,0.24)] dark:[--demo-info-border:rgba(125,211,252,0.28)]", "[--demo-info-soft-bg:rgba(2,132,199,0.08)] dark:[--demo-info-soft-bg:rgba(56,189,248,0.12)]", "[--demo-success:theme(colors.emerald.600)] dark:[--demo-success:theme(colors.emerald.300)]", "[--demo-success-border:rgba(5,150,105,0.24)] dark:[--demo-success-border:rgba(110,231,183,0.26)]", "[--demo-success-soft-bg:rgba(16,185,129,0.08)] dark:[--demo-success-soft-bg:rgba(16,185,129,0.12)]", "[--demo-warning:theme(colors.amber.700)] dark:[--demo-warning:theme(colors.amber.300)]", "[--demo-warning-border:rgba(217,119,6,0.24)] dark:[--demo-warning-border:rgba(252,211,77,0.26)]", "[--demo-warning-soft-bg:rgba(245,158,11,0.1)] dark:[--demo-warning-soft-bg:rgba(245,158,11,0.14)]", "[--demo-danger:theme(colors.rose.600)] dark:[--demo-danger:theme(colors.rose.300)]", "[--demo-danger-border:rgba(225,29,72,0.24)] dark:[--demo-danger-border:rgba(253,164,175,0.28)]", "[--demo-danger-soft-bg:rgba(244,63,94,0.08)] dark:[--demo-danger-soft-bg:rgba(251,113,133,0.14)]", "[--demo-scroll-track:rgba(15,23,42,0.045)] dark:[--demo-scroll-track:rgba(255,255,255,0.05)]", "[--demo-scroll-thumb:linear-gradient(180deg,rgba(15,23,42,0.26),rgba(15,23,42,0.42))] dark:[--demo-scroll-thumb:linear-gradient(180deg,rgba(226,232,240,0.24),rgba(226,232,240,0.4))]", "[--demo-shell-shadow:0_24px_80px_-44px_rgba(15,23,42,0.24)] dark:[--demo-shell-shadow:0_30px_100px_-52px_rgba(0,0,0,0.82)]", "[--demo-shell-ring:rgba(15,23,42,0.018)] dark:[--demo-shell-ring:rgba(255,255,255,0.03)]", "[--section-bg:linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] dark:[--section-bg:linear-gradient(180deg,#000000_0%,#030303_48%,#000000_100%)]", "[--section-border:rgba(226,232,240,0.8)] dark:[--section-border:theme(colors.slate.800)]", "[--contact-section-bg:linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] dark:[--contact-section-bg:linear-gradient(180deg,#000000_0%,#030303_48%,#000000_100%)]", "[--contact-submit-bg:theme(colors.slate.950)] dark:[--contact-submit-bg:theme(colors.white)]", "[--contact-submit-fg:theme(colors.white)] dark:[--contact-submit-fg:theme(colors.slate.950)]", "[--contact-submit-hover-bg:theme(colors.slate.800)] dark:[--contact-submit-hover-bg:theme(colors.slate.100)]", "[--contact-submit-hover-fg:theme(colors.white)] dark:[--contact-submit-hover-fg:theme(colors.slate.950)]", "[--contact-submit-border:transparent]", "[--cta-section-bg:linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] dark:[--cta-section-bg:linear-gradient(180deg,#000000_0%,#030303_48%,#000000_100%)]", "[--cta-heading-fg:theme(colors.slate.950)] dark:[--cta-heading-fg:theme(colors.white)]", "[--cta-subheading-fg:theme(colors.slate.600)] dark:[--cta-subheading-fg:rgba(255,255,255,0.82)]", "[--cta-description-fg:theme(colors.slate.700)] dark:[--cta-description-fg:rgba(255,255,255,0.74)]", "[--cta-primary-bg:theme(colors.slate.950)] dark:[--cta-primary-bg:theme(colors.white)]", "[--cta-primary-fg:theme(colors.white)] dark:[--cta-primary-fg:theme(colors.slate.950)]", "[--cta-primary-hover-bg:theme(colors.slate.800)] dark:[--cta-primary-hover-bg:theme(colors.slate.100)]", "[--cta-primary-hover-fg:theme(colors.white)] dark:[--cta-primary-hover-fg:theme(colors.slate.950)]", "[--cta-primary-border:transparent]", "[--cta-secondary-bg:transparent]", "[--cta-secondary-fg:theme(colors.slate.800)] dark:[--cta-secondary-fg:theme(colors.slate.100)]", "[--cta-secondary-border:rgba(15,23,42,0.12)] dark:[--cta-secondary-border:rgba(255,255,255,0.18)]", "[--cta-secondary-hover-bg:rgba(15,23,42,0.03)] dark:[--cta-secondary-hover-bg:rgba(255,255,255,0.08)]", "[--cta-secondary-hover-fg:theme(colors.slate.800)] dark:[--cta-secondary-hover-fg:theme(colors.slate.100)]", "[--process-step-bg:theme(colors.slate.950)] dark:[--process-step-bg:theme(colors.white)]", "[--process-step-fg:theme(colors.white)] dark:[--process-step-fg:theme(colors.slate.950)]", "[--process-connector:theme(colors.slate.300)] dark:[--process-connector:theme(colors.slate.700)]", "[--footer-bg:linear-gradient(180deg,rgba(255,255,255,0.42)_0%,rgba(255,255,255,0.14)_100%)] dark:[--footer-bg:linear-gradient(180deg,rgba(0,0,0,0.92)_0%,rgba(0,0,0,0.78)_100%)]", "[--footer-fg:theme(colors.slate.800)] dark:[--footer-fg:theme(colors.slate.100)]", "[--footer-heading-fg:theme(colors.slate.950)] dark:[--footer-heading-fg:theme(colors.white)]", "[--footer-link-fg:theme(colors.slate.700)] dark:[--footer-link-fg:theme(colors.slate.300)]", "[--footer-link-hover-fg:theme(colors.slate.950)] dark:[--footer-link-hover-fg:theme(colors.white)]", "[--footer-link-hover-bg:theme(colors.slate.100)] dark:[--footer-link-hover-bg:rgba(255,255,255,0.06)]", "[--footer-muted-fg:theme(colors.slate.500)] dark:[--footer-muted-fg:theme(colors.slate.400)]", "[--footer-border:theme(colors.slate.200)] dark:[--footer-border:theme(colors.slate.800)]", "[--table-fg:inherit]", "[--table-muted-fg:theme(colors.slate.500)] dark:[--table-muted-fg:theme(colors.slate.400)]", "[--table-head-fg:theme(colors.slate.700)] dark:[--table-head-fg:theme(colors.slate.300)]", "[--table-border:theme(colors.slate.200)] dark:[--table-border:theme(colors.slate.800)]", "[--table-row-hover-bg:theme(colors.slate.50)] dark:[--table-row-hover-bg:rgba(255,255,255,0.03)]", "[--faq-btn-bg:theme(colors.white)] dark:[--faq-btn-bg:#000000]", "[--faq-btn-fg:theme(colors.slate.900)] dark:[--faq-btn-fg:theme(colors.slate.100)]", "[--faq-btn-hover-bg:theme(colors.slate.50)] dark:[--faq-btn-hover-bg:rgba(255,255,255,0.04)]", "[--faq-btn-hover-fg:theme(colors.slate.900)] dark:[--faq-btn-hover-fg:theme(colors.slate.100)]", "[--faq-answer-bg:theme(colors.white)] dark:[--faq-answer-bg:#000000]", "[--faq-answer-fg:theme(colors.slate.700)] dark:[--faq-answer-fg:theme(colors.slate.200)]", className)}>
+      {children}
+    </div>);
+}

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

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

package/dist/templates/gallery/PresetThemeVars.jsx

@@ -21,6 +21,8 @@ export function PresetThemeVars({ className, children }) {
         "[--badge-bg:var(--accent)]", "[--badge-fg:var(--accent-foreground)]", "[--badge-border:var(--border)]", "[--badge-active-bg:var(--primary)]", "[--badge-active-fg:var(--primary-foreground)]", "[--badge-active-border:var(--primary)]", 
         // Typography helpers
         "[--heading-fg:var(--foreground)]", "[--subheading-fg:var(--muted-foreground)]", "[--description-fg:var(--foreground)]", 
+        // Hero product demo
+        "[--hero-cta-primary-bg:var(--primary)]", "[--hero-cta-primary-fg:var(--primary-foreground)]", "[--hero-cta-primary-hover-bg:var(--primary-foreground)]", "[--hero-cta-primary-hover-fg:var(--primary)]]", "[--hero-cta-secondary-bg:transparent]", "[--hero-cta-secondary-fg:var(--primary)]", "[--hero-cta-secondary-border:color-mix(in oklab, var(--primary) 38%, var(--border))]", "[--hero-cta-secondary-hover-bg:color-mix(in oklab, var(--primary) 10%, var(--background))]", "[--hero-cta-secondary-hover-fg:var(--primary)]", "[--demo-shell-bg:var(--background)]", "[--demo-shell-muted-bg:color-mix(in oklab, var(--background) 88%, var(--muted))]", "[--demo-shell-strong-bg:var(--card)]", "[--demo-panel-bg:var(--card)]", "[--demo-panel-muted-bg:color-mix(in oklab, var(--card) 92%, var(--background))]", "[--demo-panel-subtle-bg:color-mix(in oklab, var(--muted) 84%, var(--background))]", "[--demo-panel-strong-bg:color-mix(in oklab, var(--card) 88%, var(--primary) 12%)]", "[--demo-code-bg:color-mix(in oklab, var(--card) 96%, var(--background))]", "[--demo-code-gutter-bg:color-mix(in oklab, var(--muted) 86%, var(--background))]", "[--demo-border:var(--border)]", "[--demo-border-strong:var(--primary)]", "[--demo-fg:var(--foreground)]", "[--demo-muted-fg:var(--muted-foreground)]", "[--demo-subtle-fg:color-mix(in oklab, var(--muted-foreground) 78%, var(--foreground))]", "[--demo-accent:var(--primary)]", "[--demo-accent-soft-bg:color-mix(in oklab, var(--primary) 12%, var(--background))]", "[--demo-info:var(--primary)]", "[--demo-info-border:color-mix(in oklab, var(--primary) 30%, var(--border))]", "[--demo-info-soft-bg:color-mix(in oklab, var(--primary) 10%, var(--background))]", "[--demo-success:var(--chart-2)]", "[--demo-success-border:color-mix(in oklab, var(--chart-2) 30%, var(--border))]", "[--demo-success-soft-bg:color-mix(in oklab, var(--chart-2) 10%, var(--background))]", "[--demo-warning:var(--chart-4)]", "[--demo-warning-border:color-mix(in oklab, var(--chart-4) 30%, var(--border))]", "[--demo-warning-soft-bg:color-mix(in oklab, var(--chart-4) 10%, var(--background))]", "[--demo-danger:var(--chart-5)]", "[--demo-danger-border:color-mix(in oklab, var(--chart-5) 30%, var(--border))]", "[--demo-danger-soft-bg:color-mix(in oklab, var(--chart-5) 10%, var(--background))]", "[--demo-scroll-track:color-mix(in oklab, var(--border) 70%, transparent)]", "[--demo-scroll-thumb:linear-gradient(180deg, var(--primary), var(--accent))]", "[--demo-shell-shadow:0_24px_80px_-44px_rgba(15,23,42,0.24)]", "[--demo-shell-ring:color-mix(in oklab, var(--primary) 18%, transparent)]", 
         // Process timeline
         "[--process-step-bg:var(--primary)]", "[--process-step-fg:var(--primary-foreground)]", "[--process-connector:var(--border)]", 
         // Footer

package/dist/templates/gallery/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/Page.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,OAAO,gCAoRtB"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/Page.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,OAAO,gCAspBtB"}