diff --git a/packages/sdk/src/core-templates.tsx b/packages/sdk/src/core-templates.tsx index a5e9d1bf6044..5c15406e5ad5 100644 --- a/packages/sdk/src/core-templates.tsx +++ b/packages/sdk/src/core-templates.tsx @@ -7,7 +7,11 @@ import { ws, type TemplateMeta, } from "@webstudio-is/template"; -import { CheckboxCheckedIcon, RadioCheckedIcon } from "@webstudio-is/icons/svg"; +import { + CheckboxCheckedIcon, + RadioCheckedIcon, + Webstudio1cIcon, +} from "@webstudio-is/icons/svg"; import { blockComponent, collectionComponent, @@ -350,6 +354,66 @@ const forms: Record = { }, }; +const builtWithWebstudioMeta: TemplateMeta = { + category: "other", + description: + "A “Built with Webstudio” badge should be added to every project page on the free plan. This helps Webstudio spread awareness as a platform.", + icon: Webstudio1cIcon, + template: ( + + <$.HtmlEmbed + ws:label="Logo" + code={Webstudio1cIcon} + ws:style={css` + display: block; + width: 16px; + height: 16px; + flex-shrink: 0; + `} + > + + Built with Webstudio + + + ), +}; + export const coreTemplates = { [elementComponent]: elementMeta, link: linkMeta, @@ -358,4 +422,5 @@ export const coreTemplates = { [blockComponent]: blockMeta, ...typography, ...forms, + builtWithWebstudio: builtWithWebstudioMeta, }; diff --git a/packages/sdk/src/schema/component-meta.ts b/packages/sdk/src/schema/component-meta.ts index 411d1dcd037b..7fd18e858485 100644 --- a/packages/sdk/src/schema/component-meta.ts +++ b/packages/sdk/src/schema/component-meta.ts @@ -31,6 +31,7 @@ export const componentCategories = [ "localization", "radix", "xml", + "other", "hidden", "internal", ] as const; diff --git a/packages/template/src/template.ts b/packages/template/src/template.ts index 9ccf49d5eece..5e3487ae13f9 100644 --- a/packages/template/src/template.ts +++ b/packages/template/src/template.ts @@ -11,6 +11,7 @@ export const templateCategories = [ "localization", "radix", "xml", + "other", "hidden", "internal", ] as const;