add TagsSection schema

apps/sanity/schema/Components.ts

@@ -1,6 +1,7 @@
 import { defineType } from "sanity";
 import SimpleCtaSection from "./components/SimpleCtaSection";
 import Faq from "./components/Faq";
+import TagsSection from "./components/TagsSection";
 
 export default defineType({
   name: 'components',
@@ -9,6 +10,7 @@ export default defineType({
   of: [
     SimpleCtaSection,
     Faq,
+    TagsSection,
   ],
   options: {
     insertMenu: {

apps/sanity/schema/components/Faq.ts

@@ -3,7 +3,7 @@ import sectionId from '../ui/sectionId';
 import { toPlainText } from '../../utils/to-plain-text';
 
 const name = 'Faq';
-const title = 'FAQ';
+const title = 'FAQ Section';
 const icon = () => '❓';
 
 export default defineField({

apps/sanity/schema/components/SimpleCtaSection.ts

@@ -3,7 +3,7 @@ import sectionId from '../ui/sectionId';
 import { toPlainText } from '../../utils/to-plain-text';
 
 const name = 'SimpleCtaSection';
-const title = 'Simple CTA section';
+const title = 'Simple CTA Section';
 const icon = () => '🔗';
 
 export default defineField({

apps/sanity/schema/components/TagsSection.ts

@@ -0,0 +1,57 @@
+import { defineField } from 'sanity';
+import sectionId from '../ui/sectionId';
+import { toPlainText } from '../../utils/to-plain-text';
+
+const name = 'TagsSection';
+const title = 'Tags Section';
+const icon = () => '🏷️';
+
+export default defineField({
+  name,
+  type: 'object',
+  title,
+  icon,
+  fields: [
+    defineField({
+      name: 'heading',
+      type: 'Heading',
+      title: 'Heading',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'largeText',
+      type: 'PortableText',
+      title: 'Large Text',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'paragraph',
+      type: 'PortableText',
+      title: 'Paragraph',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'tagsHeading',
+      type: 'Heading',
+      title: 'Tags Heading',
+      validation: Rule => Rule.required(),
+    }),
+    defineField({
+      name: 'tags',
+      type: 'array',
+      title: 'Tags',
+      of: [{ type: 'string' }],
+      validation: Rule => Rule.required(),
+    }),
+    ...sectionId,
+  ],
+  preview: {
+    select: {
+      heading: 'heading',
+    },
+    prepare: ({ heading }) => ({
+      title: title,
+      subtitle: toPlainText(heading),
+    }),
+  },
+});