nextworks 0.2.0-alpha.19 → 0.2.0-alpha.20

package/README.md

@@ -200,9 +200,8 @@ This copies:
 After this step you should be able to start your dev server and visit:
 
 - `/` (if wired as the home page), or
-- `/templates/productlaunch`, `/templates/saasdashboard`, `/templates/digitalagency`, `/templates/aiworkflow`, `/templates/gallery`
+- `/templates/productlaunch`, `/templates/saasdashboard`, `/templates/digitalagency`, `/templates/gallery`
 
-The current **AI Workflow** template ships with an **AI coding agent** story. It is intended to be adapted for other AI workflow/product stories as more variants are added.
 
 ---
 
@@ -251,9 +250,9 @@ You can add a short “Nextworks setup” section to your app README:
    - `/templates/productlaunch`
    - `/templates/saasdashboard`
    - `/templates/digitalagency`
-   - `/templates/aiworkflow`
    - `/templates/gallery`
 
+
    Template files live at:
    - App Router: `app/templates/<template>/**`
    - Pages Router:

package/dist/cli_manifests/blocks_manifest.json

@@ -136,28 +136,10 @@
         "app/templates/digitalagency/components/Team.tsx",
         "app/templates/digitalagency/components/Testimonials.tsx",
 
-        "app/templates/gallery/page.tsx",
+                "app/templates/gallery/page.tsx",
         "app/templates/gallery/PresetThemeVars.tsx",
-
-        "app/templates/aiworkflow/page.tsx",
-        "app/templates/aiworkflow/PresetThemeVars.tsx",
-        "app/templates/aiworkflow/README.md",
-        "app/templates/aiworkflow/components/Contact.tsx",
-        "app/templates/aiworkflow/components/CTA.tsx",
-        "app/templates/aiworkflow/components/FAQ.tsx",
-        "app/templates/aiworkflow/components/Features.tsx",
-        "app/templates/aiworkflow/components/Footer.tsx",
-        "app/templates/aiworkflow/components/Hero.tsx",
-        "app/templates/aiworkflow/components/Navbar.tsx",
-        "app/templates/aiworkflow/components/Pricing.tsx",
-        "app/templates/aiworkflow/components/ProcessTimeline.tsx",
-        "app/templates/aiworkflow/components/Testimonials.tsx",
-        "app/templates/aiworkflow/components/TrustBadges.tsx",
-        "app/templates/aiworkflow/themes/default.tsx",
-        "public/placeholders/aiworkflow/live.svg",
-        "public/placeholders/aiworkflow/review.svg",
-        "public/placeholders/aiworkflow/task.svg",
         "public/placeholders/gallery/hero-pexels-broken-9945014.avif",
+
         "public/placeholders/gallery/pexels-googledeepmind-25626431.jpg",
         "public/placeholders/gallery/pexels-googledeepmind-25626432.jpg",
         "public/placeholders/gallery/pexels-googledeepmind-25626434.jpg",

package/dist/kits/blocks/.nextworks/docs/BLOCKS_QUICKSTART.md

@@ -35,10 +35,8 @@ Then visit:
 - `http://localhost:3000/templates/productlaunch`
 - `http://localhost:3000/templates/saasdashboard`
 - `http://localhost:3000/templates/digitalagency`
-- `http://localhost:3000/templates/aiworkflow`
 - `http://localhost:3000/templates/gallery`
 
-The current **AI Workflow** template ships with an **AI coding agent** story, but you can adapt it for other AI workflow/product stories.
 
 If those load and look styled, you’re in good shape.
 

package/dist/kits/blocks/.nextworks/docs/BLOCKS_README.md

@@ -56,10 +56,8 @@ Blocks supports these install shapes:
    - `/templates/productlaunch`
    - `/templates/saasdashboard`
    - `/templates/digitalagency`
-   - `/templates/aiworkflow`
    - `/templates/gallery`
 
-   The current **AI Workflow** template ships with an **AI coding agent** story, but the structure is intended to be reusable for other AI workflow/product stories too.
 
 ---
 

package/dist/kits/blocks/app/templates/gallery/page.tsx

