From 4d63c5c5a817916f3ec4f6a4607659ee56d92988 Mon Sep 17 00:00:00 2001
From: Jens Becker <info@jhb.software>
Date: Sat, 27 Jun 2026 17:15:27 +0200
Subject: [PATCH 1/4] fix(web): clean up markdown output for cards, logos and
 UI affordances (#39)

---
 .../components/blocks/TestimonialsBlock.astro |  2 +-
 web/src/integrations/htmlToMarkdown.ts        | 41 +++++++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/web/src/components/blocks/TestimonialsBlock.astro b/web/src/components/blocks/TestimonialsBlock.astro
index 205c185..5d17344 100644
--- a/web/src/components/blocks/TestimonialsBlock.astro
+++ b/web/src/components/blocks/TestimonialsBlock.astro
@@ -81,7 +81,7 @@ const listColumns =
 
   {
     showSeeMore && (
-      <div class="see-more-fade pointer-events-none absolute inset-x-0 bottom-0 flex justify-center pt-32 pb-6 group-data-[expanded=true]:hidden">
+      <div class="md-exclude see-more-fade pointer-events-none absolute inset-x-0 bottom-0 flex justify-center pt-32 pb-6 group-data-[expanded=true]:hidden">
         <button
           type="button"
           class="bg-primary hover:bg-primary-hover ease-standard pointer-events-auto inline-flex translate-y-3 cursor-pointer items-center gap-2 rounded-none px-5 py-3 font-sans text-sm font-medium text-white transition-colors duration-150"
diff --git a/web/src/integrations/htmlToMarkdown.ts b/web/src/integrations/htmlToMarkdown.ts
index c5880a2..ba1b058 100644
--- a/web/src/integrations/htmlToMarkdown.ts
+++ b/web/src/integrations/htmlToMarkdown.ts
@@ -49,6 +49,37 @@ export async function convertHtmlToMarkdown(staticDir: string) {
   // Remove non-content elements that pollute the Markdown output
   td.remove(['script', 'style', 'nav', 'aside', 'header', 'footer'])
 
+  // Card components (services, projects, articles) wrap block-level content
+  // (heading + description) in a single <a>. Turndown's default link rule only
+  // handles inline content, so it emits a stray "[" before the block and a
+  // dangling "](href)" after it. Instead, link the card's first heading and
+  // keep the remaining content as normal blocks.
+  td.addRule('blockLink', {
+    filter: (node) =>
+      node.nodeName === 'A' &&
+      !!node.getAttribute('href') &&
+      // Only block-wrapping anchors — plain inline links fall through to the
+      // default rule.
+      !!node.querySelector?.('h1, h2, h3, h4, h5, h6, p, div, ul, ol, blockquote'),
+    replacement: (content, node) => {
+      const href = (node as HTMLElement).getAttribute('href') ?? ''
+      const trimmed = content.trim()
+      if (!trimmed) return ''
+
+      const headingRe = /^(#{1,6} +)(.+)$/m
+      if (headingRe.test(trimmed)) {
+        return (
+          '\n\n' +
+          trimmed.replace(headingRe, (_, hashes, text) => `${hashes}[${text.trim()}](${href})`) +
+          '\n\n'
+        )
+      }
+
+      // No heading inside the card — link the collapsed text as a fallback.
+      return `\n\n[${trimmed.replace(/\s+/g, ' ')}](${href})\n\n`
+    },
+  })
+
   if (!existsSync(staticDir)) {
     console.warn(`[html-to-markdown] Output directory not found: ${staticDir}`)
     return
@@ -67,6 +98,16 @@ export async function convertHtmlToMarkdown(staticDir: string) {
       continue
     }
 
+    // Strip elements that should never appear in the Markdown representation:
+    // - `.md-exclude`: explicit opt-out for UI-only affordances (e.g. the
+    //   testimonials "show more" button).
+    // - `[aria-hidden="true"]`: decorative/duplicate content already hidden
+    //   from assistive tech — marquee logo duplicates, schematic SVG visuals,
+    //   icons and eyebrow glyphs. The same reasoning applies to Markdown.
+    for (const el of main.querySelectorAll('.md-exclude, [aria-hidden="true"]')) {
+      el.remove()
+    }
+
     const title = root.querySelector('title')?.text?.trim() ?? ''
     const description =
       root.querySelector('meta[name="description"]')?.getAttribute('content') ?? ''

From f5ceae700299de80fc5de861ccf7d80dc82edd1b Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 27 Jun 2026 17:49:21 +0000
Subject: [PATCH 2/4] feat(blocks): add generic call-to-action section block

Add a reusable Call-to-Action block (heading + description + a
configurable list of link buttons) for the page section system, plus
spotify, apple-podcasts and globe outline icons.

Each link supports a label, URL, optional icon and button style; the
Astro component reuses the existing buttonStyles helper for consistency.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013JwSAfFX2ENovr21t5TkeM
---
 cms/src/blocks/CallToActionBlock.ts           | 137 ++++++++++++++++++
 cms/src/collections/Pages.ts                  |   2 +
 cms/src/payload-types.ts                      |  69 +++++++++
 web/src/components/SectionBlock.astro         |   4 +
 .../components/blocks/CallToActionBlock.astro |  43 ++++++
 web/src/components/icons/Icon.astro           |  12 ++
 web/src/components/icons/apple-podcasts.svg   |   6 +
 web/src/components/icons/globe.svg            |   5 +
 web/src/components/icons/spotify.svg          |   6 +
 9 files changed, 284 insertions(+)
 create mode 100644 cms/src/blocks/CallToActionBlock.ts
 create mode 100644 web/src/components/blocks/CallToActionBlock.astro
 create mode 100644 web/src/components/icons/apple-podcasts.svg
 create mode 100644 web/src/components/icons/globe.svg
 create mode 100644 web/src/components/icons/spotify.svg

diff --git a/cms/src/blocks/CallToActionBlock.ts b/cms/src/blocks/CallToActionBlock.ts
new file mode 100644
index 0000000..9b6ffae
--- /dev/null
+++ b/cms/src/blocks/CallToActionBlock.ts
@@ -0,0 +1,137 @@
+import { Block } from 'payload'
+
+/**
+ * Generic "heading + text + link buttons" section block. Use it for any promo
+ * that points the visitor somewhere (podcast, newsletter, external profiles,
+ * "book a call", …) — the links array and per-link icon/style keep it reusable
+ * instead of hard-coding a single use case.
+ */
+export const CallToActionBlock: Block = {
+  slug: 'call-to-action',
+  interfaceName: 'CallToActionBlock',
+  labels: {
+    plural: {
+      de: 'Call-to-Action Blöcke',
+      en: 'Call-to-Action Blocks',
+    },
+    singular: {
+      de: 'Call-to-Action Block',
+      en: 'Call-to-Action Block',
+    },
+  },
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: {
+        de: 'Titel',
+        en: 'Title',
+      },
+      localized: true,
+    },
+    {
+      name: 'description',
+      type: 'textarea',
+      label: {
+        de: 'Beschreibung',
+        en: 'Description',
+      },
+      localized: true,
+    },
+    {
+      name: 'links',
+      type: 'array',
+      label: {
+        de: 'Links',
+        en: 'Links',
+      },
+      labels: {
+        plural: {
+          de: 'Links',
+          en: 'Links',
+        },
+        singular: {
+          de: 'Link',
+          en: 'Link',
+        },
+      },
+      minRows: 1,
+      required: true,
+      fields: [
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'label',
+              type: 'text',
+              admin: {
+                width: '50%',
+              },
+              label: {
+                de: 'Beschriftung',
+                en: 'Label',
+              },
+              localized: true,
+              required: true,
+            },
+            {
+              name: 'url',
+              type: 'text',
+              admin: {
+                width: '50%',
+              },
+              label: 'URL',
+              required: true,
+            },
+          ],
+        },
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'icon',
+              type: 'select',
+              admin: {
+                width: '50%',
+              },
+              label: {
+                de: 'Icon',
+                en: 'Icon',
+              },
+              options: [
+                { label: 'Website / Globe', value: 'globe' },
+                { label: 'Spotify', value: 'spotify' },
+                { label: 'YouTube', value: 'youtube' },
+                { label: 'Apple Podcasts', value: 'apple-podcasts' },
+                { label: 'GitHub', value: 'github' },
+                { label: 'LinkedIn', value: 'linkedin' },
+                { label: 'Instagram', value: 'instagram' },
+                { label: 'Facebook', value: 'facebook' },
+                { label: 'WhatsApp', value: 'whatsapp' },
+                { label: 'X', value: 'x' },
+                { label: 'Arrow', value: 'arrow-right' },
+              ],
+            },
+            {
+              name: 'style',
+              type: 'select',
+              admin: {
+                width: '50%',
+              },
+              defaultValue: 'light',
+              label: {
+                de: 'Stil',
+                en: 'Style',
+              },
+              options: [
+                { label: { de: 'Primär', en: 'Primary' }, value: 'primary' },
+                { label: { de: 'Sekundär', en: 'Secondary' }, value: 'light' },
+                { label: { de: 'Textlink', en: 'Text link' }, value: 'text' },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/cms/src/collections/Pages.ts b/cms/src/collections/Pages.ts
index e5c3e4f..6252ad0 100644
--- a/cms/src/collections/Pages.ts
+++ b/cms/src/collections/Pages.ts
@@ -3,6 +3,7 @@ import { PageCollectionConfig } from '@jhb.software/payload-pages-plugin'
 import { AboutBlock } from '@/blocks/AboutBlock'
 import { ArticlesBlock } from '@/blocks/ArticlesBlock'
 import { AuthorsBlock } from '@/blocks/AuthorsBlock'
+import { CallToActionBlock } from '@/blocks/CallToActionBlock'
 import { ContactBlock } from '@/blocks/ContactBlock'
 import { CustomerLogosBlock } from '@/blocks/CustomerLogosBlock'
 import { FeaturedProjectsListBlock } from '@/blocks/FeaturedProjectsList'
@@ -131,6 +132,7 @@ const Pages: PageCollectionConfig = {
             AboutBlock,
             PhilosophyBlock,
             ContactBlock,
+            CallToActionBlock,
           ],
           label: {
             de: 'Blöcke',
diff --git a/cms/src/payload-types.ts b/cms/src/payload-types.ts
index 113c082..178d880 100644
--- a/cms/src/payload-types.ts
+++ b/cms/src/payload-types.ts
@@ -260,6 +260,7 @@ export interface Page {
               | AboutBlock
               | PhilosophyBlock
               | ContactBlock
+              | CallToActionBlock
             )[]
           | null;
         id?: string | null;
@@ -727,6 +728,38 @@ export interface ContactBlock {
   blockName?: string | null;
   blockType: 'contact';
 }
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "CallToActionBlock".
+ */
+export interface CallToActionBlock {
+  title?: string | null;
+  description?: string | null;
+  links: {
+    label: string;
+    url: string;
+    icon?:
+      | (
+          | 'globe'
+          | 'spotify'
+          | 'youtube'
+          | 'apple-podcasts'
+          | 'github'
+          | 'linkedin'
+          | 'instagram'
+          | 'facebook'
+          | 'whatsapp'
+          | 'x'
+          | 'arrow-right'
+        )
+      | null;
+    style?: ('primary' | 'light' | 'text') | null;
+    id?: string | null;
+  }[];
+  id?: string | null;
+  blockName?: string | null;
+  blockType: 'call-to-action';
+}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "redirects".
@@ -1076,6 +1109,16 @@ export interface PayloadMcpApiKey {
      */
     update?: boolean | null;
   };
+  'payload-mcp-tool'?: {
+    /**
+     * Generate a branded 1920×1080 article thumbnail in the JHB corporate design (Geist typeface, hairline frame, tertiary corner marks, mono `\ EYEBROW`, JHB mark bottom-left). Uploads to the `images` collection and — when `articleId` is provided — sets it as the article's `image`. Theme `light` (default): white surface, primary title. Theme `dark`: primary-deep surface, surface title.
+     */
+    generateThumbnail?: boolean | null;
+    /**
+     * Get the frontend page URL for a page document by its collection and ID. Works for both published and draft (unpublished) pages. Returns a preview URL by default; set preview=false for the canonical public URL.
+     */
+    getPageUrl?: boolean | null;
+  };
   updatedAt: string;
   createdAt: string;
   enableAPIKey?: boolean | null;
@@ -1308,6 +1351,7 @@ export interface PagesSelect<T extends boolean = true> {
               about?: T | AboutBlockSelect<T>;
               philosophy?: T | PhilosophyBlockSelect<T>;
               contact?: T | ContactBlockSelect<T>;
+              'call-to-action'?: T | CallToActionBlockSelect<T>;
             };
         id?: T;
       };
@@ -1480,6 +1524,25 @@ export interface ContactBlockSelect<T extends boolean = true> {
   id?: T;
   blockName?: T;
 }
+/**
+ * This interface was referenced by `Config`'s JSON-Schema
+ * via the `definition` "CallToActionBlock_select".
+ */
+export interface CallToActionBlockSelect<T extends boolean = true> {
+  title?: T;
+  description?: T;
+  links?:
+    | T
+    | {
+        label?: T;
+        url?: T;
+        icon?: T;
+        style?: T;
+        id?: T;
+      };
+  id?: T;
+  blockName?: T;
+}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "SeoMetadata_select".
@@ -1871,6 +1934,12 @@ export interface PayloadMcpApiKeysSelect<T extends boolean = true> {
         find?: T;
         update?: T;
       };
+  'payload-mcp-tool'?:
+    | T
+    | {
+        generateThumbnail?: T;
+        getPageUrl?: T;
+      };
   updatedAt?: T;
   createdAt?: T;
   enableAPIKey?: T;
diff --git a/web/src/components/SectionBlock.astro b/web/src/components/SectionBlock.astro
index 7345cc2..b885c30 100644
--- a/web/src/components/SectionBlock.astro
+++ b/web/src/components/SectionBlock.astro
@@ -3,6 +3,7 @@ import type {
   AboutBlock as AboutBlockType,
   ArticlesBlock as ArticlesBlockType,
   AuthorsBlock as AuthorsBlockType,
+  CallToActionBlock as CallToActionBlockType,
   ContactBlock as ContactBlockType,
   CustomerLogosBlock as CustomerLogosBlockType,
   FeaturedProjectsListBlock as FeaturedProjectsListBlockType,
@@ -16,6 +17,7 @@ import type {
 import AboutBlock from './blocks/AboutBlock.astro'
 import ArticlesBlock from './blocks/ArticlesBlock.astro'
 import AuthorsListBlock from './blocks/AuthorsListBlock.astro'
+import CallToActionBlock from './blocks/CallToActionBlock.astro'
 import ContactBlock from './blocks/ContactBlock.astro'
 import CustomerLogosBlock from './blocks/CustomerLogosBlock.astro'
 import FeaturedProjectsListBlock from './blocks/FeaturedProjectsListBlock.astro'
@@ -50,6 +52,8 @@ const { blockType, ...props } = Astro.props
         return <AboutBlock {...(props as AboutBlockType)} />
       case 'philosophy':
         return <PhilosophyBlock {...(props as PhilosophyBlockType)} />
+      case 'call-to-action':
+        return <CallToActionBlock {...(props as CallToActionBlockType)} />
       case 'authors':
         return <AuthorsListBlock {...(props as AuthorsBlockType)} />
       case 'contact':
diff --git a/web/src/components/blocks/CallToActionBlock.astro b/web/src/components/blocks/CallToActionBlock.astro
new file mode 100644
index 0000000..41eed94
--- /dev/null
+++ b/web/src/components/blocks/CallToActionBlock.astro
@@ -0,0 +1,43 @@
+---
+import Heading from '@/layout/Heading.astro'
+import type { CallToActionBlock } from 'cms/src/payload-types'
+import Icon from '../icons/Icon.astro'
+import { buttonStyles } from '../Link.astro'
+
+export type Props = CallToActionBlock
+
+const { title, description, links } = Astro.props
+---
+
+<div class="max-w-prose space-y-6">
+  {
+    (title || description) && (
+      <header class="space-y-3">
+        {title && <Heading as="h3">{title}</Heading>}
+        {description && (
+          <p class="text-neutral-muted font-sans text-base leading-relaxed text-pretty">
+            {description}
+          </p>
+        )}
+      </header>
+    )
+  }
+
+  <ul class="flex flex-wrap gap-3">
+    {
+      links.map((link) => (
+        <li>
+          <a
+            href={link.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            class:list={[buttonStyles(link.style ?? 'light')]}
+          >
+            {link.icon && <Icon name={link.icon} class="h-4 w-4" />}
+            {link.label}
+          </a>
+        </li>
+      ))
+    }
+  </ul>
+</div>
diff --git a/web/src/components/icons/Icon.astro b/web/src/components/icons/Icon.astro
index 088b738..2937514 100644
--- a/web/src/components/icons/Icon.astro
+++ b/web/src/components/icons/Icon.astro
@@ -1,4 +1,5 @@
 ---
+import ApplePodcasts from './apple-podcasts.svg'
 import ArrowRight from './arrow-right.svg'
 import BarsStaggered from './bars-staggered.svg'
 import Building from './building.svg'
@@ -8,6 +9,7 @@ import ChevronRight from './chevron-right.svg'
 import Comments from './comments.svg'
 import Facebook from './facebook.svg'
 import Github from './github.svg'
+import Globe from './globe.svg'
 import Home from './home.svg'
 import Instagram from './instagram.svg'
 import LaptopCode from './laptop-code.svg'
@@ -15,6 +17,7 @@ import Laptop from './laptop.svg'
 import Linkedin from './linkedin.svg'
 import MobilePhone from './mobile-phone.svg'
 import RefreshCw from './refresh-cw.svg'
+import Spotify from './spotify.svg'
 import WhatsApp from './whatsapp.svg'
 import X from './x.svg'
 import Youtube from './youtube.svg'
@@ -33,6 +36,9 @@ type Props = {
     | 'instagram'
     | 'facebook'
     | 'youtube'
+    | 'spotify'
+    | 'apple-podcasts'
+    | 'globe'
     | 'x'
     | 'chevron-right'
     | 'chevron-down'
@@ -76,6 +82,12 @@ const { name, class: classNames = 'h-4 w-4' } = Astro.props
         return <Facebook class:list={classNames} />
       case 'youtube':
         return <Youtube class:list={classNames} />
+      case 'spotify':
+        return <Spotify class:list={classNames} />
+      case 'apple-podcasts':
+        return <ApplePodcasts class:list={classNames} />
+      case 'globe':
+        return <Globe class:list={classNames} />
       case 'x':
         return <X class:list={classNames} />
       case 'chevron-right':
diff --git a/web/src/components/icons/apple-podcasts.svg b/web/src/components/icons/apple-podcasts.svg
new file mode 100644
index 0000000..90ee8e1
--- /dev/null
+++ b/web/src/components/icons/apple-podcasts.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" focusable="false">
+	<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
+	<path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+	<line x1="12" y1="19" x2="12" y2="23" />
+	<line x1="8" y1="23" x2="16" y2="23" />
+</svg>
diff --git a/web/src/components/icons/globe.svg b/web/src/components/icons/globe.svg
new file mode 100644
index 0000000..0453e4e
--- /dev/null
+++ b/web/src/components/icons/globe.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" focusable="false">
+	<circle cx="12" cy="12" r="10" />
+	<line x1="2" y1="12" x2="22" y2="12" />
+	<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
+</svg>
diff --git a/web/src/components/icons/spotify.svg b/web/src/components/icons/spotify.svg
new file mode 100644
index 0000000..0d369f6
--- /dev/null
+++ b/web/src/components/icons/spotify.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" focusable="false">
+	<circle cx="12" cy="12" r="10" />
+	<path d="M7.3 8c3.2-.8 7-.4 9.8 1.3" />
+	<path d="M6.7 11.1c3.6-1 7.6-.6 10.7 1.3" />
+	<path d="M7.4 14.3c2.9-.9 6.2-.6 8.9 1" />
+</svg>

From ced42cc1b1b06c9a82c515a1e499aeb3b0bdac32 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 1 Jul 2026 17:18:49 +0000
Subject: [PATCH 3/4] feat(cms): validate call-to-action link URLs

Reuse the shared isValidURL helper (URL-class based, http/https only) to
validate the url field on each call-to-action link, matching the pattern
already used on the Customers collection.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01622xFmFcFwejfHXk54uWvp
---
 cms/src/blocks/CallToActionBlock.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/cms/src/blocks/CallToActionBlock.ts b/cms/src/blocks/CallToActionBlock.ts
index 9b6ffae..ba23d48 100644
--- a/cms/src/blocks/CallToActionBlock.ts
+++ b/cms/src/blocks/CallToActionBlock.ts
@@ -1,5 +1,7 @@
 import { Block } from 'payload'
 
+import { isValidURL } from '@/utils/isValidURL'
+
 /**
  * Generic "heading + text + link buttons" section block. Use it for any promo
  * that points the visitor somewhere (podcast, newsletter, external profiles,
@@ -82,6 +84,8 @@ export const CallToActionBlock: Block = {
               },
               label: 'URL',
               required: true,
+              validate: (value: unknown) =>
+                typeof value === 'string' && isValidURL(value) ? true : 'Invalid URL',
             },
           ],
         },

From e6733f189dd8627d20b41ffa7921fe62bad6622c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 1 Jul 2026 17:21:14 +0000
Subject: [PATCH 4/4] fix(cms): keep call-to-action URL required with a clear
 message

A custom validate replaces Payload's built-in text validation, so the
`required: true` presence check no longer runs on its own. Handle the
empty case explicitly (honoring the field's required option) so a missing
URL reports "URL is required" instead of the misleading "Invalid URL".

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01622xFmFcFwejfHXk54uWvp
---
 cms/src/blocks/CallToActionBlock.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/cms/src/blocks/CallToActionBlock.ts b/cms/src/blocks/CallToActionBlock.ts
index ba23d48..44aa325 100644
--- a/cms/src/blocks/CallToActionBlock.ts
+++ b/cms/src/blocks/CallToActionBlock.ts
@@ -84,8 +84,12 @@ export const CallToActionBlock: Block = {
               },
               label: 'URL',
               required: true,
-              validate: (value: unknown) =>
-                typeof value === 'string' && isValidURL(value) ? true : 'Invalid URL',
+              validate: (value: unknown, { required }: { required?: boolean }) => {
+                if (typeof value !== 'string' || value.length === 0) {
+                  return required ? 'URL is required' : true
+                }
+                return isValidURL(value) ? true : 'Invalid URL'
+              },
             },
           ],
         },