blocks-dusted 0.1.0

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

@@ -0,0 +1,267 @@
+import type { Block } from 'payload'
+
+export const DDHero: Block = {
+  slug: 'DD-Hero',
+  interfaceName: 'DDHero',
+  labels: {
+    singular: 'Studio Hero',
+    plural: 'Studio Heroes'
+  },
+  fields: [
+    {
+      type: 'tabs',
+      tabs: [
+        {
+          label: 'Content',
+          fields: [
+            {
+              name: 'badge',
+              type: 'group',
+              label: 'Badge',
+              fields: [
+                {
+                  name: 'show',
+                  type: 'checkbox',
+                  label: 'Show Badge',
+                  defaultValue: true
+                },
+                {
+                  name: 'text',
+                  type: 'text',
+                  label: 'Badge Text',
+                  defaultValue: 'Accepting projects — Q2 2026',
+                  admin: {
+                    condition: (_, siblingData) => siblingData?.show
+                  }
+                }
+              ]
+            },
+            {
+              name: 'headlineMain',
+              type: 'text',
+              label: 'Headline (Main)',
+              defaultValue: 'We build what',
+              required: true
+            },
+            {
+              name: 'headlineAccent',
+              type: 'text',
+              label: 'Headline (Accent / Second Line)',
+              defaultValue: 'you imagine',
+              required: true
+            },
+            {
+              name: 'description',
+              type: 'textarea',
+              label: 'Description',
+              defaultValue:
+                'DesignsDusted Studio is a small, focused team of designers and developers. We take on select projects where we can make a real impact — from product design to full-stack delivery.'
+            },
+
+            // BasicButton hidden
+            {
+              name: 'primaryCta',
+              type: 'group',
+              hidden: true,
+              label: 'Primary CTA Button',
+              fields: [
+                {
+                  name: 'label',
+                  type: 'text',
+                  label: 'Label',
+                  defaultValue: 'Start a Project'
+                },
+                {
+                  name: 'href',
+                  type: 'text',
+                  label: 'Link',
+                  defaultValue: '#contact'
+                },
+                {
+                  name: 'iconName',
+                  type: 'text',
+                  label: 'Lucide Icon Name',
+                  defaultValue: 'SendHorizonal',
+                  admin: {
+                    description: 'e.g. SendHorizonal, ArrowRight, Mail'
+                  }
+                }
+              ]
+            },
+            {
+              name: 'secondaryCta',
+              type: 'group',
+              hidden: true,
+              label: 'Secondary CTA Button',
+              fields: [
+                {
+                  name: 'label',
+                  type: 'text',
+                  label: 'Label',
+                  defaultValue: 'View Our Work'
+                },
+                {
+                  name: 'href',
+                  type: 'text',
+                  label: 'Link',
+                  defaultValue: '#work'
+                },
+                {
+                  name: 'iconName',
+                  type: 'text',
+                  label: 'Lucide Icon Name',
+                  defaultValue: 'Images',
+                  admin: {
+                    description: 'e.g. Images, GalleryHorizontal, Eye'
+                  }
+                }
+              ]
+            },
+            // DustedFluidButtons
+            {
+              type: 'group',
+              label: 'CTA Buttons',
+              fields: [
+                {
+                  name: 'showButtons',
+                  type: 'checkbox',
+                  label: 'Show Buttons',
+                  defaultValue: true
+                },
+                {
+                  name: 'buttons',
+                  type: 'array',
+                  label: 'Buttons',
+                  maxRows: 3,
+                  admin: {
+                    condition: (_, siblingData) => siblingData?.showButtons
+                  },
+                  fields: [
+                    {
+                      name: 'variant',
+                      type: 'select',
+                      label: 'Button Variant',
+                      options: [
+                        { label: 'V1', value: 'v1' },
+                        { label: 'V2', value: 'v2' },
+                        { label: 'V3', value: 'v3' }
+                      ],
+                      defaultValue: 'v1'
+                    },
+                    {
+                      name: 'icon',
+                      type: 'text',
+                      label: 'Icon Name (Lucide)',
+                      defaultValue: 'Goal',
+                      admin: {
+                        description:
+                          'Enter a Lucide icon name. (e.g., ArrowRight, ChevronRight, ExternalLink)'
+                      }
+                    },
+                    {
+                      name: 'label',
+                      type: 'text',
+                      label: 'Button Label',
+                      required: true
+                    },
+                    {
+                      name: 'class',
+                      type: 'text',
+                      label: 'Extra CSS Class',
+                      admin: {
+                        description:
+                          'Additional class(es) appended to the button (e.g. my-4, !rounded-full)'
+                      }
+                    }
+                  ],
+                  defaultValue: [
+                    { variant: 'v1', icon: 'Goal', label: 'Explore Components' },
+                    { variant: 'v2', icon: 'Goal', label: 'Choose Lane' },
+                    { variant: 'v3', icon: 'Feather', label: 'How it works' }
+                  ]
+                }
+              ]
+            },
+            // Stats
+            {
+              name: 'stats',
+              type: 'array',
+              label: 'Stats',
+              minRows: 0,
+              maxRows: 6,
+              fields: [
+                {
+                  name: 'value',
+                  type: 'text',
+                  label: 'Value',
+                  required: true
+                },
+                {
+                  name: 'label',
+                  type: 'text',
+                  label: 'Label',
+                  required: true
+                }
+              ],
+              defaultValue: [
+                { value: '40+', label: 'Projects Delivered' },
+                { value: '98%', label: 'Client Satisfaction' },
+                { value: '6yr', label: 'In Business' }
+              ]
+            }
+          ]
+        },
+        {
+          label: 'Background',
+          fields: [
+            {
+              name: 'backgroundImage',
+              type: 'upload',
+              relationTo: 'media',
+              label: 'Background Image',
+              admin: {
+                description: 'Full-bleed background image for the hero section.'
+              }
+            },
+            {
+              name: 'backgroundImageFallbackUrl',
+              type: 'text',
+              label: 'Fallback Background URL',
+              admin: {
+                description: 'Used when no background image is uploaded.'
+              }
+            }
+          ]
+        },
+        {
+          label: 'Settings',
+          fields: [
+            {
+              name: 'sectionId',
+              type: 'text',
+              label: 'Section ID',
+              admin: {
+                description: 'Unique ID for anchor links (e.g. "hero")'
+              }
+            },
+            {
+              name: 'showScrollIndicator',
+              type: 'checkbox',
+              label: 'Show Scroll Indicator',
+              defaultValue: true
+            },
+            {
+              name: 'customCSS',
+              type: 'code',
+              label: 'Custom CSS',
+              admin: {
+                language: 'css',
+                description: 'Add custom CSS styles for this block.'
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/templates/blocks/DD-Hero/manifest.json

@@ -0,0 +1,92 @@
+{
+  "type": "block",
+  "name": "DD-Hero",
+  "label": "Studio Hero Block",
+  "sourceName": "StudioHeroBlock",
+  "portableName": "DD-Hero",
+  "slug": "DD-Hero",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/DesignsDustedv3",
+    "originalPath": "src/blocks/StudioHeroBlock",
+    "originalSlug": "studioHeroBlock",
+    "originalConfigExport": "StudioHeroBlock",
+    "originalComponentExport": "StudioHeroBlock",
+    "originalInterfaceName": "StudioHeroBlock"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-Hero/Component.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-Hero/config.ts"
+    }
+  ],
+  "dependencies": [
+    {
+      "name": "framer-motion"
+    },
+    {
+      "name": "lucide-react"
+    }
+  ],
+  "sharedFiles": [
+    {
+      "from": "templates/shared/components/ui/anims/fade.tsx",
+      "to": "src/components/ui/anims/fade.tsx",
+      "required": true,
+      "safeToCopy": true
+    }
+  ],
+  "requiredProjectFiles": [],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Replaced Badge, AnimatedShinyText, SplittingText, and ButtonDustedFluid with portable fallback markup; reconnect project UI components manually if desired.",
+    "Register DDHero in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-Hero in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes.",
+    "Run payload generate:importmap if admin/component imports changed."
+  ],
+  "manualSteps": [
+    "Replaced Badge, AnimatedShinyText, SplittingText, and ButtonDustedFluid with portable fallback markup; reconnect project UI components manually if desired.",
+    "Register DDHero in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-Hero in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes.",
+    "Run payload generate:importmap if admin/component imports changed."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can add import { DDHero } from '@/blocks/DD-Hero/config' and add DDHero to clear Pages/Posts blocks arrays."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register DD-Hero in src/blocks/**/RenderBlocks.tsx when the blockComponents map is clear."
+    }
+  },
+  "notes": [
+    "Converted from DesignsDustedv3 StudioHeroBlock.",
+    "Generated Payload type imports are replaced with portable fallback types when needed.",
+    "Installer must not overwrite existing target files.",
+    "Project-specific hero UI components are intentionally not bundled."
+  ],
+  "exportName": "DDHero",
+  "interfaceName": "DDHero"
+}