@@ -6,7 +6,6 @@ import { CTA } from "@/components/sections/CTA";
 import { FAQ } from "@/components/sections/FAQ";
 import { Features } from "@/components/sections/Features";
 import { Footer } from "@/components/sections/Footer";
-import { HeroProductDemo } from "@/components/sections/HeroProductDemo";
 import { HeroMotion } from "@/components/sections/HeroMotion";
 import { HeroOverlay } from "@/components/sections/HeroOverlay";
 import { HeroSplit } from "@/components/sections/HeroSplit";
@@ -56,255 +55,7 @@ export default function Gallery() {
     },
   ];
 
-  const heroProductDemoScenarios: NonNullable<
-    HeroProductDemoProps["stage"]
-  >["scenarios"] = [
-    {
-      key: "gallery-product-demo",
-      label: "Workflow overview",
-      description:
-        "An AI-powered coding agent that plans, edits, and verifies changes across your entire codebase — without breaking your flow.",
-      activeWindow: "workflowStudio",
-      playback: {
-        workflowStudio: {
-          playbackStepDurationsMs: [820, 920, 1240, 1100, 960, 840, 1560],
-          playbackResetDelayMs: 2200,
-        },
-        runConsole: {
-          playbackStepDurationsMs: [1080, 1320, 920, 780, 700, 620, 1240],
-          playbackResetDelayMs: 2200,
-          playbackStepEntryIndices: [0, 0, 1, 1, 2, 2, 2, 3, 3],
-          playbackStepVisibleLineCounts: [2, 2, 3, 4, 6, 8, 10, 12, 12],
-        },
-      },
-      taskList: {
-        window: {
-          key: "taskList",
-          title: "Queues",
-          subtitle: "Active tasks",
-          status: { label: "Ready", tone: "info" },
-        },
-        title: "Task queues",
-        subtitle: "Switch between in-progress agent runs.",
-        activeItemId: "gallery-product-demo",
-        items: [
-          {
-            id: "gallery-product-demo",
-            title: "Refactor auth module",
-            description:
-              "Extract token logic into a dedicated service, add refresh handling, and update all call sites.",
-            meta: "in progress · 4 files",
-          },
-        ],
-      },
-      workflowStudio: {
-        window: {
-          key: "workflowStudio",
-          title: "Agent console",
-          subtitle: "Live run",
-          status: { label: "Running", tone: "info" },
-        },
-        title: "Refactoring auth module",
-        subtitle:
-          "The agent reads existing logic, plans the extraction, and applies changes across all affected files.",
-        activeNodeId: "polish-layout",
-        transcript: [
-          { id: "gallery-title", kind: "title", text: "Refactor auth module" },
-          {
-            id: "gallery-prompt",
-            kind: "prompt",
-            text: "Extract token handling into an AuthService class, add silent refresh on 401, and update every call site.",
-          },
-          {
-            id: "gallery-read-1",
-            kind: "activity",
-            text: "Read auth/session.ts and api/client.ts",
-          },
-          {
-            id: "gallery-read-2",
-            kind: "activity",
-            text: "Scan for token usage across 12 files",
-          },
-          {
-            id: "gallery-file-1",
-            kind: "file",
-            path: "src/services/auth-service.ts",
-            text: "src/services/auth-service.ts",
-            added: 74,
-            removed: 0,
-          },
-          {
-            id: "gallery-summary",
-            kind: "message",
-            text: "Done. Token logic is centralised in AuthService and silent refresh is active on every API call.",
-          },
-        ],
-        composer: {
-          placeholder: "Describe your next change...",
-          modeLabel: "Agent",
-          modelLabel: "Sonnet",
-        },
-        highlights: [
-          { id: "read-copy", label: "Read codebase", tone: "info" },
-          { id: "polish-layout", label: "Apply changes", tone: "accent" },
-        ],
-        nodes: [
-          {
-            id: "read-copy",
-            label: "Read existing auth logic",
-            description:
-              "Parse session handling and identify all token read/write paths.",
-            type: "Read",
-            status: "success",
-            metadata: "auth/session.ts · api/client.ts",
-          },
-          {
-            id: "layout-shell",
-            label: "Plan the extraction",
-            description:
-              "Decide class boundaries and map which call sites need updating.",
-            type: "Analyze",
-            status: "success",
-            metadata: "12 files affected",
-          },
-          {
-            id: "polish-layout",
-            label: "Write AuthService",
-            description:
-              "Create the service class, move token storage, and add the 401 refresh interceptor.",
-            type: "Edit",
-            status: "info",
-            active: true,
-            emphasized: true,
-            metadata: "src/services/auth-service.ts",
-          },
-          {
-            id: "review-story",
-            label: "Update call sites",
-            description:
-              "Replace direct token access with AuthService across all affected files and verify types.",
-            type: "Verify",
-            status: "neutral",
-            metadata: "final pass",
-          },
-        ],
-      },
-      runConsole: {
-        window: {
-          key: "runConsole",
-          title: "Console",
-          subtitle: "Live output",
-          status: { label: "Writing", tone: "info" },
-        },
-        title: "src/services/auth-service.ts",
-        subtitle:
-          "New file — token logic extracted from session.ts and api/client.ts.",
-        statusLabel: "Writing AuthService",
-        progressLabel: "74 lines added",
-        progressPercent: 64,
-        activeEntryId: "gallery-diff-3",
-        editorTabLabel: "auth-service.ts",
-        editorLanguage: "TypeScript",
-        editorSummary:
-          "Create AuthService with token storage, silent refresh, and a fetch interceptor.",
-        entries: [
-          {
-            id: "gallery-diff-1",
-            message: "Read auth/session.ts and mapped token access patterns",
-            timestamp: "10:48",
-            source: "agent",
-            status: "success",
-          },
-          {
-            id: "gallery-diff-2",
-            message: "Identified 12 call sites that reference tokens directly",
-            timestamp: "10:49",
-            source: "analysis",
-            status: "success",
-            detail:
-              "Centralising access in AuthService will eliminate all direct imports.",
-          },
-          {
-            id: "gallery-diff-3",
-            message: "Created AuthService with refresh interceptor",
-            timestamp: "10:49",
-            source: "editor",
-            status: "info",
-            highlighted: true,
-            lineNumber: "34",
-            code: [
-              " export class AuthService {",
-              "   private static token: string | null = null;",
-              " ",
-              "+  static async getToken(): Promise<string | null> {",
-              "+    if (!this.token) this.token = await storage.get('auth_token');",
-              "+    return this.token;",
-              "+  }",
-              "+ ",
-              "+  static async refreshIfExpired(): Promise<void> {",
-              "+    const exp = parseExpiry(this.token);",
-              "+    if (exp && exp < Date.now() + 60_000) {",
-              "+      this.token = await api.post('/auth/refresh');",
-              "+    }",
-              "+  }",
-            ],
-          },
-          {
-            id: "gallery-diff-4",
-            message: "Queued call-site updates across 12 files",
-            timestamp: "10:50",
-            source: "preview",
-            status: "neutral",
-          },
-        ],
-        metrics: [
-          { id: "gm1", label: "Files", value: "1", tone: "success" },
-          { id: "gm2", label: "Lines added", value: "74", tone: "info" },
-          { id: "gm3", label: "Type errors", value: "0", tone: "success" },
-        ],
-        highlights: [],
-      },
-      approvalInbox: {
-        window: {
-          key: "approvalInbox",
-          title: "Hidden",
-        },
-        items: [],
-      },
-      knowledgePanel: {
-        window: {
-          key: "knowledgePanel",
-          title: "Knowledge",
-          subtitle: "Context",
-          status: { label: "Ready", tone: "success" },
-        },
-        title: "Auth codebase context",
-        subtitle: "Relevant files and patterns surfaced for this task.",
-        query: "AuthService token refresh",
-        summary:
-          "Token storage is currently split between session.ts and api/client.ts. Centralising in AuthService removes 3 duplicate patterns and enables a single refresh intercept point.",
-        snippets: [
-          {
-            id: "gallery-snippet",
-            title: "auth/session.ts — token storage",
-            excerptLabel: "Current implementation",
-            confidence: "12 call sites",
-            highlighted: true,
-            content:
-              "getToken(): string | null { return localStorage.getItem('auth_token'); }\nsetToken(t: string): void { localStorage.setItem('auth_token', t); }\nclearToken(): void { localStorage.removeItem('auth_token'); }",
-            tags: ["auth", "token", "session"],
-          },
-        ],
-        highlights: [
-          { id: "gallery-snippet", label: "Token pattern", tone: "success" },
-        ],
-      },
-      highlights: [
-        { id: "polish-layout", label: "AuthService created", tone: "accent" },
-        { id: "gallery-diff-3", label: "Refresh interceptor", tone: "info" },
-      ],
-    },
-  ];
+
 
   const BrandNode = (
     <>
@@ -354,89 +105,6 @@ export default function Gallery() {
         />
         {/* Hero Sections */}
         <div id="hero-sections" className="scroll-mt-16">
-          <div id="hero-product-demo" className="scroll-mt-16">
-            <div className="relative pt-0">
-              <HeroProductDemo
-                className="bg-transparent"
-                heading={{
-                  text: "Ship faster with an agent that knows your codebase.",
-                  className:
-                    "max-w-4xl text-left font-outfit text-3xl font-semibold leading-none tracking-tight text-[var(--heading-fg)] sm:text-4xl lg:text-5xl",
-                }}
-                subheading={{
-                  text: "Describe the change you need. The agent reads, plans, edits, and verifies — across every affected file, in one run.",
-                  className:
-                    "mt-3 max-w-2xl text-left font-inter text-sm leading-6 text-[var(--subheading-fg)] sm:text-base",
-                }}
-                cta1={{
-                  label: "Start for free",
-                  href: "#features",
-                  variant: "default",
-                  size: "lg",
-                  className:
-                    // "ml-4 px-7 py-3 text-sm font-semibold shadow-lg shadow-black/10 dark:shadow-black/30 " +
-                    // "!bg-[var(--hero-cta-primary-bg)] !text-[var(--hero-cta-primary-fg)] " +
-                    // "hover:!bg-[var(--hero-cta-primary-hover-bg)] hover:!text-[var(--hero-cta-primary-hover-fg)] " +
-                    // "active:!bg-[var(--hero-cta-primary-bg)] active:!text-[var(--hero-cta-primary-fg)] " +
-                    // "visited:!bg-[var(--hero-cta-primary-bg)] visited:!text-[var(--hero-cta-primary-fg)] " +
-                    // "dark:!bg-[var(--hero-cta-primary-bg)] dark:!text-[var(--hero-cta-primary-fg)] " +
-                    // "dark:hover:!bg-[var(--hero-cta-secondary-hover-bg)] dark:hover:!text-[var(--hero-cta-primary-hover-fg)] " +
-                    // "dark:active:!bg-[var(--hero-cta-primary-bg)] dark:active:!text-[var(--hero-cta-primary-fg)] " +
-                    // "dark:visited:!bg-[var(--hero-cta-primary-bg)] dark:visited:!text-[var(--hero-cta-primary-fg)]",
-                    "ml-4 border border-transparent px-7 py-3 text-sm font-semibold shadow-lg shadow-black/10 dark:shadow-black/30 " +
-                    "!bg-[var(--hero-cta-primary-bg)] !text-[var(--hero-cta-primary-fg)] " +
-                    "hover:!bg-[var(--hero-cta-primary-hover-bg)] hover:!text-[var(--hero-cta-primary-hover-fg)] " +
-                    "active:!bg-[var(--hero-cta-primary-bg)] active:!text-[var(--hero-cta-primary-fg)] " +
-                    "visited:!bg-[var(--hero-cta-primary-bg)] visited:!text-[var(--hero-cta-primary-fg)] " +
-                    "dark:!bg-[var(--hero-cta-primary-bg)] dark:!text-[var(--hero-cta-primary-fg)] " +
-                    "dark:hover:!bg-[var(--hero-cta-secondary-hover-bg)] dark:hover:!text-[var(--hero-cta-primary-hover-fg)] " +
-                    "dark:hover:!border-white " +
-                    "dark:active:!bg-[var(--hero-cta-primary-bg)] dark:active:!text-[var(--hero-cta-primary-fg)] " +
-                    "dark:visited:!bg-[var(--hero-cta-primary-bg)] dark:visited:!text-[var(--hero-cta-primary-fg)]",
-                }}
-                cta2={{
-                  label: "See it in action",
-                  href: "#trust",
-                  variant: "outline",
-                  size: "lg",
-                  className:
-                    "border px-7 py-3 text-sm font-semibold shadow-sm dark:shadow-black/20 " +
-                    "[--btn-bg:var(--hero-cta-secondary-bg)] " +
-                    "[--btn-fg:var(--hero-cta-secondary-fg)] " +
-                    "[--btn-border:var(--hero-cta-secondary-border)] " +
-                    "hover:[--btn-hover-bg:var(--hero-cta-secondary-hover-bg)] " +
-                    "hover:[--btn-hover-fg:var(--hero-cta-secondary-hover-fg)]",
-                }}
-                stage={{
-                  scenarios: heroProductDemoScenarios,
-                  initialScenarioIndex: 0,
-                  className: "mt-0",
-                }}
-                section={{
-                  className:
-                    "px-6 pt-10 pb-6 sm:px-8 lg:px-10 lg:pt-12 lg:pb-8",
-                }}
-                container={{
-                  className: "relative z-10 max-w-7xl gap-8",
-                }}
-                textContainer={{
-                  className: "max-w-3xl pt-6 lg:pl-4 lg:pt-8",
-                }}
-                demoContainer={{
-                  className:
-                    "relative mt-2 min-h-[34rem] w-full max-w-full overflow-hidden rounded-[0.5rem] border border-border/0 bg-background/90 p-3 shadow-[0_24px_80px_-44px_rgba(15,23,42,0.24)] backdrop-blur-sm lg:h-[clamp(34rem,calc(100svh-8rem),46rem)] lg:min-h-0 lg:px-4",
-                  // "relative mt-2 min-h-[34rem] w-full max-w-full overflow-hidden rounded-[2rem] border border-border/70 bg-background/90 p-3 shadow-[0_24px_80px_-44px_rgba(15,23,42,0.24)] backdrop-blur-sm lg:h-[clamp(34rem,calc(100svh-8rem),46rem)] lg:min-h-0 lg:px-4",
-                }}
-                buttonsContainer={{
-                  className:
-                    "mt-6 flex flex-col items-start gap-3 sm:flex-row sm:items-center [--btn-ring:var(--ring)]",
-                }}
-                demoBelowText
-                ariaLabel="Gallery product demo hero section"
-              />
-            </div>
-          </div>
-
           <div className="relative pt-4 sm:pt-5 mb-10">
             <HeroOverlay
               heading="Forecast The Next Move"

package/dist/kits/blocks/package-deps.json

@@ -13,9 +13,9 @@
     "next-themes": "^0.4.6",
     "motion": "^12.24.10",
     "sonner": "^2.0.7",
-    "@nextworks/blocks-core": "0.2.0-alpha.19",
-    "@nextworks/blocks-sections": "0.2.0-alpha.19",
-    "@nextworks/blocks-templates": "0.2.0-alpha.19"
+    "@nextworks/blocks-core": "0.2.0-alpha.20",
+    "@nextworks/blocks-sections": "0.2.0-alpha.20",
+    "@nextworks/blocks-templates": "0.2.0-alpha.20"
   },
   "devDependencies": {
     "tailwindcss": "^4.1.12"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextworks",
-  "version": "0.2.0-alpha.19",
+  "version": "0.2.0-alpha.20",
   "description": "Nextworks CLI",
   "main": "dist/index.js",
   "bin": {

package/dist/kits/blocks/app/templates/aiworkflow/PresetThemeVars.tsx

@@ -1 +0,0 @@
-export { PresetThemeVars } from "./themes/default";

package/dist/kits/blocks/app/templates/aiworkflow/README.md

@@ -1,48 +0,0 @@
-# AIWorkflow Template Theming
-
-This template is preset-first. It wraps the page with `PresetThemeVars` and composes the route from template-local wrappers around shared Nextworks sections.
-
-The current shipped story is an **AI coding agent**, but the template structure is intended to be reusable for other AI workflow/product stories as more variants are added.
-
-## Where it’s wired
-
-Template paths depend on your router:
-
-- App Router:
-  - Wrapper: `app/templates/aiworkflow/PresetThemeVars.tsx`
-  - Page: `app/templates/aiworkflow/page.tsx`
-- Pages Router:
-  - Wrapper: `components/templates/aiworkflow/PresetThemeVars.tsx`
-  - Page: `pages/templates/aiworkflow/index.tsx`
-
-## Composition pattern
-
-The page is composed from local wrappers such as:
-
-- `components/Navbar.tsx`
-- `components/Hero.tsx`
-- `components/Features.tsx`
-- `components/ProcessTimeline.tsx`
-- `components/Testimonials.tsx`
-- `components/Pricing.tsx`
-- `components/FAQ.tsx`
-- `components/CTA.tsx`
-- `components/Contact.tsx`
-- `components/Footer.tsx`
-- `components/TrustBadges.tsx`
-
-The local `Hero.tsx` wraps the shared `HeroProductDemo` section with AI workflow-specific copy, scenarios, CTAs, and styling.
-
-## Core variables
-
-- Buttons: `--btn-bg`, `--btn-fg`, `--btn-hover-bg`, `--btn-hover-fg`, `--btn-border`, `--btn-ring`
-- Inputs/Textareas: `--input-bg`, `--input-fg`, `--input-placeholder`, `--input-border`, `--input-focus-ring`, `--input-ring-offset`
-- Cards: `--card-bg`, `--card-fg`, `--card-title-fg`, `--card-muted-fg`, `--card-border`, `--card-shadow`
-- Badges/Chips: `--badge-bg`, `--badge-fg`, `--badge-border`, active: `--badge-active-*`
-- Headings: `--heading-fg`, `--subheading-fg`, `--description-fg`
-- Footer: `--footer-bg`, `--footer-fg`, `--footer-heading-fg`, `--footer-link-fg`, `--footer-link-hover-fg`, `--footer-link-hover-bg`, `--footer-muted-fg`, `--footer-border`
-- Table: `--table-fg`, `--table-muted-fg`, `--table-head-fg`, `--table-border`, `--table-row-hover-bg`
-
-## Per-section overrides
-
-Prefer the shared preset variables first. Only add local overrides when a section needs a distinct accent or contrast treatment.

package/dist/kits/blocks/app/templates/aiworkflow/components/CTA.tsx

@@ -1,44 +0,0 @@
-"use client";
-
-import { CTA as SharedCTA } from "@/components/sections/CTA";
-
-export function CTA() {
-  return (
-    <SharedCTA
-      section={{
-        className:
-          "bg-[var(--cta-section-bg)] px-6 py-16 [--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)]",
-      }}
-      container={{
-        className:
-          "flex min-h-[22rem] w-full flex-col items-center justify-center px-6 py-16 text-center",
-      }}
-      headingText={{
-        text: "Ship code changes with an agent in the loop.",
-        className:
-          "font-outfit text-3xl font-semibold leading-tight text-[var(--cta-heading-fg)] md:text-4xl lg:text-5xl",
-      }}
-      subheadingText={{
-        text: "Move from issue to patch to preview without leaving one workspace.",
-        className:
-          "mx-auto mt-4 max-w-2xl font-inter text-base leading-7 text-[var(--cta-subheading-fg)] md:text-lg",
-      }}
-      actionsWrapper={{ className: "mt-8 flex flex-col gap-3 sm:flex-row" }}
-      ctaButton={{ label: "Book a coding demo", href: "#contact" }}
-      ctaButtonStyle={{
-        variant: "default",
-        size: "lg",
-        className:
-          "font-inter font-semibold [--btn-bg:var(--cta-primary-bg)] [--btn-fg:var(--cta-primary-fg)] [--btn-border:var(--cta-primary-border)] hover:[--btn-hover-bg:var(--cta-primary-hover-bg)] hover:[--btn-hover-fg:var(--cta-primary-hover-fg)]",
-      }}
-      secondaryButton={{ label: "Review pricing", href: "#pricing" }}
-      secondaryButtonStyle={{
-        variant: "outline",
-        size: "lg",
-        className:
-          "border [--btn-bg:var(--cta-secondary-bg)] [--btn-fg:var(--cta-secondary-fg)] [--btn-border:var(--cta-secondary-border)] hover:[--btn-hover-bg:var(--cta-secondary-hover-bg)] hover:[--btn-hover-fg:var(--cta-secondary-hover-fg)]",
-      }}
-      ariaLabel="AI coding agent call to action"
-    />
-  );
-}

package/dist/kits/blocks/app/templates/aiworkflow/components/Contact.tsx

@@ -1,104 +0,0 @@
-"use client";
-
-import React from "react";
-import {
-  Contact as SharedContact,
-  ContactField,
-} from "@/components/sections/Contact";
-
-const contactFields: ContactField[] = [
-  {
-    id: "name",
-    label: "Full name",
-    placeholder: "Avery Chen",
-    required: true,
-    type: "text",
-  },
-  {
-    id: "email",
-    label: "Work email",
-    placeholder: "avery@company.com",
-    required: true,
-    type: "email",
-  },
-  {
-    id: "company",
-    label: "Company",
-    placeholder: "Northstar Labs",
-    required: true,
-    type: "text",
-  },
-  {
-    id: "workflow",
-    label: "Workflow to automate",
-    placeholder: "Bug fixes, refactors, releases, or repo cleanup…",
-    required: true,
-    type: "text",
-  },
-  {
-    id: "message",
-    label: "What should the workflow coordinate?",
-    placeholder:
-      "Tell us which files, checks, or handoffs are slowing the team down.",
-    required: true,
-    type: "textarea",
-  },
-];
-
-export function Contact() {
-  const handleFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    const data = Object.fromEntries(new FormData(e.currentTarget).entries());
-  };
-
-  return (
-    <SharedContact
-      id="contact"
-      ariaLabel="AI coding agent contact section"
-      fields={contactFields}
-      contactHeaderText="Bring your messiest codebase issue."
-      contactSubHeaderText="We’ll map the reads, edits, checks, and reviews the agent should handle first."
-      className="w-full"
-      section={{
-        className: "bg-[var(--contact-section-bg)] px-6 py-16",
-      }}
-      container={{ className: "mx-auto max-w-4xl" }}
-      headerWrapper={{ className: "mb-8 text-center" }}
-      headerText={{
-        className:
-          "font-outfit text-3xl font-semibold !text-[var(--heading-fg)] md:text-4xl",
-      }}
-      subheaderText={{
-        className:
-          "mx-auto mt-3 max-w-2xl font-inter text-base leading-7 text-[var(--subheading-fg)]",
-      }}
-      form={{
-        className:
-          "rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] p-6 shadow-[var(--card-shadow)] md:p-8",
-      }}
-      fieldsWrapper={{ className: "space-y-5" }}
-      field={{ className: "space-y-2" }}
-      label={{
-        className:
-          "block font-inter text-sm font-medium text-[var(--card-title-fg)]",
-      }}
-      input={{
-        className:
-          "w-full rounded-md border-[var(--input-border)] bg-[var(--input-bg)] p-3 font-inter 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)]",
-      }}
-      textarea={{
-        className:
-          "min-h-[130px] w-full resize-vertical rounded-md border-[var(--input-border)] bg-[var(--input-bg)] p-3 font-inter 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)]",
-      }}
-      submitButtonWrapper={{ className: "pt-2" }}
-      submitButtonStyle={{
-        variant: "default",
-        size: "lg",
-        className:
-          "w-full font-inter font-semibold [--btn-bg:var(--contact-submit-bg)] [--btn-fg:var(--contact-submit-fg)] [--btn-border:var(--contact-submit-border)] hover:[--btn-hover-bg:var(--contact-submit-hover-bg)] hover:[--btn-hover-fg:var(--contact-submit-hover-fg)]",
-      }}
-      submitButtonText="Book an agent demo"
-      onSubmit={handleFormSubmit}
-    />
-  );
-}