blocks-dusted 0.1.1 → 0.1.3

package/templates/blocks/DD-FeatCat/config.ts

@@ -1,204 +1,201 @@
-import type { Block } from 'payload'
-
-export const DDFeatCat: Block = {
-  slug: 'DD-FeatCat',
-  interfaceName: 'DDFeatCat',
-  labels: {
-    singular: 'Featured Categories',
-    plural: 'Featured Categories'
-  },
-  fields: [
-    {
-      type: 'tabs',
-      tabs: [
-        {
-          label: 'Header',
-          fields: [
-            {
-              name: 'eyebrow',
-              type: 'text',
-              label: 'Eyebrow Label',
-              defaultValue: 'What we offer'
-            },
-            {
-              name: 'headlineMain',
-              type: 'text',
-              label: 'Headline (Main)',
-              required: true,
-              defaultValue: 'Everything you need'
-            },
-            {
-              name: 'headlineAccent',
-              type: 'text',
-              label: 'Headline (Accent)',
-              defaultValue: 'to ship faster'
-            },
-            {
-              name: 'subtext',
-              type: 'textarea',
-              label: 'Subtext',
-              defaultValue:
-                'From individual UI blocks to complete website systems — and the studio team to build it all for you.'
-            }
-          ]
-        },
-        {
-          label: 'Categories',
-          fields: [
-            {
-              name: 'categories',
-              type: 'array',
-              label: 'Category Cards',
-              minRows: 1,
-              maxRows: 6,
-              defaultValue: [
-                {
-                  title: 'UI Components',
-                  description:
-                    'Production-ready blocks for hero sections, navigation, pricing, forms, and more. Drop into any Next.js project.',
-                  link: '/components',
-                  linkLabel: 'Browse Components',
-                  iconName: 'LayoutGrid',
-                  count: '120+ blocks',
-                  imageFallbackUrl:
-                    'https://readdy.ai/api/search-image?query=collection%20of%20UI%20component%20blocks%20showing%20hero%2C%20pricing%2C%20navigation%2C%20and%20form%20elements%20arranged%20in%20a%20clean%20grid%20layout%20on%20dark%20background%2C%20modern%20developer%20tool%20aesthetic%2C%20dark%20theme&width=800&height=500&seq=cat1&orientation=landscape',
-                  iconColorClass: 'text-amber-400',
-                  iconBgClass: 'bg-amber-500/20'
-                },
-                {
-                  title: 'Website Templates',
-                  description:
-                    'Full-site starters for SaaS, agencies, blogs, and e-commerce. Powered by Next.js and Payload CMS.',
-                  link: '/templates',
-                  linkLabel: 'Explore Templates',
-                  iconName: 'FileStack',
-                  count: '24+ templates',
-                  imageFallbackUrl:
-                    'https://readdy.ai/api/search-image?query=website%20template%20previews%20showing%20SaaS%20landing%20page%2C%20agency%20portfolio%2C%20and%20blog%20layouts%20in%20a%20clean%20mockup%20display%20on%20dark%20background%2C%20professional%20web%20design%20showcase%2C%20dark%20theme&width=800&height=500&seq=cat2&orientation=landscape',
-                  iconColorClass: 'text-stone-300',
-                  iconBgClass: 'bg-stone-600/40'
-                },
-                {
-                  title: 'Studio Services',
-                  description:
-                    'Custom UX/UI design, web development, CMS architecture, and digital product consulting from our expert team.',
-                  link: '/studio',
-                  linkLabel: 'Hire the Studio',
-                  iconName: 'Users',
-                  count: 'Custom projects',
-                  imageFallbackUrl:
-                    'https://readdy.ai/api/search-image?query=design%20studio%20workspace%20with%20wireframes%2C%20design%20mockups%2C%20and%20development%20tools%20on%20a%20clean%20desk%2C%20professional%20creative%20agency%20environment%2C%20dark%20minimal%20aesthetic&width=800&height=500&seq=cat3&orientation=landscape',
-                  iconColorClass: 'text-emerald-400',
-                  iconBgClass: 'bg-emerald-500/20'
-                }
-              ],
-              fields: [
-                {
-                  name: 'title',
-                  type: 'text',
-                  label: 'Title',
-                  required: true
-                },
-                {
-                  name: 'description',
-                  type: 'textarea',
-                  label: 'Description',
-                  required: true
-                },
-                {
-                  name: 'link',
-                  type: 'text',
-                  label: 'Link URL',
-                  required: true
-                },
-                {
-                  name: 'linkLabel',
-                  type: 'text',
-                  label: 'Link Label',
-                  required: true
-                },
-                {
-                  name: 'iconName',
-                  type: 'text',
-                  label: 'Lucide Icon Name',
-                  admin: {
-                    description:
-                      'Lucide icon name e.g. LayoutGrid, FileStack, Users, Zap. Ignored if Icon Image is set.'
-                  }
-                },
-                {
-                  name: 'iconImage',
-                  type: 'upload',
-                  label: 'Icon Image (SVG / PNG)',
-                  relationTo: 'media',
-                  admin: {
-                    description:
-                      'Upload a custom SVG or image to use as the icon. Overrides Lucide Icon Name.'
-                  }
-                },
-                {
-                  name: 'count',
-                  type: 'text',
-                  label: 'Count / Badge Label',
-                  admin: {
-                    description: 'e.g. "120+ blocks", "Custom projects"'
-                  }
-                },
-                {
-                  name: 'image',
-                  type: 'upload',
-                  label: 'Card Image',
-                  relationTo: 'media'
-                },
-                {
-                  name: 'imageFallbackUrl',
-                  type: 'text',
-                  label: 'Image Fallback URL',
-                  admin: {
-                    placeholder: '/assets/placeholder/01.png',
-                    description: 'Used if no uploaded image is set'
-                  }
-                },
-                {
-                  name: 'iconColorClass',
-                  type: 'text',
-                  label: 'Icon Color Class',
-                  defaultValue: 'text-amber-400',
-                  admin: {
-                    description: 'Tailwind text-color class for the icon e.g. text-amber-400'
-                  }
-                },
-                {
-                  name: 'iconBgClass',
-                  type: 'text',
-                  label: 'Icon Background Class',
-                  defaultValue: 'bg-amber-500/20',
-                  admin: {
-                    description: 'Tailwind bg class for the icon container e.g. bg-amber-500/20'
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          label: 'Settings',
-          fields: [
-            {
-              name: 'sectionId',
-              type: 'text',
-              label: 'Section ID',
-              defaultValue: 'featured-categories'
-            },
-            {
-              name: 'customCSS',
-              type: 'code',
-              label: 'Custom CSS',
-              admin: { language: 'css' }
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}
+import type { Block } from 'payload'
+
+export const DDFeatCat: Block = {
+  slug: 'DD-FeatCat',
+  interfaceName: 'DDFeatCat',
+  labels: {
+    singular: 'Featured Categories',
+    plural: 'Featured Categories',
+  },
+  fields: [
+    {
+      type: 'tabs',
+      tabs: [
+        {
+          label: 'Header',
+          fields: [
+            {
+              name: 'eyebrow',
+              type: 'text',
+              label: 'Eyebrow Label',
+              defaultValue: 'What we offer',
+            },
+            {
+              name: 'headlineMain',
+              type: 'text',
+              label: 'Headline (Main)',
+              required: true,
+              defaultValue: 'Everything you need',
+            },
+            {
+              name: 'headlineAccent',
+              type: 'text',
+              label: 'Headline (Accent)',
+              defaultValue: 'to ship faster',
+            },
+            {
+              name: 'subtext',
+              type: 'textarea',
+              label: 'Subtext',
+              defaultValue:
+                'From individual UI blocks to complete website systems — and the studio team to build it all for you.',
+            },
+          ],
+        },
+        {
+          label: 'Categories',
+          fields: [
+            {
+              name: 'categories',
+              type: 'array',
+              label: 'Category Cards',
+              minRows: 1,
+              maxRows: 6,
+              defaultValue: [
+                {
+                  title: 'UI Components',
+                  description:
+                    'Production-ready blocks for hero sections, navigation, pricing, forms, and more. Drop into any Next.js project.',
+                  link: '/components',
+                  linkLabel: 'Browse Components',
+                  iconName: 'LayoutGrid',
+                  count: '120+ blocks',
+                  imageFallbackUrl: '',
+                  iconColorClass: 'text-amber-400',
+                  iconBgClass: 'bg-amber-800/50',
+                },
+                {
+                  title: 'Website Templates',
+                  description:
+                    'Full-site starters for SaaS, agencies, blogs, and e-commerce. Powered by Next.js and Payload CMS.',
+                  link: '/templates',
+                  linkLabel: 'Explore Templates',
+                  iconName: 'FileStack',
+                  count: '24+ templates',
+                  imageFallbackUrl: '',
+                  iconColorClass: 'text-stone-300',
+                  iconBgClass: 'bg-stone-600/40',
+                },
+                {
+                  title: 'Studio Services',
+                  description:
+                    'Custom UX/UI design, web development, CMS architecture, and digital product consulting from our expert team.',
+                  link: '/studio',
+                  linkLabel: 'Hire the Studio',
+                  iconName: 'Users',
+                  count: 'Custom projects',
+                  imageFallbackUrl: '',
+                  iconColorClass: 'text-emerald-400',
+                  iconBgClass: 'bg-emerald-500/20',
+                },
+              ],
+              fields: [
+                {
+                  name: 'title',
+                  type: 'text',
+                  label: 'Title',
+                  required: true,
+                },
+                {
+                  name: 'description',
+                  type: 'textarea',
+                  label: 'Description',
+                  required: true,
+                },
+                {
+                  name: 'link',
+                  type: 'text',
+                  label: 'Link URL',
+                  required: true,
+                },
+                {
+                  name: 'linkLabel',
+                  type: 'text',
+                  label: 'Link Label',
+                  required: true,
+                },
+                {
+                  name: 'iconName',
+                  type: 'text',
+                  label: 'Lucide Icon Name',
+                  admin: {
+                    description:
+                      'Lucide icon name e.g. LayoutGrid, FileStack, Users, Zap. Ignored if Icon Image is set.',
+                  },
+                },
+                {
+                  name: 'iconImage',
+                  type: 'upload',
+                  label: 'Icon Image (SVG / PNG)',
+                  relationTo: 'media',
+                  admin: {
+                    description:
+                      'Upload a custom SVG or image to use as the icon. Overrides Lucide Icon Name.',
+                  },
+                },
+                {
+                  name: 'count',
+                  type: 'text',
+                  label: 'Count / Badge Label',
+                  admin: {
+                    description: 'e.g. "120+ blocks", "Custom projects"',
+                  },
+                },
+                {
+                  name: 'image',
+                  type: 'upload',
+                  label: 'Card Image',
+                  relationTo: 'media',
+                },
+                {
+                  name: 'imageFallbackUrl',
+                  type: 'text',
+                  label: 'Image Fallback URL',
+                  admin: {
+                    placeholder: '/assets/placeholder/01.png',
+                    description: 'Used if no uploaded image is set',
+                  },
+                },
+                {
+                  name: 'iconColorClass',
+                  type: 'text',
+                  label: 'Icon Color Class',
+                  defaultValue: 'text-amber-400',
+                  admin: {
+                    description: 'Tailwind text-color class for the icon e.g. text-amber-400',
+                  },
+                },
+                {
+                  name: 'iconBgClass',
+                  type: 'text',
+                  label: 'Icon Background Class',
+                  defaultValue: 'bg-amber-500/20',
+                  admin: {
+                    description: 'Tailwind bg class for the icon container e.g. bg-amber-500/20',
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: 'Settings',
+          fields: [
+            {
+              name: 'sectionId',
+              type: 'text',
+              label: 'Section ID',
+              defaultValue: 'featured-categories',
+            },
+            {
+              name: 'customCSS',
+              type: 'code',
+              label: 'Custom CSS',
+              admin: { language: 'css' },
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}