add the value prop and faq modules/docs to sanity

cms/schemas/documents/faq.js

@@ -0,0 +1,49 @@
+import {HomeIcon} from '@sanity/icons'
+import {defineField} from 'sanity'
+
+export default defineField({
+  name: 'faq',
+  type: 'document',
+  title: 'FAQ',
+  icon: HomeIcon,
+  groups: [
+    {
+      default: true,
+      name: 'editorial',
+      title: 'Editorial',
+    },
+    {
+      name: 'seo',
+      title: 'SEO',
+    },
+  ],
+  fields: [
+    // Title
+    defineField({
+      name: 'question',
+      title: 'Question',
+      type: 'string',
+      validation: (Rule) => Rule.required(),
+      group: 'editorial',
+    }),
+
+    defineField({
+      name: 'answer',
+      title: 'Answer',
+      type: 'richText',
+      validation: (Rule) => Rule.required(),
+      group: 'editorial',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'question',
+    },
+    prepare({ title}) {
+      return {
+        subtitle: 'FAQ',
+        title
+      }
+    },
+  },
+})

cms/schemas/documents/home.js

@@ -31,14 +31,7 @@ export default defineField({
     defineField({
       name: 'modules',
       title: 'Modules',
-      type: 'array',
-      of: [
-        {type: 'module.hero'},
-        // {type: 'module.callout'},
-        // {type: 'module.callToAction'},
-        // {type: 'module.image'},
-        // {type: 'module.product'},
-      ],
+      type: 'pageComponentList',
       group: 'editorial',
     }),
     // SEO

cms/schemas/index.js

@@ -16,6 +16,7 @@ import collection from './documents/collection'
 import colorType from './documents/colorType'
 import home from './documents/home'
 import page from './documents/page'
+import faq from './documents/faq'
 import product from './documents/product'
 import productVariant from './documents/productVariant'
 import theme from './documents/theme'
@@ -25,6 +26,7 @@ const documents = [
   colorType,
   home,
   page,
+  faq,
   product,
   productVariant,
   theme
@@ -73,7 +75,6 @@ import moduleImage from './objects/module/image'
 import moduleImages from './objects/module/images'
 import moduleProduct from './objects/module/product'
 import moduleProducts from './objects/module/products'
-import moduleHero from './objects/module/hero'
 import moduleStandardText from './objects/module/standardText'
 import placeholderString from './objects/placeholderString'
 import productHotspots from './objects/productHotspots'
@@ -82,6 +83,11 @@ import productWithVariant from './objects/productWithVariant'
 import proxyString from './objects/proxyString'
 import seo from './objects/seo'
 
+// SUPERHI
+import moduleHero from './objects/module/hero'
+import moduleFAQs from './objects/module/faqModule'
+import moduleValueProps from './objects/module/valueProps'
+
 import shopifyCollection from './objects/shopifyCollection'
 import shopifyCollectionRule from './objects/shopifyCollectionRule'
 import shopifyProduct from './objects/shopifyProduct'
@@ -99,7 +105,10 @@ const objects = [
   moduleCallToAction,
   moduleImage,
   moduleImages,
+  // SUPERHI
   moduleHero,
+  moduleFAQs,
+  moduleValueProps,
 
   moduleProduct,
   moduleProducts,

cms/schemas/modules/pageComponentList.js

@@ -9,6 +9,9 @@ export default {
 	icon: Icon,
 	type: 'array',
 	of: [
+		{ type: 'module.hero' },
+		{ type: 'module.valueProps' },
+		{ type: 'module.faqs' },
 		{ type: 'module.image' },
 		{ type: 'module.standardText' },
 	],

cms/schemas/objects/module/faqModule.js

@@ -0,0 +1,60 @@
+import React from 'react'
+import {defineField, defineType} from 'sanity'
+import {PackageIcon} from '@sanity/icons'
+
+import {COLORS} from '../../../constants'
+
+const GROUPS = [
+  {
+    name: 'theme',
+    title: 'Theme',
+  },
+  {
+    default: true,
+    name: 'editorial',
+    title: 'Editorial',
+  },
+]
+
+export default defineType({
+  name: 'module.faqs',
+  title: 'FAQs',
+  type: 'object',
+  icon: PackageIcon,
+  groups: GROUPS,
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      group: 'editorial',
+    }),
+    defineField({
+      name: 'faqList',
+      title: 'FAQs',
+      type: 'array',
+      of: [
+        {type: 'reference', to: [{ type: 'faq' }]}
+      ],
+      group: 'editorial',
+      validation: Rule => Rule.required().min(1),
+    }),
+    defineField({
+      name: 'bgColor',
+      title: 'Background Color',
+      type: 'color',
+      group: 'theme',
+      options: {
+        colorList: COLORS,
+      },
+    }),
+  ],
+  preview: {
+    select: {},
+    prepare(selection) {
+      return {
+        title: 'FAQs',
+      }
+    },
+  },
+})

cms/schemas/objects/module/valueProps.js

@@ -0,0 +1,76 @@
+import React from 'react'
+import {defineField, defineType} from 'sanity'
+import {PackageIcon} from '@sanity/icons'
+
+import {COLORS} from '../../../constants'
+
+const GROUPS = [
+  {
+    name: 'theme',
+    title: 'Theme',
+  },
+  {
+    default: true,
+    name: 'editorial',
+    title: 'Editorial',
+  },
+]
+
+export default defineType({
+  name: 'module.valueProps',
+  title: 'Value Props',
+  type: 'object',
+  icon: PackageIcon,
+  groups: GROUPS,
+  fields: [
+    defineField({
+      name: 'values',
+      title: 'Values',
+      type: 'array',
+      group: 'editorial',
+      validation: Rule => Rule.required().min(1).max(3),
+      of: [{
+        type: 'object',
+        name: 'value',
+        title: 'Value',
+        fields: [
+          defineField({
+            name: 'text',
+            title: 'Text',
+            type: 'richText',
+          }),
+        ],
+        preview: {
+          select: {
+            text: 'text'
+          },
+          prepare(selection) {
+            const { text } = selection
+
+            const block = (text || []).find(block => block._type === 'block')
+            return {
+              title: block.children[0]?.text || 'Value',
+            }
+          }
+        }
+      }]
+    }),
+    defineField({
+      name: 'bgColor',
+      title: 'Background Color',
+      type: 'color',
+      group: 'theme',
+      options: {
+        colorList: COLORS,
+      },
+    }),
+  ],
+  preview: {
+    select: {},
+    prepare(selection) {
+      return {
+        title: 'Value Props',
+      }
+    },
+  },
+})