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

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * as AIWorkflow from "./templates/aiworkflow/Page";
+export * as DigitalAgency from "./templates/digitalagency/Page";
+export * as Gallery from "./templates/gallery/Page";
+export * as ProductLaunch from "./templates/productlaunch/Page";
+export * as SaaSDashboard from "./templates/saasdashboard/Page";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,aAAa,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,aAAa,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,aAAa,MAAM,gCAAgC,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * as AIWorkflow from "./templates/aiworkflow/Page";
+export * as DigitalAgency from "./templates/digitalagency/Page";
+export * as Gallery from "./templates/gallery/Page";
+export * as ProductLaunch from "./templates/productlaunch/Page";
+export * as SaaSDashboard from "./templates/saasdashboard/Page";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/aiworkflow/Page.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,sBAAsB,gCA4BrC"}

package/dist/templates/aiworkflow/Page.jsx

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

package/dist/templates/aiworkflow/PresetThemeVars.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=PresetThemeVars.d.ts.map

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

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

package/dist/templates/aiworkflow/PresetThemeVars.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.cyan.500)] dark:[--btn-ring:theme(colors.cyan.400)]", "[--input-bg:theme(colors.white)] dark:[--input-bg:theme(colors.slate.950)]", "[--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.cyan.200)] dark:[--input-border:theme(colors.cyan.900)]", "[--input-focus-ring:theme(colors.cyan.500)] dark:[--input-focus-ring:theme(colors.cyan.400)]", "[--input-ring-offset:theme(colors.white)] dark:[--input-ring-offset:theme(colors.slate.950)]", "[--card-bg:theme(colors.white)] dark:[--card-bg:theme(colors.slate.900)]", "[--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:theme(colors.slate.800)]", "[--card-shadow:0_10px_30px_rgba(8,15,30,0.08)]", "[--badge-bg:theme(colors.cyan.50)] dark:[--badge-bg:theme(colors.cyan.950)]", "[--badge-fg:theme(colors.cyan.700)] dark:[--badge-fg:theme(colors.cyan.200)]", "[--badge-border:theme(colors.cyan.200)] dark:[--badge-border:theme(colors.cyan.800)]", "[--badge-active-bg:theme(colors.cyan.500)] dark:[--badge-active-bg:theme(colors.cyan.500)]", "[--badge-active-fg:theme(colors.slate.950)] dark:[--badge-active-fg:theme(colors.slate.950)]", "[--badge-active-border:theme(colors.cyan.600)] dark:[--badge-active-border:theme(colors.cyan.400)]", "[--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)]", "[--footer-bg:transparent] dark:[--footer-bg:transparent]", "[--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.cyan.700)] dark:[--footer-link-hover-fg:theme(colors.cyan.300)]", "[--footer-link-hover-bg:theme(colors.cyan.50)] dark:[--footer-link-hover-bg:color-mix(in_oklab,oklch(0.25_0.06_230)_24%,transparent)]", "[--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:theme(colors.slate.900)]", className)}>
+      {children}
+    </div>);
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+// 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 { CTA as SharedCTA } from "@nextworks/blocks-sections";
+export function CTA() {
+    return (<SharedCTA section={{
+            className: "bg-[linear-gradient(135deg,theme(colors.slate.950)_0%,theme(colors.cyan.950)_55%,theme(colors.violet.950)_100%)] [--heading-fg:white] [--subheading-fg:rgba(255,255,255,0.82)] [--description-fg:rgba(255,255,255,0.78)]",
+        }} container={{
+            className: "flex min-h-[22rem] w-full flex-col items-center justify-center px-6 py-16 text-center",
+        }} headingText={{
+            text: "Automate the work between your tools, teams, and approvals.",
+            className: "font-outfit text-3xl font-semibold leading-tight text-white md:text-4xl lg:text-5xl",
+        }} subheadingText={{
+            text: "See how an AI workflow automation layer can turn requests into governed execution without losing visibility.",
+            className: "mx-auto mt-4 max-w-2xl font-inter text-base leading-7 text-white/80 md:text-lg",
+        }} actionsWrapper={{ className: "mt-8 flex flex-col gap-3 sm:flex-row" }} ctaButton={{ label: "Book a workflow demo", href: "#contact" }} ctaButtonStyle={{
+            variant: "default",
+            size: "lg",
+            className: "font-inter font-semibold [--btn-bg:theme(colors.cyan.400)] [--btn-fg:theme(colors.slate.950)] [--btn-border:transparent] hover:[--btn-hover-bg:theme(colors.cyan.300)] hover:[--btn-hover-fg:theme(colors.slate.950)]",
+        }} secondaryButton={{ label: "Review pricing", href: "#pricing" }} secondaryButtonStyle={{
+            variant: "outline",
+            size: "lg",
+            className: "border [--btn-bg:transparent] [--btn-fg:white] [--btn-border:rgba(255,255,255,0.55)] hover:[--btn-hover-bg:rgba(255,255,255,0.08)] hover:[--btn-hover-fg:white]",
+        }} ariaLabel="AI workflow call to action"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Contact.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,wBAAgB,OAAO,sBAyDtB"}

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

@@ -0,0 +1,67 @@
+// 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";
+const contactFields = [
+    {
+        id: "name",
+        label: "Full name",
+        placeholder: "Jordan Lee",
+        required: true,
+        type: "text",
+    },
+    {
+        id: "email",
+        label: "Work email",
+        placeholder: "jordan@company.com",
+        required: true,
+        type: "email",
+    },
+    {
+        id: "company",
+        label: "Company",
+        placeholder: "Acme Inc.",
+        required: true,
+        type: "text",
+    },
+    {
+        id: "workflow",
+        label: "Workflow to automate",
+        placeholder: "Approvals, onboarding, launches, support escalations…",
+        required: true,
+        type: "text",
+    },
+    {
+        id: "message",
+        label: "What should the workflow coordinate?",
+        placeholder: "Tell us which systems, approvals, or handoffs are slowing the team down.",
+        required: true,
+        type: "textarea",
+    },
+];
+export function Contact() {
+    const handleFormSubmit = (e) => {
+        e.preventDefault();
+        const data = Object.fromEntries(new FormData(e.currentTarget).entries());
+    };
+    return (<SharedContact id="contact" ariaLabel="AI workflow contact section" fields={contactFields} contactHeaderText="Bring your messiest workflow." contactSubHeaderText="We’ll map the approvals, systems, and execution steps that AI can automate first." className="w-full" section={{
+            className: "bg-[linear-gradient(180deg,rgba(241,245,249,1)_0%,rgba(224,242,254,0.55)_100%)] px-6 py-16 dark:bg-[linear-gradient(180deg,rgba(2,6,23,1)_0%,rgba(8,47,73,0.45)_100%)]",
+        }} 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: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)]",
+        }} submitButtonText="Request a demo" onSubmit={handleFormSubmit}/>);
+}

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

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

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

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

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

