@fayz-ai/plugin-sites 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Faya Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,47 @@
+# @fayz-ai/plugin-sites
+
+> Websites, funnels, and landing pages — built into the same app as your CRM.
+
+[![npm](https://img.shields.io/npm/v/@fayz-ai/plugin-sites.svg)](https://www.npmjs.com/package/@fayz-ai/plugin-sites)
+[![license](https://img.shields.io/npm/l/@fayz-ai/plugin-sites.svg)](https://github.com/FayaLabs/fayz-sdk/blob/main/LICENSE)
+
+Most teams duct-tape a page builder onto a separate CRM and pray the leads sync. plugin-sites is the GoHighLevel "Sites" surface, native to your Fayz app: funnels, landing pages, and full websites that capture leads straight into the same tenant your pipeline lives in. No webhooks, no Zapier, no copy-paste.
+
+This is an early surface and we're honest about it. M1 ships a polished `/sites` home — a real, navigable view of funnels and landing pages with visits and conversion stats — to lock the UX and the data shape. The drag-and-drop block builder (from architecture-v2) and public-facing rendered pages land in a later milestone.
+
+## What's inside
+- **`/sites` route + nav entry** (icon `LayoutTemplate`), permission-gated on `sites:read`
+- **Sites home view** — funnels, websites, and landing pages with status, visits, and conversion stats
+- **Universal scope** — works in any vertical (beauty, food, health, services, retail)
+- **Configurable nav** — `navPosition`, `navSection`, `navLabel`
+- **Declared feature** — `sites` ("Sites & Funnels", in the "Convert" group) for permissions and feature gating
+
+> Status: M1 mock home. The page builder and published-page surfaces are on the roadmap.
+
+## Install
+```bash
+npm install @fayz-ai/plugin-sites
+```
+Peer deps: `react`, `react-dom`. Runtime deps: `@fayz-ai/core`, `@fayz-ai/ui`.
+
+## Usage
+```tsx
+import { defineSaas } from '@fayz-ai/saas'
+import { createSitesPlugin } from '@fayz-ai/plugin-sites'
+
+export const app = defineSaas({
+  // ...
+  plugins: [
+    createSitesPlugin({
+      navLabel: 'Sites',
+      navPosition: 7,
+    }),
+  ],
+})
+```
+
+## Part of the Fayz SDK
+One of the composable plugins for `@fayz-ai/saas` — this one owns the convert surface: funnels, landing pages, and websites.
+
+## Roadmap & contributing
+Built and evolving in the open. See the [Fayz SDK roadmap](../../docs/ROADMAP.md#plugin-sites) for current gaps, missing features, and good first issues.

package/dist/index.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+var React = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@fayz-ai/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/index.ts
+var SITES = [
+  { id: "1", name: "Free Consultation Funnel", type: "Funnel", status: "Published", visits: 3820, conversion: 12.4, accent: "#6366f1" },
+  { id: "2", name: "Summer Promo Landing", type: "Landing page", status: "Published", visits: 1560, conversion: 8.1, accent: "#ec4899" },
+  { id: "3", name: "Agency Website", type: "Website", status: "Published", visits: 9240, conversion: 3.2, accent: "#0ea5e9" },
+  { id: "4", name: "Webinar Registration", type: "Funnel", status: "Draft", visits: 0, conversion: 0, accent: "#f59e0b" },
+  { id: "5", name: "Lead Magnet \u2014 Ebook", type: "Landing page", status: "Draft", visits: 0, conversion: 0, accent: "#14b8a6" }
+];
+var TYPE_ICON = { Funnel: lucideReact.Layers, Website: lucideReact.Globe, "Landing page": lucideReact.FileText };
+function Stat({ icon: Icon, label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-card border border-border bg-card p-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: label })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-2xl font-semibold text-foreground", children: value })
+  ] });
+}
+function SitesHome() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-6xl p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PageHeaderActions, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-1.5 h-4 w-4" }),
+      " New funnel"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 grid grid-cols-2 gap-4 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Stat, { icon: lucideReact.Eye, label: "Total visits (30d)", value: "14,620" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Stat, { icon: lucideReact.MousePointerClick, label: "Avg. conversion", value: "7.1%" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Stat, { icon: lucideReact.Layers, label: "Published funnels", value: "3" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Stat, { icon: lucideReact.FileText, label: "Leads captured", value: "1,038" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: SITES.map((s) => {
+      const Icon = TYPE_ICON[s.type];
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group overflow-hidden rounded-card border border-border bg-card", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-28 items-center justify-center", style: { backgroundColor: `${s.accent}1a` }, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8", style: { color: s.accent } }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: s.type }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${s.status === "Published" ? "bg-emerald-100 text-emerald-700" : "bg-muted text-muted-foreground"}`, children: s.status })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm font-semibold text-foreground", children: s.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              s.visits.toLocaleString(),
+              " visits"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              s.conversion,
+              "% conv."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", className: "mt-3 w-full", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }),
+            " Open editor"
+          ] })
+        ] })
+      ] }, s.id);
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-center text-xs text-muted-foreground", children: "Mock preview \xB7 the drag-and-drop page builder (block system + public surfaces) ships in a later milestone." })
+  ] });
+}
+
+// src/index.ts
+function createSitesPlugin(options) {
+  const PageComponent = () => React__default.default.createElement(SitesHome);
+  PageComponent.displayName = "SitesHome";
+  return {
+    id: "sites",
+    name: options?.navLabel ?? "Sites",
+    icon: "LayoutTemplate",
+    version: "1.0.0",
+    scope: options?.scope ?? "universal",
+    verticalId: options?.verticalId,
+    defaultEnabled: true,
+    dependencies: [],
+    declaredFeatures: [{ id: "sites", label: "Sites & Funnels", group: "Convert" }],
+    navigation: [
+      {
+        section: options?.navSection ?? "main",
+        position: options?.navPosition ?? 7,
+        label: options?.navLabel ?? "Sites",
+        route: "/sites",
+        icon: "LayoutTemplate",
+        permission: { feature: "sites", action: "read" }
+      }
+    ],
+    routes: [
+      {
+        path: "/sites",
+        component: PageComponent,
+        permission: { feature: "sites", action: "read" }
+      }
+    ],
+    widgets: []
+  };
+}
+
+exports.createSitesPlugin = createSitesPlugin;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/views/SitesHome.tsx","../src/index.ts"],"names":["Layers","Globe","FileText","jsxs","jsx","PageHeaderActions","Button","Plus","Eye","MousePointerClick","ExternalLink","React"],"mappings":"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","file":"index.cjs","sourcesContent":["import React from 'react'\nimport { Plus, ExternalLink, MousePointerClick, Eye, Globe, Layers, FileText } from 'lucide-react'\nimport { Button, PageHeaderActions } from '@fayz-ai/ui'\n\ninterface Site {\n  id: string\n  name: string\n  type: 'Funnel' | 'Website' | 'Landing page'\n  status: 'Published' | 'Draft'\n  visits: number\n  conversion: number\n  accent: string\n}\n\nconst SITES: Site[] = [\n  { id: '1', name: 'Free Consultation Funnel', type: 'Funnel', status: 'Published', visits: 3820, conversion: 12.4, accent: '#6366f1' },\n  { id: '2', name: 'Summer Promo Landing', type: 'Landing page', status: 'Published', visits: 1560, conversion: 8.1, accent: '#ec4899' },\n  { id: '3', name: 'Agency Website', type: 'Website', status: 'Published', visits: 9240, conversion: 3.2, accent: '#0ea5e9' },\n  { id: '4', name: 'Webinar Registration', type: 'Funnel', status: 'Draft', visits: 0, conversion: 0, accent: '#f59e0b' },\n  { id: '5', name: 'Lead Magnet — Ebook', type: 'Landing page', status: 'Draft', visits: 0, conversion: 0, accent: '#14b8a6' },\n]\n\nconst TYPE_ICON = { Funnel: Layers, Website: Globe, 'Landing page': FileText } as const\n\nfunction Stat({ icon: Icon, label, value }: { icon: React.ComponentType<{ className?: string }>; label: string; value: string }) {\n  return (\n    <div className=\"rounded-card border border-border bg-card p-4\">\n      <div className=\"flex items-center gap-2 text-muted-foreground\">\n        <Icon className=\"h-4 w-4\" /><span className=\"text-xs font-medium\">{label}</span>\n      </div>\n      <p className=\"mt-2 text-2xl font-semibold text-foreground\">{value}</p>\n    </div>\n  )\n}\n\nexport function SitesHome() {\n  return (\n    <div className=\"mx-auto max-w-6xl p-6\">\n      <PageHeaderActions>\n        <Button><Plus className=\"mr-1.5 h-4 w-4\" /> New funnel</Button>\n      </PageHeaderActions>\n\n      <div className=\"mt-6 grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        <Stat icon={Eye} label=\"Total visits (30d)\" value=\"14,620\" />\n        <Stat icon={MousePointerClick} label=\"Avg. conversion\" value=\"7.1%\" />\n        <Stat icon={Layers} label=\"Published funnels\" value=\"3\" />\n        <Stat icon={FileText} label=\"Leads captured\" value=\"1,038\" />\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {SITES.map((s) => {\n          const Icon = TYPE_ICON[s.type]\n          return (\n            <div key={s.id} className=\"group overflow-hidden rounded-card border border-border bg-card\">\n              <div className=\"flex h-28 items-center justify-center\" style={{ backgroundColor: `${s.accent}1a` }}>\n                <Icon className=\"h-8 w-8\" style={{ color: s.accent }} />\n              </div>\n              <div className=\"p-4\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs font-medium text-muted-foreground\">{s.type}</span>\n                  <span className={`rounded-full px-2 py-0.5 text-xs font-medium ${s.status === 'Published' ? 'bg-emerald-100 text-emerald-700' : 'bg-muted text-muted-foreground'}`}>{s.status}</span>\n                </div>\n                <p className=\"mt-1 text-sm font-semibold text-foreground\">{s.name}</p>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\n                  <span>{s.visits.toLocaleString()} visits</span>\n                  <span>{s.conversion}% conv.</span>\n                </div>\n                <Button variant=\"outline\" size=\"sm\" className=\"mt-3 w-full\">\n                  <ExternalLink className=\"mr-1.5 h-3.5 w-3.5\" /> Open editor\n                </Button>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n\n      <p className=\"mt-4 text-center text-xs text-muted-foreground\">\n        Mock preview · the drag-and-drop page builder (block system + public surfaces) ships in a later milestone.\n      </p>\n    </div>\n  )\n}\n","import React from 'react'\nimport type { PluginManifest, PluginScope, VerticalId } from '@fayz-ai/core'\nimport { SitesHome } from './views/SitesHome'\n\n// ---------------------------------------------------------------------------\n// @fayz-ai/plugin-sites — websites, funnels & landing pages (GoHighLevel \"Sites\").\n// Universal plugin. M1 ships a rich mock home; the drag-and-drop page builder\n// (block system from architecture-v2 + public surfaces) ships in a later milestone.\n// ---------------------------------------------------------------------------\n\nexport interface SitesPluginOptions {\n  navPosition?: number\n  navSection?: 'main' | 'secondary' | 'settings'\n  navLabel?: string\n  scope?: PluginScope\n  verticalId?: VerticalId\n}\n\nexport function createSitesPlugin(options?: SitesPluginOptions): PluginManifest {\n  const PageComponent: React.ComponentType<unknown> = () => React.createElement(SitesHome)\n  PageComponent.displayName = 'SitesHome'\n\n  return {\n    id: 'sites',\n    name: options?.navLabel ?? 'Sites',\n    icon: 'LayoutTemplate',\n    version: '1.0.0',\n    scope: options?.scope ?? 'universal',\n    verticalId: options?.verticalId,\n    defaultEnabled: true,\n    dependencies: [],\n    declaredFeatures: [{ id: 'sites', label: 'Sites & Funnels', group: 'Convert' }],\n    navigation: [\n      {\n        section: options?.navSection ?? 'main',\n        position: options?.navPosition ?? 7,\n        label: options?.navLabel ?? 'Sites',\n        route: '/sites',\n        icon: 'LayoutTemplate',\n        permission: { feature: 'sites', action: 'read' as const },\n      },\n    ],\n    routes: [\n      {\n        path: '/sites',\n        component: PageComponent,\n        permission: { feature: 'sites', action: 'read' as const },\n      },\n    ],\n    widgets: [],\n  }\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import type { PluginManifest, PluginScope, VerticalId } from '@fayz-ai/core';
+export interface SitesPluginOptions {
+    navPosition?: number;
+    navSection?: 'main' | 'secondary' | 'settings';
+    navLabel?: string;
+    scope?: PluginScope;
+    verticalId?: VerticalId;
+}
+export declare function createSitesPlugin(options?: SitesPluginOptions): PluginManifest;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAS5E,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,cAAc,CAiC9E"}

package/dist/index.js

@@ -0,0 +1,104 @@
+import React from 'react';
+import { Plus, Eye, MousePointerClick, Layers, FileText, Globe, ExternalLink } from 'lucide-react';
+import { PageHeaderActions, Button } from '@fayz-ai/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/index.ts
+var SITES = [
+  { id: "1", name: "Free Consultation Funnel", type: "Funnel", status: "Published", visits: 3820, conversion: 12.4, accent: "#6366f1" },
+  { id: "2", name: "Summer Promo Landing", type: "Landing page", status: "Published", visits: 1560, conversion: 8.1, accent: "#ec4899" },
+  { id: "3", name: "Agency Website", type: "Website", status: "Published", visits: 9240, conversion: 3.2, accent: "#0ea5e9" },
+  { id: "4", name: "Webinar Registration", type: "Funnel", status: "Draft", visits: 0, conversion: 0, accent: "#f59e0b" },
+  { id: "5", name: "Lead Magnet \u2014 Ebook", type: "Landing page", status: "Draft", visits: 0, conversion: 0, accent: "#14b8a6" }
+];
+var TYPE_ICON = { Funnel: Layers, Website: Globe, "Landing page": FileText };
+function Stat({ icon: Icon, label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-border bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: label })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-2xl font-semibold text-foreground", children: value })
+  ] });
+}
+function SitesHome() {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl p-6", children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(Button, { children: [
+      /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-4 w-4" }),
+      " New funnel"
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-2 gap-4 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(Stat, { icon: Eye, label: "Total visits (30d)", value: "14,620" }),
+      /* @__PURE__ */ jsx(Stat, { icon: MousePointerClick, label: "Avg. conversion", value: "7.1%" }),
+      /* @__PURE__ */ jsx(Stat, { icon: Layers, label: "Published funnels", value: "3" }),
+      /* @__PURE__ */ jsx(Stat, { icon: FileText, label: "Leads captured", value: "1,038" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: SITES.map((s) => {
+      const Icon = TYPE_ICON[s.type];
+      return /* @__PURE__ */ jsxs("div", { className: "group overflow-hidden rounded-card border border-border bg-card", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-28 items-center justify-center", style: { backgroundColor: `${s.accent}1a` }, children: /* @__PURE__ */ jsx(Icon, { className: "h-8 w-8", style: { color: s.accent } }) }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: s.type }),
+            /* @__PURE__ */ jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${s.status === "Published" ? "bg-emerald-100 text-emerald-700" : "bg-muted text-muted-foreground"}`, children: s.status })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm font-semibold text-foreground", children: s.name }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              s.visits.toLocaleString(),
+              " visits"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              s.conversion,
+              "% conv."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "mt-3 w-full", children: [
+            /* @__PURE__ */ jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }),
+            " Open editor"
+          ] })
+        ] })
+      ] }, s.id);
+    }) }),
+    /* @__PURE__ */ jsx("p", { className: "mt-4 text-center text-xs text-muted-foreground", children: "Mock preview \xB7 the drag-and-drop page builder (block system + public surfaces) ships in a later milestone." })
+  ] });
+}
+
+// src/index.ts
+function createSitesPlugin(options) {
+  const PageComponent = () => React.createElement(SitesHome);
+  PageComponent.displayName = "SitesHome";
+  return {
+    id: "sites",
+    name: options?.navLabel ?? "Sites",
+    icon: "LayoutTemplate",
+    version: "1.0.0",
+    scope: options?.scope ?? "universal",
+    verticalId: options?.verticalId,
+    defaultEnabled: true,
+    dependencies: [],
+    declaredFeatures: [{ id: "sites", label: "Sites & Funnels", group: "Convert" }],
+    navigation: [
+      {
+        section: options?.navSection ?? "main",
+        position: options?.navPosition ?? 7,
+        label: options?.navLabel ?? "Sites",
+        route: "/sites",
+        icon: "LayoutTemplate",
+        permission: { feature: "sites", action: "read" }
+      }
+    ],
+    routes: [
+      {
+        path: "/sites",
+        component: PageComponent,
+        permission: { feature: "sites", action: "read" }
+      }
+    ],
+    widgets: []
+  };
+}
+
+export { createSitesPlugin };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/views/SitesHome.tsx","../src/index.ts"],"names":[],"mappings":";;;;;;AAcA,IAAM,KAAA,GAAgB;AAAA,EACpB,EAAE,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,4BAA4B,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,WAAA,EAAa,MAAA,EAAQ,IAAA,EAAM,UAAA,EAAY,IAAA,EAAM,QAAQ,SAAA,EAAU;AAAA,EACpI,EAAE,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,wBAAwB,IAAA,EAAM,cAAA,EAAgB,MAAA,EAAQ,WAAA,EAAa,MAAA,EAAQ,IAAA,EAAM,UAAA,EAAY,GAAA,EAAK,QAAQ,SAAA,EAAU;AAAA,EACrI,EAAE,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,kBAAkB,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,WAAA,EAAa,MAAA,EAAQ,IAAA,EAAM,UAAA,EAAY,GAAA,EAAK,QAAQ,SAAA,EAAU;AAAA,EAC1H,EAAE,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,wBAAwB,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,OAAA,EAAS,MAAA,EAAQ,CAAA,EAAG,UAAA,EAAY,CAAA,EAAG,QAAQ,SAAA,EAAU;AAAA,EACtH,EAAE,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,4BAAuB,IAAA,EAAM,cAAA,EAAgB,MAAA,EAAQ,OAAA,EAAS,MAAA,EAAQ,CAAA,EAAG,UAAA,EAAY,CAAA,EAAG,QAAQ,SAAA;AACnH,CAAA;AAEA,IAAM,YAAY,EAAE,MAAA,EAAQ,QAAQ,OAAA,EAAS,KAAA,EAAO,gBAAgB,QAAA,EAAS;AAE7E,SAAS,KAAK,EAAE,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,OAAM,EAAwF;AAC/H,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,SAAA,EAAU,CAAA;AAAA,sBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC3E,CAAA;AAAA,oBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA+C,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACpE,CAAA;AAEJ;AAEO,SAAS,SAAA,GAAY;AAC1B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EACC,+BAAC,MAAA,EAAA,EAAO,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,gBAAA,EAAiB,CAAA;AAAA,MAAE;AAAA,KAAA,EAAW,CAAA,EACxD,CAAA;AAAA,oBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAK,IAAA,EAAM,GAAA,EAAK,KAAA,EAAM,oBAAA,EAAqB,OAAM,QAAA,EAAS,CAAA;AAAA,0BAC1D,IAAA,EAAA,EAAK,IAAA,EAAM,mBAAmB,KAAA,EAAM,iBAAA,EAAkB,OAAM,MAAA,EAAO,CAAA;AAAA,0BACnE,IAAA,EAAA,EAAK,IAAA,EAAM,QAAQ,KAAA,EAAM,mBAAA,EAAoB,OAAM,GAAA,EAAI,CAAA;AAAA,0BACvD,IAAA,EAAA,EAAK,IAAA,EAAM,UAAU,KAAA,EAAM,gBAAA,EAAiB,OAAM,OAAA,EAAQ;AAAA,KAAA,EAC7D,CAAA;AAAA,wBAEC,KAAA,EAAA,EAAI,SAAA,EAAU,6DACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM;AAChB,MAAA,MAAM,IAAA,GAAO,SAAA,CAAU,CAAA,CAAE,IAAI,CAAA;AAC7B,MAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAe,SAAA,EAAU,iEAAA,EACxB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uCAAA,EAAwC,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,EAAG,EAAE,MAAM,CAAA,EAAA,CAAA,IAC1F,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,SAAA,EAAU,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,EAAG,CAAA,EACxD,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,KAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,CAAA,CAAE,IAAA,EAAK,CAAA;AAAA,4BACpE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,6CAAA,EAAgD,CAAA,CAAE,MAAA,KAAW,WAAA,GAAc,iCAAA,GAAoC,gCAAgC,CAAA,CAAA,EAAK,QAAA,EAAA,CAAA,CAAE,MAAA,EAAO;AAAA,WAAA,EAChL,CAAA;AAAA,0BACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4CAAA,EAA8C,YAAE,IAAA,EAAK,CAAA;AAAA,0BAClE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,OAAO,cAAA,EAAe;AAAA,cAAE;AAAA,aAAA,EAAO,CAAA;AAAA,iCACvC,MAAA,EAAA,EAAM,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,UAAA;AAAA,cAAW;AAAA,aAAA,EAAO;AAAA,WAAA,EAC7B,CAAA;AAAA,+BACC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAU,IAAA,EAAK,IAAA,EAAK,WAAU,aAAA,EAC5C,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,oBAAA,EAAqB,CAAA;AAAA,YAAE;AAAA,WAAA,EACjD;AAAA,SAAA,EACF;AAAA,OAAA,EAAA,EAjBQ,EAAE,EAkBZ,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH,CAAA;AAAA,oBAEA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAiD,QAAA,EAAA,+GAAA,EAE9D;AAAA,GAAA,EACF,CAAA;AAEJ;;;AC/DO,SAAS,kBAAkB,OAAA,EAA8C;AAC9E,EAAA,MAAM,aAAA,GAA8C,MAAM,KAAA,CAAM,aAAA,CAAc,SAAS,CAAA;AACvF,EAAA,aAAA,CAAc,WAAA,GAAc,WAAA;AAE5B,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,OAAA;AAAA,IACJ,IAAA,EAAM,SAAS,QAAA,IAAY,OAAA;AAAA,IAC3B,IAAA,EAAM,gBAAA;AAAA,IACN,OAAA,EAAS,OAAA;AAAA,IACT,KAAA,EAAO,SAAS,KAAA,IAAS,WAAA;AAAA,IACzB,YAAY,OAAA,EAAS,UAAA;AAAA,IACrB,cAAA,EAAgB,IAAA;AAAA,IAChB,cAAc,EAAC;AAAA,IACf,gBAAA,EAAkB,CAAC,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,iBAAA,EAAmB,KAAA,EAAO,SAAA,EAAW,CAAA;AAAA,IAC9E,UAAA,EAAY;AAAA,MACV;AAAA,QACE,OAAA,EAAS,SAAS,UAAA,IAAc,MAAA;AAAA,QAChC,QAAA,EAAU,SAAS,WAAA,IAAe,CAAA;AAAA,QAClC,KAAA,EAAO,SAAS,QAAA,IAAY,OAAA;AAAA,QAC5B,KAAA,EAAO,QAAA;AAAA,QACP,IAAA,EAAM,gBAAA;AAAA,QACN,UAAA,EAAY,EAAE,OAAA,EAAS,OAAA,EAAS,QAAQ,MAAA;AAAgB;AAC1D,KACF;AAAA,IACA,MAAA,EAAQ;AAAA,MACN;AAAA,QACE,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EAAW,aAAA;AAAA,QACX,UAAA,EAAY,EAAE,OAAA,EAAS,OAAA,EAAS,QAAQ,MAAA;AAAgB;AAC1D,KACF;AAAA,IACA,SAAS;AAAC,GACZ;AACF","file":"index.js","sourcesContent":["import React from 'react'\nimport { Plus, ExternalLink, MousePointerClick, Eye, Globe, Layers, FileText } from 'lucide-react'\nimport { Button, PageHeaderActions } from '@fayz-ai/ui'\n\ninterface Site {\n  id: string\n  name: string\n  type: 'Funnel' | 'Website' | 'Landing page'\n  status: 'Published' | 'Draft'\n  visits: number\n  conversion: number\n  accent: string\n}\n\nconst SITES: Site[] = [\n  { id: '1', name: 'Free Consultation Funnel', type: 'Funnel', status: 'Published', visits: 3820, conversion: 12.4, accent: '#6366f1' },\n  { id: '2', name: 'Summer Promo Landing', type: 'Landing page', status: 'Published', visits: 1560, conversion: 8.1, accent: '#ec4899' },\n  { id: '3', name: 'Agency Website', type: 'Website', status: 'Published', visits: 9240, conversion: 3.2, accent: '#0ea5e9' },\n  { id: '4', name: 'Webinar Registration', type: 'Funnel', status: 'Draft', visits: 0, conversion: 0, accent: '#f59e0b' },\n  { id: '5', name: 'Lead Magnet — Ebook', type: 'Landing page', status: 'Draft', visits: 0, conversion: 0, accent: '#14b8a6' },\n]\n\nconst TYPE_ICON = { Funnel: Layers, Website: Globe, 'Landing page': FileText } as const\n\nfunction Stat({ icon: Icon, label, value }: { icon: React.ComponentType<{ className?: string }>; label: string; value: string }) {\n  return (\n    <div className=\"rounded-card border border-border bg-card p-4\">\n      <div className=\"flex items-center gap-2 text-muted-foreground\">\n        <Icon className=\"h-4 w-4\" /><span className=\"text-xs font-medium\">{label}</span>\n      </div>\n      <p className=\"mt-2 text-2xl font-semibold text-foreground\">{value}</p>\n    </div>\n  )\n}\n\nexport function SitesHome() {\n  return (\n    <div className=\"mx-auto max-w-6xl p-6\">\n      <PageHeaderActions>\n        <Button><Plus className=\"mr-1.5 h-4 w-4\" /> New funnel</Button>\n      </PageHeaderActions>\n\n      <div className=\"mt-6 grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        <Stat icon={Eye} label=\"Total visits (30d)\" value=\"14,620\" />\n        <Stat icon={MousePointerClick} label=\"Avg. conversion\" value=\"7.1%\" />\n        <Stat icon={Layers} label=\"Published funnels\" value=\"3\" />\n        <Stat icon={FileText} label=\"Leads captured\" value=\"1,038\" />\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {SITES.map((s) => {\n          const Icon = TYPE_ICON[s.type]\n          return (\n            <div key={s.id} className=\"group overflow-hidden rounded-card border border-border bg-card\">\n              <div className=\"flex h-28 items-center justify-center\" style={{ backgroundColor: `${s.accent}1a` }}>\n                <Icon className=\"h-8 w-8\" style={{ color: s.accent }} />\n              </div>\n              <div className=\"p-4\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs font-medium text-muted-foreground\">{s.type}</span>\n                  <span className={`rounded-full px-2 py-0.5 text-xs font-medium ${s.status === 'Published' ? 'bg-emerald-100 text-emerald-700' : 'bg-muted text-muted-foreground'}`}>{s.status}</span>\n                </div>\n                <p className=\"mt-1 text-sm font-semibold text-foreground\">{s.name}</p>\n                <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\n                  <span>{s.visits.toLocaleString()} visits</span>\n                  <span>{s.conversion}% conv.</span>\n                </div>\n                <Button variant=\"outline\" size=\"sm\" className=\"mt-3 w-full\">\n                  <ExternalLink className=\"mr-1.5 h-3.5 w-3.5\" /> Open editor\n                </Button>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n\n      <p className=\"mt-4 text-center text-xs text-muted-foreground\">\n        Mock preview · the drag-and-drop page builder (block system + public surfaces) ships in a later milestone.\n      </p>\n    </div>\n  )\n}\n","import React from 'react'\nimport type { PluginManifest, PluginScope, VerticalId } from '@fayz-ai/core'\nimport { SitesHome } from './views/SitesHome'\n\n// ---------------------------------------------------------------------------\n// @fayz-ai/plugin-sites — websites, funnels & landing pages (GoHighLevel \"Sites\").\n// Universal plugin. M1 ships a rich mock home; the drag-and-drop page builder\n// (block system from architecture-v2 + public surfaces) ships in a later milestone.\n// ---------------------------------------------------------------------------\n\nexport interface SitesPluginOptions {\n  navPosition?: number\n  navSection?: 'main' | 'secondary' | 'settings'\n  navLabel?: string\n  scope?: PluginScope\n  verticalId?: VerticalId\n}\n\nexport function createSitesPlugin(options?: SitesPluginOptions): PluginManifest {\n  const PageComponent: React.ComponentType<unknown> = () => React.createElement(SitesHome)\n  PageComponent.displayName = 'SitesHome'\n\n  return {\n    id: 'sites',\n    name: options?.navLabel ?? 'Sites',\n    icon: 'LayoutTemplate',\n    version: '1.0.0',\n    scope: options?.scope ?? 'universal',\n    verticalId: options?.verticalId,\n    defaultEnabled: true,\n    dependencies: [],\n    declaredFeatures: [{ id: 'sites', label: 'Sites & Funnels', group: 'Convert' }],\n    navigation: [\n      {\n        section: options?.navSection ?? 'main',\n        position: options?.navPosition ?? 7,\n        label: options?.navLabel ?? 'Sites',\n        route: '/sites',\n        icon: 'LayoutTemplate',\n        permission: { feature: 'sites', action: 'read' as const },\n      },\n    ],\n    routes: [\n      {\n        path: '/sites',\n        component: PageComponent,\n        permission: { feature: 'sites', action: 'read' as const },\n      },\n    ],\n    widgets: [],\n  }\n}\n"]}

package/dist/views/SitesHome.d.ts

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

package/dist/views/SitesHome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SitesHome.d.ts","sourceRoot":"","sources":["../../src/views/SitesHome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmCzB,wBAAgB,SAAS,sBA8CxB"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@fayz-ai/plugin-sites",
+  "version": "0.2.0",
+  "description": "Fayz SDK — sites, funnels & landing pages plugin",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^0.400.0",
+    "@fayz-ai/core": "^0.2.0",
+    "@fayz-ai/ui": "^0.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "tsup": "^8.2.0",
+    "typescript": "^5.5.0",
+    "@types/react-dom": "^18.3.0"
+  },
+  "license": "MIT",
+  "keywords": [
+    "fayz",
+    "fayz-plugin",
+    "fayz-sdk"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && tsc --emitDeclarationOnly --declaration --declarationMap --noEmit false",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}

package/src/index.ts

@@ -0,0 +1,52 @@
+import React from 'react'
+import type { PluginManifest, PluginScope, VerticalId } from '@fayz-ai/core'
+import { SitesHome } from './views/SitesHome'
+
+// ---------------------------------------------------------------------------
+// @fayz-ai/plugin-sites — websites, funnels & landing pages (GoHighLevel "Sites").
+// Universal plugin. M1 ships a rich mock home; the drag-and-drop page builder
+// (block system from architecture-v2 + public surfaces) ships in a later milestone.
+// ---------------------------------------------------------------------------
+
+export interface SitesPluginOptions {
+  navPosition?: number
+  navSection?: 'main' | 'secondary' | 'settings'
+  navLabel?: string
+  scope?: PluginScope
+  verticalId?: VerticalId
+}
+
+export function createSitesPlugin(options?: SitesPluginOptions): PluginManifest {
+  const PageComponent: React.ComponentType<unknown> = () => React.createElement(SitesHome)
+  PageComponent.displayName = 'SitesHome'
+
+  return {
+    id: 'sites',
+    name: options?.navLabel ?? 'Sites',
+    icon: 'LayoutTemplate',
+    version: '1.0.0',
+    scope: options?.scope ?? 'universal',
+    verticalId: options?.verticalId,
+    defaultEnabled: true,
+    dependencies: [],
+    declaredFeatures: [{ id: 'sites', label: 'Sites & Funnels', group: 'Convert' }],
+    navigation: [
+      {
+        section: options?.navSection ?? 'main',
+        position: options?.navPosition ?? 7,
+        label: options?.navLabel ?? 'Sites',
+        route: '/sites',
+        icon: 'LayoutTemplate',
+        permission: { feature: 'sites', action: 'read' as const },
+      },
+    ],
+    routes: [
+      {
+        path: '/sites',
+        component: PageComponent,
+        permission: { feature: 'sites', action: 'read' as const },
+      },
+    ],
+    widgets: [],
+  }
+}

package/src/views/SitesHome.tsx

@@ -0,0 +1,82 @@
+import React from 'react'
+import { Plus, ExternalLink, MousePointerClick, Eye, Globe, Layers, FileText } from 'lucide-react'
+import { Button, PageHeaderActions } from '@fayz-ai/ui'
+
+interface Site {
+  id: string
+  name: string
+  type: 'Funnel' | 'Website' | 'Landing page'
+  status: 'Published' | 'Draft'
+  visits: number
+  conversion: number
+  accent: string
+}
+
+const SITES: Site[] = [
+  { id: '1', name: 'Free Consultation Funnel', type: 'Funnel', status: 'Published', visits: 3820, conversion: 12.4, accent: '#6366f1' },
+  { id: '2', name: 'Summer Promo Landing', type: 'Landing page', status: 'Published', visits: 1560, conversion: 8.1, accent: '#ec4899' },
+  { id: '3', name: 'Agency Website', type: 'Website', status: 'Published', visits: 9240, conversion: 3.2, accent: '#0ea5e9' },
+  { id: '4', name: 'Webinar Registration', type: 'Funnel', status: 'Draft', visits: 0, conversion: 0, accent: '#f59e0b' },
+  { id: '5', name: 'Lead Magnet — Ebook', type: 'Landing page', status: 'Draft', visits: 0, conversion: 0, accent: '#14b8a6' },
+]
+
+const TYPE_ICON = { Funnel: Layers, Website: Globe, 'Landing page': FileText } as const
+
+function Stat({ icon: Icon, label, value }: { icon: React.ComponentType<{ className?: string }>; label: string; value: string }) {
+  return (
+    <div className="rounded-card border border-border bg-card p-4">
+      <div className="flex items-center gap-2 text-muted-foreground">
+        <Icon className="h-4 w-4" /><span className="text-xs font-medium">{label}</span>
+      </div>
+      <p className="mt-2 text-2xl font-semibold text-foreground">{value}</p>
+    </div>
+  )
+}
+
+export function SitesHome() {
+  return (
+    <div className="mx-auto max-w-6xl p-6">
+      <PageHeaderActions>
+        <Button><Plus className="mr-1.5 h-4 w-4" /> New funnel</Button>
+      </PageHeaderActions>
+
+      <div className="mt-6 grid grid-cols-2 gap-4 lg:grid-cols-4">
+        <Stat icon={Eye} label="Total visits (30d)" value="14,620" />
+        <Stat icon={MousePointerClick} label="Avg. conversion" value="7.1%" />
+        <Stat icon={Layers} label="Published funnels" value="3" />
+        <Stat icon={FileText} label="Leads captured" value="1,038" />
+      </div>
+
+      <div className="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
+        {SITES.map((s) => {
+          const Icon = TYPE_ICON[s.type]
+          return (
+            <div key={s.id} className="group overflow-hidden rounded-card border border-border bg-card">
+              <div className="flex h-28 items-center justify-center" style={{ backgroundColor: `${s.accent}1a` }}>
+                <Icon className="h-8 w-8" style={{ color: s.accent }} />
+              </div>
+              <div className="p-4">
+                <div className="flex items-center justify-between">
+                  <span className="text-xs font-medium text-muted-foreground">{s.type}</span>
+                  <span className={`rounded-full px-2 py-0.5 text-xs font-medium ${s.status === 'Published' ? 'bg-emerald-100 text-emerald-700' : 'bg-muted text-muted-foreground'}`}>{s.status}</span>
+                </div>
+                <p className="mt-1 text-sm font-semibold text-foreground">{s.name}</p>
+                <div className="mt-3 flex items-center justify-between text-xs text-muted-foreground">
+                  <span>{s.visits.toLocaleString()} visits</span>
+                  <span>{s.conversion}% conv.</span>
+                </div>
+                <Button variant="outline" size="sm" className="mt-3 w-full">
+                  <ExternalLink className="mr-1.5 h-3.5 w-3.5" /> Open editor
+                </Button>
+              </div>
+            </div>
+          )
+        })}
+      </div>
+
+      <p className="mt-4 text-center text-xs text-muted-foreground">
+        Mock preview · the drag-and-drop page builder (block system + public surfaces) ships in a later milestone.
+      </p>
+    </div>
+  )
+}