add teaser.

application/backend/src/main/resources/apps/typerefinery/components/content/teaser/.content.json

@@ -0,0 +1,10 @@
+{
+  "title": "Teaser",
+  "group": "Typerefinery - Content",
+  "sling:resourceType": "ws:Component",
+  "isContainer": false,
+  "isLayout": false,
+  "description": "Used to create a teaser for a page.",
+  "sling:resourceSuperType": "typerefinery/components/layout/container"
+}
+

application/backend/src/main/resources/apps/typerefinery/components/content/teaser/teaser.html

@@ -0,0 +1,19 @@
+<!--/*
+    Copyright (C) 2023 Typerefinery.io
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/-->
+<sly data-sly-use.model="${'ai.typerefinery.websight.models.components.layout.Container' @ decorationTagName='div'}"
+    data-sly-use.template="./variant.html"
+    data-sly-call="${template.variant @ model=model}">
+</sly>

application/backend/src/main/resources/apps/typerefinery/components/content/teaser/template/.content.json

@@ -0,0 +1,44 @@
+{
+  "jcr:primaryType": "nt:unstructured",
+  "sling:resourceType": "typerefinery/components/layout/container",
+  "title": "Teaser - Oblique",
+  "classes": "oblique",
+  "image": {
+    "jcr:primaryType": "nt:unstructured",
+    "sling:resourceType": "typerefinery/components/content/image",
+    "classes": "image d-none d-md-block",
+    "title": "Image"
+  },
+  "container": {
+    "jcr:primaryType": "nt:unstructured",
+    "sling:resourceType": "typerefinery/components/layout/container",
+    "title": "Container",
+    "classes": "d-flex align-items-center justify-content-center",
+    "text": {
+      "jcr:primaryType": "nt:unstructured",
+      "sling:resourceType": "typerefinery/components/content/text",
+      "title": "Text"
+    },
+    "actions": {
+      "jcr:primaryType": "nt:unstructured",
+      "sling:resourceType": "typerefinery/components/layout/container",
+      "title": "Container",
+      "buton1": {
+        "jcr:primaryType": "nt:unstructured",
+        "sling:resourceType": "typerefinery/components/forms/fields/button",
+        "label": "Primary",
+        "navigateTo": "#",
+        "buttonStyle": "primary",
+        "buttonType": "navigate"
+      },
+      "buton2": {
+        "jcr:primaryType": "nt:unstructured",
+        "sling:resourceType": "typerefinery/components/forms/fields/button",
+        "label": "Secondary",
+        "navigateTo": "#",
+        "buttonStyle": "secondary",
+        "buttonType": "navigate"
+      }
+    }
+  }
+}