@@ -0,0 +1,40 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+"use client";
+import { FAQ as SharedFAQ } from "@nextworks/blocks-sections";
+export function FAQ() {
+    return (<SharedFAQ faqSectionHeaderText="Frequently asked questions" faqData={[
+            {
+                question: "What kinds of workflows can I automate?",
+                answer: "Teams use FlowPilot AI for intake routing, approvals, CRM and ticket updates, launch coordination, support escalations, and other repeatable cross-tool processes.",
+            },
+            {
+                question: "How do approvals work?",
+                answer: "You define thresholds and policy rules once. The workflow requests human approval only when conditions match, while lower-risk steps continue automatically.",
+            },
+            {
+                question: "Can AI use our internal documentation and policies?",
+                answer: "Yes. The knowledge layer can reference playbooks, policies, runbooks, and other connected sources so actions stay grounded in current context.",
+            },
+            {
+                question: "Will we be able to audit every action?",
+                answer: "Yes. Each workflow run records decisions, approvals, tool updates, and execution logs so teams can trace what happened and why.",
+            },
+            {
+                question: "Do we need engineering support to start?",
+                answer: "Most teams start with business-owned workflows using existing integrations and preset patterns. Engineering can extend the system later when needed.",
+            },
+            {
+                question: "Which tools can it connect to?",
+                answer: "The template story assumes common systems such as Slack, CRM platforms, ticketing tools, docs, and project trackers, with more connectors added as needed.",
+            },
+        ]} section={{ className: "bg-background px-5 py-16" }} container={{ className: "max-w-6xl mx-auto" }} heading={{
+            className: "mb-8 text-center font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl",
+        }} grid={{ className: "grid grid-cols-1 gap-5 lg:grid-cols-2" }} item={{ className: "mb-0 w-full" }} questionButton={{
+            className: "flex cursor-pointer items-center justify-between rounded-xl border border-slate-200 bg-white p-5 font-inter font-semibold text-slate-900 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:border-cyan-300 hover:bg-cyan-50 dark:border-slate-800 dark:bg-slate-900 dark:text-white dark:hover:border-cyan-700 dark:hover:bg-cyan-950/40",
+        }} answer={{
+            className: "overflow-hidden rounded-xl border border-[var(--card-border)] bg-[var(--card-bg)] text-[var(--card-fg)] shadow-sm",
+        }} answerText={{
+            className: "font-inter text-sm leading-7 text-[var(--card-fg)]",
+        }} ariaLabel="AI workflow frequently asked questions"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Features.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,QAAQ,gCAoCvB"}

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

@@ -0,0 +1,39 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+"use client";
+import { Features as SharedFeatures } from "@nextworks/blocks-sections";
+const featuresData = [
+    {
+        imageSrc: "/placeholders/saas_dashboard/projectBoard.png",
+        imageAlt: "Workflow builder and orchestration canvas",
+        headingText: "Design workflows from plain-language requests",
+        subheadingText: "AI turns a request into a structured workflow with triggers, conditions, tool actions, and approval checkpoints.",
+    },
+    {
+        imageSrc: "/placeholders/saas_dashboard/analytics.png",
+        imageAlt: "Live execution feed and analytics dashboard",
+        headingText: "See every step as it runs",
+        subheadingText: "Track execution state, latency, retries, and downstream updates in a live run feed your team can actually follow.",
+    },
+    {
+        imageSrc: "/placeholders/saas_dashboard/chat.png",
+        imageAlt: "Approval inbox and team collaboration interface",
+        headingText: "Route approvals only where they matter",
+        subheadingText: "Let policy decide when humans need to review while routine decisions stay automated and fully auditable.",
+    },
+];
+export function Features() {
+    return (<SharedFeatures sectionHeading="One system for requests, approvals, execution, and visibility" sectionSubheading="Compose AI-assisted workflows that pull in context, coordinate teams, and keep every system in sync." featuresData={featuresData} section={{ className: "bg-background py-18 md:py-22 lg:py-24" }} container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-10" }} header={{ className: "mb-12 text-center md:mb-14" }} heading={{
+            className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
+        }} subheading={{
+            className: "mx-auto max-w-3xl font-inter text-base leading-7 text-[var(--subheading-fg)] md:text-lg",
+        }} grid={{
+            className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
+        }} card={{
+            className: "h-full 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",
+        }} image={{ className: "h-52 w-full object-cover" }} cardHeading={{
+            className: "font-inter text-xl font-semibold leading-tight text-[var(--card-title-fg)]",
+        }} cardSubheading={{
+            className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)] md:text-base",
+        }} ariaLabel="AI workflow features"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Footer.tsx"],"names":[],"mappings":"AAQA,wBAAgB,MAAM,gCAuGrB"}

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

@@ -0,0 +1,81 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+"use client";
+import { Footer as SharedFooter } from "@nextworks/blocks-sections";
+import { Github, Linkedin, Mail, Twitter } from "lucide-react";
+export function Footer() {
+    return (<SharedFooter id="footer" footerBrandName="FlowPilot AI" footerNavLinks={[
+            {
+                heading: "Platform",
+                links: [
+                    { name: "Features", href: "#features" },
+                    { name: "Pricing", href: "#pricing" },
+                    { name: "FAQ", href: "#faq" },
+                    { name: "Contact", href: "#contact" },
+                ],
+            },
+            {
+                heading: "Use cases",
+                links: [
+                    { name: "Revenue operations", href: "#features" },
+                    { name: "Launch workflows", href: "#features" },
+                    { name: "Approvals", href: "#faq" },
+                    { name: "Integrations", href: "#features" },
+                ],
+            },
+            {
+                heading: "Company",
+                links: [
+                    { name: "About", href: "#home" },
+                    { name: "Security", href: "#faq" },
+                    { name: "Status", href: "#contact" },
+                    { name: "Privacy", href: "#contact" },
+                ],
+            },
+        ]} footerSocialLinks={[
+            {
+                name: "Twitter",
+                icon: Twitter,
+                url: "https://twitter.com/flowpilotai",
+                external: true,
+                label: "Follow FlowPilot AI on Twitter",
+            },
+            {
+                name: "LinkedIn",
+                icon: Linkedin,
+                url: "https://linkedin.com/company/flowpilotai",
+                external: true,
+                label: "Connect with FlowPilot AI on LinkedIn",
+            },
+            {
+                name: "GitHub",
+                icon: Github,
+                url: "https://github.com/flowpilotai",
+                external: true,
+                label: "View FlowPilot AI on GitHub",
+            },
+            {
+                name: "Email",
+                icon: Mail,
+                url: "mailto:hello@flowpilot.ai",
+                external: true,
+                label: "Email FlowPilot AI",
+            },
+        ]} section={{
+            className: "w-full border-t border-[var(--footer-border)] bg-[var(--footer-bg)] text-[var(--footer-fg)]",
+        }} container={{ className: "max-w-7xl mx-auto px-6" }} brand={{
+            className: "font-outfit text-xl font-semibold text-[var(--footer-heading-fg)] md:text-2xl",
+        }} brandWrapper={{ className: "flex flex-col items-start text-left lg:pr-8" }} navSection={{
+            className: "flex flex-col items-start justify-between gap-8 pt-10 pb-12 lg:flex-row",
+        }} navGroup={{ className: "flex min-w-[150px] flex-col items-start text-left" }} navHeading={{
+            className: "mb-4 font-inter text-sm font-semibold uppercase tracking-wider text-[var(--footer-heading-fg)]",
+        }} navLink={{
+            className: "mb-3 block font-inter text-sm text-[var(--footer-link-fg)] transition-colors duration-200 hover:text-[var(--footer-link-hover-fg)]",
+        }} socialSection={{
+            className: "flex items-center justify-center gap-5 border-t border-[var(--footer-border)] py-8",
+        }} socialLink={{
+            className: "rounded-lg p-3 text-[var(--footer-link-fg)] transition-all duration-200 hover:bg-[var(--footer-link-hover-bg)] hover:text-[var(--footer-link-hover-fg)]",
+        }} socialIcon={{ className: "h-5 w-5" }} copyright={{
+            className: "border-t border-[var(--footer-border)] py-6 text-center font-inter text-sm text-[var(--footer-muted-fg)]",
+        }} ariaLabel="AI workflow footer"/>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Hero.tsx"],"names":[],"mappings":"AAijBA,wBAAgB,IAAI,gCA4EnB"}