@kickstartds/ds-agency-premium 1.6.68--canary.45.1707.0 → 1.6.68--canary.45.1713.0

package/dist/components/presets.json

@@ -3,7 +3,7 @@
     "id": "blog-blog-aside--default",
     "group": "Blog/ Blog Aside",
     "name": "Default",
-    "code": "<BlogAside\n  author={{\n    byline: 'CEO at Company',\n    image: {\n      alt: 'Picture of Isabella Doe',\n      aspectRatio: 'square',\n      fullWidth: false,\n      src: 'img/people/author-emily.png'\n    },\n    links: [\n      {\n        ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n        href: 'tel:+4922868896620',\n        icon: 'twitter',\n        label: 'jane_smith',\n        newTab: false\n      },\n      {\n        ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n        href: 'mailto:mail@example.com',\n        icon: 'email',\n        label: 'jane.smith@example.com',\n        newTab: false\n      }\n    ],\n    name: 'Jane Smith'\n  }}\n  date=\"12/30/2022\"\n  readingTime=\"5 min read\"\n  socialSharing={[\n    {\n      href: 'https://twitter.com/share?text=The%20Future%20of%20AI&url=https://example.com/blog/the-future-of-ai',\n      icon: 'twitter',\n      title: 'Share on Twitter'\n    },\n    {\n      href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog/the-future-of-ai&title=The%20Future%20of%20AI&summary=The%20Future%20of%20AI&source=LinkedIn',\n      icon: 'linkedin',\n      title: 'Share on LinkedIn'\n    }\n  ]}\n/>",
+    "code": "<BlogAside\n  author={{\n    byline: 'CEO at Company',\n    image: {\n      alt: 'Picture of Isabella Doe',\n      aspectRatio: 'square',\n      fullWidth: false,\n      src: 'img/people/author-emily.png'\n    },\n    links: [\n      {\n        ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n        icon: 'twitter',\n        label: 'jane_smith',\n        newTab: false,\n        url: 'tel:+4922868896620'\n      },\n      {\n        ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n        icon: 'email',\n        label: 'jane.smith@example.com',\n        newTab: false,\n        url: 'mailto:mail@example.com'\n      }\n    ],\n    name: 'Jane Smith'\n  }}\n  date=\"12/30/2022\"\n  readingTime=\"5 min read\"\n  socialSharing={[\n    {\n      href: 'https://twitter.com/share?text=The%20Future%20of%20AI&url=https://example.com/blog/the-future-of-ai',\n      icon: 'twitter',\n      title: 'Share on Twitter',\n      url: 'https://twitter.com/share?text=Check%20this%20out!&url=https://example.com'\n    },\n    {\n      href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog/the-future-of-ai&title=The%20Future%20of%20AI&summary=The%20Future%20of%20AI&source=LinkedIn',\n      icon: 'linkedin',\n      title: 'Share on LinkedIn',\n      url: 'https://twitter.com/share?text=Check%20this%20out!&url=https://example.com'\n    }\n  ]}\n/>",
     "args": {
       "author": {
         "name": "Jane Smith",
@@ -18,14 +18,14 @@
           {
             "icon": "twitter",
             "label": "jane_smith",
-            "href": "tel:+4922868896620",
+            "url": "tel:+4922868896620",
             "newTab": false,
             "ariaLabel": "Link to Isabella Doe's social media profile"
           },
           {
             "icon": "email",
             "label": "jane.smith@example.com",
-            "href": "mailto:mail@example.com",
+            "url": "mailto:mail@example.com",
             "newTab": false,
             "ariaLabel": "Link to Isabella Doe's social media profile"
           }
@@ -34,13 +34,15 @@
       "socialSharing": [
         {
           "icon": "twitter",
-          "href": "https://twitter.com/share?text=The%20Future%20of%20AI&url=https://example.com/blog/the-future-of-ai",
-          "title": "Share on Twitter"
+          "url": "https://twitter.com/share?text=Check%20this%20out!&url=https://example.com",
+          "title": "Share on Twitter",
+          "href": "https://twitter.com/share?text=The%20Future%20of%20AI&url=https://example.com/blog/the-future-of-ai"
         },
         {
           "icon": "linkedin",
-          "href": "https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog/the-future-of-ai&title=The%20Future%20of%20AI&summary=The%20Future%20of%20AI&source=LinkedIn",
-          "title": "Share on LinkedIn"
+          "url": "https://twitter.com/share?text=Check%20this%20out!&url=https://example.com",
+          "title": "Share on LinkedIn",
+          "href": "https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog/the-future-of-ai&title=The%20Future%20of%20AI&summary=The%20Future%20of%20AI&source=LinkedIn"
         }
       ],
       "readingTime": "5 min read",
@@ -52,7 +54,7 @@
     "id": "blog-blog-author--default",
     "group": "Blog/ Blog Author",
     "name": "Default",
-    "code": "<BlogAuthor\n  byline=\"CEO at Company\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'square',\n    fullWidth: false,\n    src: 'img/people/author-emily.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: 'tel:+4922868896620',\n      icon: 'twitter',\n      label: 'jane_smith',\n      newTab: false\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: 'mailto:mail@example.com',\n      icon: 'email',\n      label: 'jane.smith@example.com',\n      newTab: false\n    }\n  ]}\n  name=\"Jane Smith\"\n/>",
+    "code": "<BlogAuthor\n  byline=\"CEO at Company\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'square',\n    fullWidth: false,\n    src: 'img/people/author-emily.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'twitter',\n      label: 'jane_smith',\n      newTab: false,\n      url: 'tel:+4922868896620'\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'email',\n      label: 'jane.smith@example.com',\n      newTab: false,\n      url: 'mailto:mail@example.com'\n    }\n  ]}\n  name=\"Jane Smith\"\n/>",
     "args": {
       "name": "Jane Smith",
       "byline": "CEO at Company",
@@ -66,14 +68,14 @@
         {
           "icon": "twitter",
           "label": "jane_smith",
-          "href": "tel:+4922868896620",
+          "url": "tel:+4922868896620",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         },
         {
           "icon": "email",
           "label": "jane.smith@example.com",
-          "href": "mailto:mail@example.com",
+          "url": "mailto:mail@example.com",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         }
@@ -190,7 +192,7 @@
     "id": "page-archetypes-blog-overview--blog-overview",
     "group": "Page Archetypes/Blog Overview",
     "name": "BlogOverview",
-    "code": "<BlogOverview\n  cta={{\n    align: 'center',\n    buttons: [\n      {\n        icon: 'person',\n        label: 'Contact us',\n        target: '#'\n      },\n      {\n        icon: 'date',\n        label: 'Book a meeting',\n        target: '#'\n      }\n    ],\n    colorNeutral: false,\n    contentAlign: 'center',\n    fullWidth: true,\n    headline: 'Get in touch',\n    highlightText: false,\n    image: {\n      align: 'center',\n      padding: false,\n      src: 'img/contact-person.png'\n    },\n    inverted: false,\n    order: {\n      desktopImageLast: false,\n      mobileImageLast: false\n    },\n    padding: false,\n    sub: 'Chat with us about getting your product or platform to market faster',\n    text: 'Our modular design approach allows for flexibility and scalability in your application\\'s architecture.',\n    textAlign: 'left',\n    width: 'wide'\n  }}\n  latest={{\n    alt: 'Image of a business team working',\n    author: {\n      image: 'img/people/author-alex.png',\n      name: 'John Doe',\n      title: 'CEO'\n    },\n    date: '12/30/2022',\n    headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n    image: 'img/close-up-young-business-team-working.png',\n    link: {\n      label: 'Read more',\n      text: 'Read article',\n      url: 'https://example.com/article1'\n    },\n    readingTime: '5 min read',\n    tags: [\n      {\n        entry: 'Design Systems'\n      },\n      {\n        entry: 'Headless Websites'\n      },\n      {\n        entry: 'Training'\n      }\n    ],\n    teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n  }}\n  latestTitle=\"Latest Post\"\n  list={[\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Design Systems'\n        }\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n    },\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Headless Websites'\n        }\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n    },\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article3'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Training'\n        }\n      ],\n      teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n    }\n  ]}\n  listTitle=\"Recent Posts\"\n  more={[\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Design Systems'\n        }\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n    },\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Headless Websites'\n        }\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n    }\n  ]}\n  moreTitle=\"Featured Posts\"\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
+    "code": "<BlogOverview\n  cta={{\n    align: 'center',\n    buttons: [\n      {\n        icon: 'person',\n        label: 'Contact us',\n        url: '#'\n      },\n      {\n        icon: 'date',\n        label: 'Book a meeting',\n        url: '#'\n      }\n    ],\n    colorNeutral: false,\n    contentAlign: 'center',\n    fullWidth: true,\n    headline: 'Get in touch',\n    highlightText: false,\n    image: {\n      align: 'center',\n      padding: false,\n      src: 'img/contact-person.png'\n    },\n    inverted: false,\n    order: {\n      desktopImageLast: false,\n      mobileImageLast: false\n    },\n    padding: false,\n    sub: 'Chat with us about getting your product or platform to market faster',\n    text: 'Our modular design approach allows for flexibility and scalability in your application\\'s architecture.',\n    textAlign: 'left',\n    width: 'wide'\n  }}\n  latest={{\n    alt: 'Image of a business team working',\n    author: {\n      image: 'img/people/author-alex.png',\n      name: 'John Doe',\n      title: 'CEO'\n    },\n    date: '12/30/2022',\n    headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n    image: 'img/close-up-young-business-team-working.png',\n    link: {\n      label: 'Read more',\n      text: 'Read article',\n      url: 'https://example.com/article1'\n    },\n    readingTime: '5 min read',\n    tags: [\n      {\n        entry: 'Design Systems'\n      },\n      {\n        entry: 'Headless Websites'\n      },\n      {\n        entry: 'Training'\n      }\n    ],\n    teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n  }}\n  latestTitle=\"Latest Post\"\n  list={[\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Design Systems'\n        }\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n    },\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Headless Websites'\n        }\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n    },\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article3'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Training'\n        }\n      ],\n      teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n    }\n  ]}\n  listTitle=\"Recent Posts\"\n  more={[\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-alex.png',\n        name: 'John Doe',\n        title: 'CEO'\n      },\n      date: '12/30/2022',\n      headline: 'Mastering the Art of Design Systems with Systemics',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article1'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Design Systems'\n        }\n      ],\n      teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n    },\n    {\n      alt: 'Image of a business team working',\n      author: {\n        image: 'img/people/author-emily.png',\n        name: 'Jane Doe',\n        title: 'CTO'\n      },\n      date: '12/30/2022',\n      headline: 'Unleashing Innovation with Headless Websites',\n      image: 'img/close-up-young-business-team-working.png',\n      link: {\n        label: 'Read more',\n        text: 'Read article',\n        url: 'https://example.com/article2'\n      },\n      readingTime: '5 min read',\n      tags: [\n        {\n          entry: 'Headless Websites'\n        }\n      ],\n      teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n    }\n  ]}\n  moreTitle=\"Featured Posts\"\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
     "args": {
       "section": [
         {
@@ -480,12 +482,12 @@
           {
             "label": "Contact us",
             "icon": "person",
-            "target": "#"
+            "url": "#"
           },
           {
             "label": "Book a meeting",
             "icon": "date",
-            "target": "#"
+            "url": "#"
           }
         ],
         "image": {
@@ -513,7 +515,7 @@
     "id": "page-archetypes-blog-post--blog-post",
     "group": "Page Archetypes/Blog Post",
     "name": "BlogPost",
-    "code": "<BlogPost\n  aside={{\n    author: {\n      byline: 'Senior Developer',\n      email: 'Jane.doe@example.com',\n      image: {\n        alt: 'Picture of Isabella Doe',\n        aspectRatio: 'square',\n        fullWidth: false,\n        src: 'img/people/author-emily.png'\n      },\n      links: [\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          href: 'tel:+4922868896620',\n          icon: 'phone',\n          label: '0228 / 688 966 20',\n          newTab: false\n        },\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          href: 'mailto:mail@example.com',\n          icon: 'email',\n          label: 'mail@example.com',\n          newTab: false\n        }\n      ],\n      name: 'Jane Doe',\n      twitter: 'Janedoe'\n    },\n    date: '12/30/2022',\n    readingTime: '5 min read',\n    socialSharing: [\n      {\n        href: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog',\n        icon: 'twitter',\n        title: 'Share on Twitter'\n      },\n      {\n        href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline',\n        icon: 'linkedin',\n        title: 'Share on LinkedIn'\n      }\n    ]\n  }}\n  contact={{\n    copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n    image: {\n      alt: 'Picture of Jane Smith',\n      aspectRatio: 'vertical',\n      fullWidth: false,\n      src: 'img/people/contact-john.png'\n    },\n    links: [\n      {\n        href: 'mailto:mail@example.com',\n        icon: 'xing',\n        label: 'john.smith',\n        newTab: false\n      },\n      {\n        href: '#',\n        icon: 'twitter',\n        label: '@john_smith',\n        newTab: false\n      }\n    ],\n    subtitle: 'Sales Representative',\n    title: 'John Smith'\n  }}\n  content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n          \"\n  cta={{\n    align: 'center',\n    buttons: [\n      {\n        icon: 'person',\n        label: 'Contact Us',\n        target: '#'\n      },\n      {\n        icon: 'date',\n        label: 'Learn More',\n        target: '#'\n      }\n    ],\n    colorNeutral: false,\n    headline: 'Ready to Transform Your Development Process?',\n    highlightText: false,\n    image: {\n      align: 'center',\n      padding: true\n    },\n    inverted: false,\n    order: {\n      desktopImageLast: true,\n      mobileImageLast: false\n    },\n    padding: false,\n    sub: 'Start your journey today.',\n    text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n    textAlign: 'center'\n  }}\n  head={{\n    alt: 'Image of a business team working',\n    date: '12/30/2022',\n    headline: 'The Future of AI: A Glimpse into the Unseen',\n    image: 'img/close-up-young-business-team-working.png',\n    tags: [\n      {\n        entry: 'Technology'\n      },\n      {\n        entry: 'AI'\n      }\n    ]\n  }}\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
+    "code": "<BlogPost\n  aside={{\n    author: {\n      byline: 'Senior Developer',\n      email: 'Jane.doe@example.com',\n      image: {\n        alt: 'Picture of Isabella Doe',\n        aspectRatio: 'square',\n        fullWidth: false,\n        src: 'img/people/author-emily.png'\n      },\n      links: [\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          icon: 'phone',\n          label: '0228 / 688 966 20',\n          newTab: false,\n          url: 'tel:+4922868896620'\n        },\n        {\n          ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n          icon: 'email',\n          label: 'mail@example.com',\n          newTab: false,\n          url: 'mailto:mail@example.com'\n        }\n      ],\n      name: 'Jane Doe',\n      twitter: 'Janedoe'\n    },\n    date: '12/30/2022',\n    readingTime: '5 min read',\n    socialSharing: [\n      {\n        icon: 'twitter',\n        title: 'Share on Twitter',\n        url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n      },\n      {\n        icon: 'linkedin',\n        title: 'Share on LinkedIn',\n        url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\n      }\n    ]\n  }}\n  contact={{\n    copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n    image: {\n      alt: 'Picture of Jane Smith',\n      aspectRatio: 'vertical',\n      fullWidth: false,\n      src: 'img/people/contact-john.png'\n    },\n    links: [\n      {\n        icon: 'xing',\n        label: 'john.smith',\n        newTab: false,\n        url: 'mailto:mail@example.com'\n      },\n      {\n        icon: 'twitter',\n        label: '@john_smith',\n        newTab: false,\n        url: '#'\n      }\n    ],\n    subtitle: 'Sales Representative',\n    title: 'John Smith'\n  }}\n  content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n          \"\n  cta={{\n    align: 'center',\n    buttons: [\n      {\n        icon: 'person',\n        label: 'Contact Us',\n        url: '#'\n      },\n      {\n        icon: 'date',\n        label: 'Learn More',\n        url: '#'\n      }\n    ],\n    colorNeutral: false,\n    headline: 'Ready to Transform Your Development Process?',\n    highlightText: false,\n    image: {\n      align: 'center',\n      padding: true\n    },\n    inverted: false,\n    order: {\n      desktopImageLast: true,\n      mobileImageLast: false\n    },\n    padding: false,\n    sub: 'Start your journey today.',\n    text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n    textAlign: 'center'\n  }}\n  head={{\n    alt: 'Image of a business team working',\n    date: '12/30/2022',\n    headline: 'The Future of AI: A Glimpse into the Unseen',\n    image: 'img/close-up-young-business-team-working.png',\n    tags: [\n      {\n        entry: 'Technology'\n      },\n      {\n        entry: 'AI'\n      }\n    ]\n  }}\n  section={[\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    },\n    {\n      backgroundColor: 'default',\n      buttons: [\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        },\n        {\n          disabled: false,\n          label: 'Book a meeting',\n          size: 'medium',\n          variant: 'secondary'\n        }\n      ],\n      content: {\n        align: 'center',\n        gutter: 'default',\n        mode: 'list',\n        tileWidth: 'default',\n        width: 'unset'\n      },\n      headerSpacing: false,\n      headline: {\n        large: false,\n        text: 'Section headline',\n        width: 'unset'\n      },\n      inverted: false,\n      spaceAfter: 'default',\n      spaceBefore: 'default',\n      spotlight: false,\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
     "args": {
       "head": {
         "date": "12/30/2022",
@@ -543,14 +545,14 @@
             {
               "icon": "phone",
               "label": "0228 / 688 966 20",
-              "href": "tel:+4922868896620",
+              "url": "tel:+4922868896620",
               "newTab": false,
               "ariaLabel": "Link to Isabella Doe's social media profile"
             },
             {
               "icon": "email",
               "label": "mail@example.com",
-              "href": "mailto:mail@example.com",
+              "url": "mailto:mail@example.com",
               "newTab": false,
               "ariaLabel": "Link to Isabella Doe's social media profile"
             }
@@ -561,12 +563,12 @@
         "socialSharing": [
           {
             "icon": "twitter",
-            "href": "https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog",
+            "url": "https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog",
             "title": "Share on Twitter"
           },
           {
             "icon": "linkedin",
-            "href": "https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline",
+            "url": "https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline",
             "title": "Share on LinkedIn"
           }
         ],
@@ -709,12 +711,12 @@
         "buttons": [
           {
             "label": "Contact Us",
-            "target": "#",
+            "url": "#",
             "icon": "person"
           },
           {
             "label": "Learn More",
-            "target": "#",
+            "url": "#",
             "icon": "date"
           }
         ],
@@ -746,13 +748,13 @@
           {
             "icon": "xing",
             "label": "john.smith",
-            "href": "mailto:mail@example.com",
+            "url": "mailto:mail@example.com",
             "newTab": false
           },
           {
             "icon": "twitter",
             "label": "@john_smith",
-            "href": "#",
+            "url": "#",
             "newTab": false
           }
         ],
@@ -765,7 +767,7 @@
     "id": "page-archetypes-event-detail--event-detail",
     "group": "Page Archetypes/Event Detail",
     "name": "EventDetail",
-    "code": "<EventDetail\n  button={{\n    label: 'See all Events',\n    target: '/#'\n  }}\n  categories={[\n    {\n      label: 'Conference'\n    },\n    {\n      label: 'Design Systems'\n    }\n  ]}\n  description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n  \"\n  downloads={[\n    {\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB',\n      url: 'img/offset-image.png'\n    },\n    {\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg',\n      size: '3.2 MB',\n      url: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg'\n    },\n    {\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB',\n      url: 'assets/user-guide.doc'\n    },\n    {\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB',\n      url: 'assets/technical-specifications.txt'\n    }\n  ]}\n  images={[\n    {\n      alt: 'Alt text Image 1',\n      caption: 'Caption Image 1',\n      src: 'img/close-up-young-business-team-working.png'\n    },\n    {\n      alt: 'Alt text Image 2',\n      caption: 'Caption Image 2',\n      src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n    },\n    {\n      alt: 'Alt text Image 3',\n      caption: 'Caption Image 3',\n      src: 'img/full-shot-different-people-working-together.png'\n    },\n    {\n      alt: 'Alt text Image 4',\n      caption: 'Caption Image 4',\n      src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n    }\n  ]}\n  intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n  locations={[\n    {\n      address: 'Alexanderplatz 1<br />\\n      10178 Berlin',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        },\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        }\n      ],\n      links: [\n        {\n          href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n          label: 'Open in Google Maps',\n          newTab: true\n        }\n      ],\n      locationName: 'Berlin Congress Center'\n    },\n    {\n      address: 'Messeplatz 1<br />\\n      50679 Köln',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          href: '#',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00'\n        }\n      ],\n      links: [\n        {\n          href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n          label: 'Open in Google Maps',\n          newTab: true\n        },\n        {\n          href: 'https://www.berlincongresscenter.com',\n          label: 'Location Website',\n          newTab: true\n        }\n      ],\n      locationName: 'Köln Messe'\n    }\n  ]}\n  title=\"Systemics Design Conference 2025\"\n/>",
+    "code": "<EventDetail\n  button={{\n    label: 'See all Events',\n    url: '/#'\n  }}\n  categories={[\n    {\n      label: 'Conference'\n    },\n    {\n      label: 'Design Systems'\n    }\n  ]}\n  description=\"\nJoin us for a day of inspiring talks, hands-on workshops, and networking with design system experts from around the world.\n\n**Highlights:**\n- Keynotes from industry leaders\n- Practical sessions on design tokens, accessibility, and scaling systems\n- Evening networking event with food & drinks\n  \"\n  downloads={[\n    {\n      format: 'PDF',\n      name: 'Product Brochure',\n      previewImage: 'img/offset-image.png',\n      size: '2.5 MB',\n      url: 'img/offset-image.png'\n    },\n    {\n      format: 'PDF',\n      name: 'Company Brochure',\n      previewImage: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg',\n      size: '3.2 MB',\n      url: 'img/kickstartDS/CMS-Starter producthunt-slide-01.svg'\n    },\n    {\n      format: 'DOC',\n      name: 'User Guide',\n      size: '20 KB',\n      url: 'assets/user-guide.doc'\n    },\n    {\n      format: 'TXT',\n      name: 'Technical Specifications',\n      size: '12 KB',\n      url: 'assets/technical-specifications.txt'\n    }\n  ]}\n  images={[\n    {\n      alt: 'Alt text Image 1',\n      caption: 'Caption Image 1',\n      src: 'img/close-up-young-business-team-working.png'\n    },\n    {\n      alt: 'Alt text Image 2',\n      caption: 'Caption Image 2',\n      src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n    },\n    {\n      alt: 'Alt text Image 3',\n      caption: 'Caption Image 3',\n      src: 'img/full-shot-different-people-working-together.png'\n    },\n    {\n      alt: 'Alt text Image 4',\n      caption: 'Caption Image 4',\n      src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n    }\n  ]}\n  intro=\"A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.\"\n  locations={[\n    {\n      address: 'Alexanderplatz 1<br />\\n      10178 Berlin',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00',\n          url: '#'\n        },\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00',\n          url: '#'\n        }\n      ],\n      links: [\n        {\n          label: 'Open in Google Maps',\n          newTab: true,\n          url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n        }\n      ],\n      locationName: 'Berlin Congress Center'\n    },\n    {\n      address: 'Messeplatz 1<br />\\n      50679 Köln',\n      dates: [\n        {\n          ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n          date: '2025-09-18',\n          label: 'Register',\n          newTab: true,\n          time: '09:00 – 17:00',\n          url: '#'\n        }\n      ],\n      links: [\n        {\n          label: 'Open in Google Maps',\n          newTab: true,\n          url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n        },\n        {\n          label: 'Location Website',\n          newTab: true,\n          url: 'https://www.berlincongresscenter.com'\n        }\n      ],\n      locationName: 'Köln Messe'\n    }\n  ]}\n  title=\"Systemics Design Conference 2025\"\n/>",
     "args": {
       "categories": [
         {
@@ -782,7 +784,7 @@
               "date": "2025-09-18",
               "time": "09:00 – 17:00",
               "label": "Register",
-              "href": "#",
+              "url": "#",
               "newTab": true,
               "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
             },
@@ -790,7 +792,7 @@
               "date": "2025-09-18",
               "time": "09:00 – 17:00",
               "label": "Register",
-              "href": "#",
+              "url": "#",
               "newTab": true,
               "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
             }
@@ -800,7 +802,7 @@
           "links": [
             {
               "newTab": true,
-              "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+              "url": "https://maps.google.com/?q=Berlin+Congress+Center",
               "label": "Open in Google Maps"
             }
           ]
@@ -811,7 +813,7 @@
               "date": "2025-09-18",
               "time": "09:00 – 17:00",
               "label": "Register",
-              "href": "#",
+              "url": "#",
               "newTab": true,
               "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
             }
@@ -821,12 +823,12 @@
           "links": [
             {
               "newTab": true,
-              "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+              "url": "https://maps.google.com/?q=Berlin+Congress+Center",
               "label": "Open in Google Maps"
             },
             {
               "newTab": true,
-              "href": "https://www.berlincongresscenter.com",
+              "url": "https://www.berlincongresscenter.com",
               "label": "Location Website"
             }
           ]
@@ -856,7 +858,7 @@
       ],
       "button": {
         "label": "See all Events",
-        "target": "/#"
+        "url": "/#"
       },
       "title": "Systemics Design Conference 2025",
       "intro": "A full-day event for design system professionals and enthusiasts. Join us to learn, share, and connect with like-minded individuals.",
@@ -896,7 +898,7 @@
     "id": "components-contact--wide-image",
     "group": "Components/Contact",
     "name": "WideImage",
-    "code": "<Contact\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'wide',\n    fullWidth: false,\n    src: 'img/people/contact-isabella.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Isabella Doe on Twitter',\n      href: '#',\n      icon: 'twitter',\n      label: '@Isabella_Doe',\n      newTab: false\n    },\n    {\n      ariaLabel: 'Isabella Doe on LinkedIn',\n      href: 'mailto:mail@example.com',\n      icon: 'linkedin',\n      label: 'Isabella.Doe',\n      newTab: false\n    }\n  ]}\n  subtitle=\"Creative Director\"\n  title=\"Isabella Doe\"\n/>",
+    "code": "<Contact\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'wide',\n    fullWidth: false,\n    src: 'img/people/contact-isabella.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Isabella Doe on Twitter',\n      icon: 'twitter',\n      label: '@Isabella_Doe',\n      newTab: false,\n      url: '#'\n    },\n    {\n      ariaLabel: 'Isabella Doe on LinkedIn',\n      icon: 'linkedin',\n      label: 'Isabella.Doe',\n      newTab: false,\n      url: 'mailto:mail@example.com'\n    }\n  ]}\n  subtitle=\"Creative Director\"\n  title=\"Isabella Doe\"\n/>",
     "args": {
       "image": {
         "src": "img/people/contact-isabella.png",
@@ -910,14 +912,14 @@
         {
           "icon": "twitter",
           "label": "@Isabella_Doe",
-          "href": "#",
+          "url": "#",
           "newTab": false,
           "ariaLabel": "Isabella Doe on Twitter"
         },
         {
           "icon": "linkedin",
           "label": "Isabella.Doe",
-          "href": "mailto:mail@example.com",
+          "url": "mailto:mail@example.com",
           "newTab": false,
           "ariaLabel": "Isabella Doe on LinkedIn"
         }
@@ -929,7 +931,7 @@
     "id": "components-contact--circular-avatar",
     "group": "Components/Contact",
     "name": "CircularAvatar",
-    "code": "<Contact\n  copy=\"Leads with a vision for innovative, user-centric web designs\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'square',\n    fullWidth: false,\n    src: 'img/people/author-emily.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: '#',\n      icon: 'twitter',\n      label: '@jane_smith',\n      newTab: false\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: 'mailto:mail@example.com',\n      icon: 'linkedin',\n      label: 'jane.smith',\n      newTab: false\n    }\n  ]}\n  subtitle=\"CEO at DS Agency\"\n  title=\"Jane Smith\"\n/>",
+    "code": "<Contact\n  copy=\"Leads with a vision for innovative, user-centric web designs\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'square',\n    fullWidth: false,\n    src: 'img/people/author-emily.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'twitter',\n      label: '@jane_smith',\n      newTab: false,\n      url: '#'\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'linkedin',\n      label: 'jane.smith',\n      newTab: false,\n      url: 'mailto:mail@example.com'\n    }\n  ]}\n  subtitle=\"CEO at DS Agency\"\n  title=\"Jane Smith\"\n/>",
     "args": {
       "image": {
         "src": "img/people/author-emily.png",
@@ -943,14 +945,14 @@
         {
           "icon": "twitter",
           "label": "@jane_smith",
-          "href": "#",
+          "url": "#",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         },
         {
           "icon": "linkedin",
           "label": "jane.smith",
-          "href": "mailto:mail@example.com",
+          "url": "mailto:mail@example.com",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         }
@@ -963,7 +965,7 @@
     "id": "components-contact--vertical-image-with-paragraph",
     "group": "Components/Contact",
     "name": "VerticalImageWithParagraph",
-    "code": "<Contact\n  copy=\"Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'vertical',\n    fullWidth: false,\n    src: 'img/people/contact-john.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: 'mailto:mail@example.com',\n      icon: 'xing',\n      label: 'john.smith',\n      newTab: false\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: '#',\n      icon: 'twitter',\n      label: '@john_smith',\n      newTab: false\n    }\n  ]}\n  subtitle=\"Sales Representative\"\n  title=\"John Smith\"\n/>",
+    "code": "<Contact\n  copy=\"Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'vertical',\n    fullWidth: false,\n    src: 'img/people/contact-john.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'xing',\n      label: 'john.smith',\n      newTab: false,\n      url: 'mailto:mail@example.com'\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'twitter',\n      label: '@john_smith',\n      newTab: false,\n      url: '#'\n    }\n  ]}\n  subtitle=\"Sales Representative\"\n  title=\"John Smith\"\n/>",
     "args": {
       "image": {
         "src": "img/people/contact-john.png",
@@ -977,14 +979,14 @@
         {
           "icon": "xing",
           "label": "john.smith",
-          "href": "mailto:mail@example.com",
+          "url": "mailto:mail@example.com",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         },
         {
           "icon": "twitter",
           "label": "@john_smith",
-          "href": "#",
+          "url": "#",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         }
@@ -997,7 +999,7 @@
     "id": "components-contact--full-image-width",
     "group": "Components/Contact",
     "name": "FullImageWidth",
-    "code": "<Contact\n  copy=\"Blends artistic flair with technical expertise, creating visually stunning and intuitive websites that captivate users and drive engagement.\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'wide',\n    fullWidth: true,\n    src: 'img/people/contact-jim.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: 'mailto:mail@example.com',\n      icon: 'email',\n      label: 'jim.johnsson@mail.com',\n      newTab: false\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      href: '#',\n      icon: 'facebook',\n      label: '@jim_johnsson',\n      newTab: false\n    }\n  ]}\n  subtitle=\"Lead Designer\"\n  title=\"Jim Johnsson\"\n/>",
+    "code": "<Contact\n  copy=\"Blends artistic flair with technical expertise, creating visually stunning and intuitive websites that captivate users and drive engagement.\"\n  image={{\n    alt: 'Picture of Isabella Doe',\n    aspectRatio: 'wide',\n    fullWidth: true,\n    src: 'img/people/contact-jim.png'\n  }}\n  links={[\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'email',\n      label: 'jim.johnsson@mail.com',\n      newTab: false,\n      url: 'mailto:mail@example.com'\n    },\n    {\n      ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n      icon: 'facebook',\n      label: '@jim_johnsson',\n      newTab: false,\n      url: '#'\n    }\n  ]}\n  subtitle=\"Lead Designer\"\n  title=\"Jim Johnsson\"\n/>",
     "args": {
       "image": {
         "src": "img/people/contact-jim.png",
@@ -1011,14 +1013,14 @@
         {
           "icon": "email",
           "label": "jim.johnsson@mail.com",
-          "href": "mailto:mail@example.com",
+          "url": "mailto:mail@example.com",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         },
         {
           "icon": "facebook",
           "label": "@jim_johnsson",
-          "href": "#",
+          "url": "#",
           "newTab": false,
           "ariaLabel": "Link to Isabella Doe's social media profile"
         }
@@ -1031,7 +1033,7 @@
     "id": "components-cta--banner",
     "group": "Components/Cta",
     "name": "Banner",
-    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact Us',\n      target: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Learn More',\n      target: '#'\n    }\n  ]}\n  headline=\"Ready to Transform Your Development Process?\"\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  sub=\"Start your journey today.\"\n  text=\"Get started with our design system today and experience a new level of efficiency and consistency in your projects.\"\n  textAlign=\"center\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact Us',\n      url: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Learn More',\n      url: '#'\n    }\n  ]}\n  headline=\"Ready to Transform Your Development Process?\"\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  sub=\"Start your journey today.\"\n  text=\"Get started with our design system today and experience a new level of efficiency and consistency in your projects.\"\n  textAlign=\"center\"\n/>",
     "args": {
       "headline": "Ready to Transform Your Development Process?",
       "sub": "Start your journey today.",
@@ -1040,12 +1042,12 @@
       "buttons": [
         {
           "label": "Contact Us",
-          "target": "#",
+          "url": "#",
           "icon": "person"
         },
         {
           "label": "Learn More",
-          "target": "#",
+          "url": "#",
           "icon": "date"
         }
       ],
@@ -1069,7 +1071,7 @@
     "id": "components-cta--highlighted",
     "group": "Components/Cta",
     "name": "Highlighted",
-    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Get Started',\n      target: '#'\n    }\n  ]}\n  headline=\"Why Choose Our Design System?\"\n  highlightText\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  sub=\"Built for consistency and speed.\"\n  text=\"Our design system is built with scalability and efficiency in mind. It allows for consistent UI across different platforms, making your development process smoother and faster.\"\n  textAlign=\"center\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Get Started',\n      url: '#'\n    }\n  ]}\n  headline=\"Why Choose Our Design System?\"\n  highlightText\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  sub=\"Built for consistency and speed.\"\n  text=\"Our design system is built with scalability and efficiency in mind. It allows for consistent UI across different platforms, making your development process smoother and faster.\"\n  textAlign=\"center\"\n/>",
     "args": {
       "headline": "Why Choose Our Design System?",
       "sub": "Built for consistency and speed.",
@@ -1078,7 +1080,7 @@
       "buttons": [
         {
           "label": "Get Started",
-          "target": "#",
+          "url": "#",
           "icon": "person"
         }
       ],
@@ -1102,7 +1104,7 @@
     "id": "components-cta--left-aligned",
     "group": "Components/Cta",
     "name": "LeftAligned",
-    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Learn More',\n      target: '#'\n    }\n  ]}\n  headline=\"Experience Our Design System\"\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  sub=\"Efficient, scalable, seamless.\"\n  text=\"Our design system offers a seamless and efficient way to build scalable applications. Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Learn More',\n      url: '#'\n    }\n  ]}\n  headline=\"Experience Our Design System\"\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  sub=\"Efficient, scalable, seamless.\"\n  text=\"Our design system offers a seamless and efficient way to build scalable applications. Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Experience Our Design System",
       "sub": "Efficient, scalable, seamless.",
@@ -1111,7 +1113,7 @@
       "buttons": [
         {
           "label": "Learn More",
-          "target": "#",
+          "url": "#",
           "icon": "person"
         }
       ],
@@ -1135,7 +1137,7 @@
     "id": "components-cta--product-advertisement",
     "group": "Components/Cta",
     "name": "ProductAdvertisement",
-    "code": "<Cta\n  align=\"center\"\n  backgroundImage=\"img/bg_dot-carpet-blue.svg\"\n  buttons={[\n    {\n      icon: 'chevron-right',\n      label: 'Shop Now',\n      target: '/shop'\n    },\n    {\n      label: 'Learn More',\n      target: '/product-info'\n    }\n  ]}\n  headline=\"Experience Immersive Sound\"\n  highlightText\n  image={{\n    align: 'center',\n    alt: 'Over-Ear Headphones',\n    padding: false,\n    src: 'img/showcases/comp_audio04.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"With Our Premium Over-Ear Headphones\"\n  text=\"Our over-ear headphones provide an immersive audio experience. With noise-cancellation technology and high-quality sound.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  backgroundImage=\"img/bg_dot-carpet-blue.svg\"\n  buttons={[\n    {\n      icon: 'chevron-right',\n      label: 'Shop Now',\n      url: '/shop'\n    },\n    {\n      label: 'Learn More',\n      url: '/product-info'\n    }\n  ]}\n  headline=\"Experience Immersive Sound\"\n  highlightText\n  image={{\n    align: 'center',\n    alt: 'Over-Ear Headphones',\n    padding: false,\n    src: 'img/showcases/comp_audio04.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"With Our Premium Over-Ear Headphones\"\n  text=\"Our over-ear headphones provide an immersive audio experience. With noise-cancellation technology and high-quality sound.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Experience Immersive Sound",
       "sub": "With Our Premium Over-Ear Headphones",
@@ -1144,12 +1146,12 @@
       "buttons": [
         {
           "label": "Shop Now",
-          "target": "/shop",
+          "url": "/shop",
           "icon": "chevron-right"
         },
         {
           "label": "Learn More",
-          "target": "/product-info"
+          "url": "/product-info"
         }
       ],
       "image": {
@@ -1175,7 +1177,7 @@
     "id": "components-cta--contact-banner",
     "group": "Components/Cta",
     "name": "ContactBanner",
-    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact us',\n      target: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Book a meeting',\n      target: '#'\n    }\n  ]}\n  headline=\"Get in touch\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/contact-person.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Chat with us about getting your product or platform to market faster\"\n  text=\"Our modular design approach allows for flexibility and scalability in your application's architecture.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact us',\n      url: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Book a meeting',\n      url: '#'\n    }\n  ]}\n  headline=\"Get in touch\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/contact-person.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Chat with us about getting your product or platform to market faster\"\n  text=\"Our modular design approach allows for flexibility and scalability in your application's architecture.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Get in touch",
       "sub": "Chat with us about getting your product or platform to market faster",
@@ -1185,12 +1187,12 @@
         {
           "label": "Contact us",
           "icon": "person",
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Book a meeting",
           "icon": "date",
-          "target": "#"
+          "url": "#"
         }
       ],
       "image": {
@@ -1214,7 +1216,7 @@
     "id": "components-cta--split-banner",
     "group": "Components/Cta",
     "name": "SplitBanner",
-    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#001856\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'What can we do for you?',\n      target: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Design System Services\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/colored-square.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Here at Systemics, we bring a range of design system services that can make a difference.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#001856\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'What can we do for you?',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Design System Services\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/colored-square.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Here at Systemics, we bring a range of design system services that can make a difference.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Design System Services",
       "sub": "Subheadline",
@@ -1224,7 +1226,7 @@
         {
           "label": "What can we do for you?",
           "icon": "person",
-          "target": "#"
+          "url": "#"
         }
       ],
       "image": {
@@ -1249,7 +1251,7 @@
     "id": "components-cta--angled-image",
     "group": "Components/Cta",
     "name": "AngledImage",
-    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact us',\n      target: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Book a meeting',\n      target: '#'\n    }\n  ]}\n  headline=\"Our **Approach** to Design Systems\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/angled-image.png'\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"We value efficiency without compromising quality. Our secret weapon? kickstartDS, a revolutionary code-first and open source framework for creating design systems.\n\nThis tool accelerates our development, saving you valuable time and helping us deliver top-notch results faster.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact us',\n      url: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Book a meeting',\n      url: '#'\n    }\n  ]}\n  headline=\"Our **Approach** to Design Systems\"\n  image={{\n    align: 'center',\n    padding: false,\n    src: 'img/angled-image.png'\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"We value efficiency without compromising quality. Our secret weapon? kickstartDS, a revolutionary code-first and open source framework for creating design systems.\n\nThis tool accelerates our development, saving you valuable time and helping us deliver top-notch results faster.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Our **Approach** to Design Systems",
       "sub": "Subheadline",
@@ -1259,12 +1261,12 @@
         {
           "label": "Contact us",
           "icon": "person",
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Book a meeting",
           "icon": "date",
-          "target": "#"
+          "url": "#"
         }
       ],
       "image": {
@@ -1288,7 +1290,7 @@
     "id": "components-cta--colored-banner",
     "group": "Components/Cta",
     "name": "ColoredBanner",
-    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#a30051\"\n  buttons={[\n    {\n      label: 'Learn More',\n      target: '#'\n    },\n    {\n      label: 'Contact Us',\n      target: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Expertise in Scalable Solutions\"\n  highlightText\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Leverage our expertise in creating scalable and robust applications using modern technologies.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"center\"\n  backgroundColor=\"#a30051\"\n  buttons={[\n    {\n      label: 'Learn More',\n      url: '#'\n    },\n    {\n      label: 'Contact Us',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Expertise in Scalable Solutions\"\n  highlightText\n  image={{\n    align: 'center',\n    padding: true\n  }}\n  order={{\n    desktopImageLast: true,\n    mobileImageLast: false\n  }}\n  padding\n  sub=\"Subheadline\"\n  text=\"Leverage our expertise in creating scalable and robust applications using modern technologies.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Expertise in Scalable Solutions",
       "sub": "Subheadline",
@@ -1297,11 +1299,11 @@
       "buttons": [
         {
           "label": "Learn More",
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Contact Us",
-          "target": "#"
+          "url": "#"
         }
       ],
       "image": {
@@ -1325,7 +1327,7 @@
     "id": "components-cta--align-bottom",
     "group": "Components/Cta",
     "name": "AlignBottom",
-    "code": "<Cta\n  align=\"bottom\"\n  backgroundImage=\"img/grid-bg.svg\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact us',\n      target: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Book a meeting',\n      target: '#'\n    }\n  ]}\n  headline=\"Custom Solutions\"\n  image={{\n    align: 'center',\n    padding: true,\n    src: 'img/offset-image.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  sub=\"Subheadline\"\n  text=\"At Systemics, we believe in the power of technology to transform businesses. Our team of experienced professionals is dedicated to providing innovative solutions that meet the unique needs of your business.\n\nWe understand that every business is different, and that's why we offer custom solutions tailored to your specific business needs and requirements.\"\n  textAlign=\"left\"\n/>",
+    "code": "<Cta\n  align=\"bottom\"\n  backgroundImage=\"img/grid-bg.svg\"\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Contact us',\n      url: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Book a meeting',\n      url: '#'\n    }\n  ]}\n  headline=\"Custom Solutions\"\n  image={{\n    align: 'center',\n    padding: true,\n    src: 'img/offset-image.png'\n  }}\n  order={{\n    desktopImageLast: false,\n    mobileImageLast: false\n  }}\n  sub=\"Subheadline\"\n  text=\"At Systemics, we believe in the power of technology to transform businesses. Our team of experienced professionals is dedicated to providing innovative solutions that meet the unique needs of your business.\n\nWe understand that every business is different, and that's why we offer custom solutions tailored to your specific business needs and requirements.\"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "Custom Solutions",
       "sub": "Subheadline",
@@ -1335,12 +1337,12 @@
         {
           "label": "Contact us",
           "icon": "person",
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Book a meeting",
           "icon": "date",
-          "target": "#"
+          "url": "#"
         }
       ],
       "image": {
@@ -1541,15 +1543,23 @@
     "id": "event-event-latest--default",
     "group": "Event/ Event Latest",
     "name": "Default",
-    "code": "<EventLatest\n  events={[\n    {\n      date: '12/30/2022',\n      headline: 'Event 1',\n      link: {\n        text: 'Show event 1',\n        url: 'https://example.com/event1'\n      },\n      location: 'Location 1'\n    },\n    {\n      date: '01/15/2023',\n      headline: 'Event 2',\n      link: {\n        text: 'Show event 2',\n        url: 'https://example.com/event2'\n      },\n      location: 'Location 2'\n    }\n  ]}\n  headline=\"Latest events\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  text=\"Check out our upcoming events and mark your calendar!\"\n/>",
+    "code": "<EventLatest\n  events={[\n    {\n      ariaLabel: 'Event teaser for ',\n      calendar: {\n        day: '30',\n        month: 'Dec'\n      },\n      cta: 'Show event',\n      date: '12/30/2022',\n      headline: 'Event 1',\n      link: {\n        text: 'Show event 1',\n        url: 'https://example.com/event1'\n      },\n      location: 'Location 1',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      ariaLabel: 'Event teaser for ',\n      calendar: {\n        day: '30',\n        month: 'Dec'\n      },\n      cta: 'Show event',\n      date: '01/15/2023',\n      headline: 'Event 2',\n      link: {\n        text: 'Show event 2',\n        url: 'https://example.com/event2'\n      },\n      location: 'Location 2',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    }\n  ]}\n  headline=\"Latest events\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  text=\"Check out our upcoming events and mark your calendar!\"\n/>",
     "args": {
       "headline": "Latest events",
       "text": "Check out our upcoming events and mark your calendar!",
       "events": [
         {
           "date": "12/30/2022",
-          "headline": "Event 1",
+          "calendar": {
+            "month": "Dec",
+            "day": "30"
+          },
+          "title": "This is a event teaser title",
           "location": "Location 1",
+          "url": "https://example.com",
+          "cta": "Show event",
+          "ariaLabel": "Event teaser for ",
+          "headline": "Event 1",
           "link": {
             "url": "https://example.com/event1",
             "text": "Show event 1"
@@ -1557,8 +1567,16 @@
         },
         {
           "date": "01/15/2023",
-          "headline": "Event 2",
+          "calendar": {
+            "month": "Dec",
+            "day": "30"
+          },
+          "title": "This is a event teaser title",
           "location": "Location 2",
+          "url": "https://example.com",
+          "cta": "Show event",
+          "ariaLabel": "Event teaser for ",
+          "headline": "Event 2",
           "link": {
             "url": "https://example.com/event2",
             "text": "Show event 2"
@@ -1576,12 +1594,12 @@
     "id": "event-event-list-appointment--default",
     "group": "Event/ Event List Appointment",
     "name": "Default",
-    "code": "<EventListAppointment\n  ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n  date=\"2025-09-18\"\n  href=\"#\"\n  label=\"Register\"\n  newTab\n  time=\"09:00 – 17:00\"\n/>",
+    "code": "<EventListAppointment\n  ariaLabel=\"Register for the event on 18th September 2025 from 09:00 to 17:00\"\n  date=\"2025-09-18\"\n  label=\"Register\"\n  newTab\n  time=\"09:00 – 17:00\"\n  url=\"#\"\n/>",
     "args": {
       "date": "2025-09-18",
       "time": "09:00 – 17:00",
       "label": "Register",
-      "href": "#",
+      "url": "#",
       "newTab": true,
       "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
     },
@@ -1591,14 +1609,14 @@
     "id": "event-event-list-location--default",
     "group": "Event/ Event List Location",
     "name": "Default",
-    "code": "<EventListLocation\n  address=\"Alexanderplatz 1<br />\n  10178 Berlin\"\n  dates={[\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      href: '#',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00'\n    },\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      href: '#',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00'\n    }\n  ]}\n  links={[\n    {\n      href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n      label: 'Open in Google Maps',\n      newTab: true\n    },\n    {\n      href: 'https://maps.google.com/?q=Berlin+Congress+Center',\n      label: 'Location Website',\n      newTab: true\n    }\n  ]}\n  locationName=\"Berlin Congress Center\"\n/>",
+    "code": "<EventListLocation\n  address=\"Alexanderplatz 1<br />\n  10178 Berlin\"\n  dates={[\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    },\n    {\n      ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n      date: '2025-09-18',\n      label: 'Register',\n      newTab: true,\n      time: '09:00 – 17:00',\n      url: '#'\n    }\n  ]}\n  links={[\n    {\n      label: 'Open in Google Maps',\n      newTab: true,\n      url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    },\n    {\n      label: 'Location Website',\n      newTab: true,\n      url: 'https://maps.google.com/?q=Berlin+Congress+Center'\n    }\n  ]}\n  locationName=\"Berlin Congress Center\"\n/>",
     "args": {
       "dates": [
         {
           "date": "2025-09-18",
           "time": "09:00 – 17:00",
           "label": "Register",
-          "href": "#",
+          "url": "#",
           "newTab": true,
           "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
         },
@@ -1606,7 +1624,7 @@
           "date": "2025-09-18",
           "time": "09:00 – 17:00",
           "label": "Register",
-          "href": "#",
+          "url": "#",
           "newTab": true,
           "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
         }
@@ -1616,12 +1634,12 @@
       "links": [
         {
           "newTab": true,
-          "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+          "url": "https://maps.google.com/?q=Berlin+Congress+Center",
           "label": "Open in Google Maps"
         },
         {
           "newTab": true,
-          "href": "https://maps.google.com/?q=Berlin+Congress+Center",
+          "url": "https://maps.google.com/?q=Berlin+Congress+Center",
           "label": "Location Website"
         }
       ]
@@ -1632,11 +1650,18 @@
     "id": "event-event-teaser--default",
     "group": "Event/ Event Teaser",
     "name": "Default",
-    "code": "<EventTeaser\n  date=\"12/30/2022\"\n  headline=\"The Future of AI\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location=\"Berlin, Germany\"\n/>",
+    "code": "<EventTeaser\n  ariaLabel=\"Event teaser for \"\n  calendar={{\n    day: '30',\n    month: 'Dec'\n  }}\n  cta=\"Show event\"\n  date=\"12/30/2025\"\n  link={{\n    text: 'Show event',\n    url: '#'\n  }}\n  location=\"Berlin, Germany\"\n  title=\"The Future of AI\"\n  url=\"https://example.com\"\n/>",
     "args": {
-      "date": "12/30/2022",
-      "headline": "The Future of AI",
+      "date": "12/30/2025",
+      "calendar": {
+        "month": "Dec",
+        "day": "30"
+      },
+      "title": "The Future of AI",
       "location": "Berlin, Germany",
+      "url": "https://example.com",
+      "cta": "Show event",
+      "ariaLabel": "Event teaser for ",
       "link": {
         "url": "#",
         "text": "Show event"
@@ -1686,7 +1711,7 @@
     "id": "components-features--icon-centered",
     "group": "Components/Features",
     "name": "IconCentered",
-    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        target: '#'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"centered\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        url: '#'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        url: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        url: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        url: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        url: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        url: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"centered\"\n/>",
     "args": {
       "layout": "largeTiles",
       "style": "centered",
@@ -1700,7 +1725,7 @@
           "title": "Scalable Architecture",
           "text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Learn more",
             "icon": "arrow-right"
           }
@@ -1710,7 +1735,7 @@
           "title": "Efficient Development",
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Get started",
             "icon": "arrow-right"
           }
@@ -1720,7 +1745,7 @@
           "title": "Consistent UI",
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Explore",
             "icon": "arrow-right"
           }
@@ -1730,7 +1755,7 @@
           "title": "Customizable Design",
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Customize",
             "icon": "arrow-right"
           }
@@ -1740,7 +1765,7 @@
           "title": "Cloud Ready",
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Deploy",
             "icon": "arrow-right"
           }
@@ -1750,7 +1775,7 @@
           "title": "Secure",
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Secure",
             "icon": "arrow-right"
           }
@@ -1763,7 +1788,7 @@
     "id": "components-features--stack-with-button",
     "group": "Components/Features",
     "name": "StackWithButton",
-    "code": "<Features\n  ctas={{\n    style: 'button',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"stack\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'button',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        url: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        url: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        url: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        url: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"stack\"\n/>",
     "args": {
       "layout": "smallTiles",
       "style": "stack",
@@ -1777,7 +1802,7 @@
           "title": "Consistent UI",
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Explore",
             "icon": "arrow-right"
           }
@@ -1787,7 +1812,7 @@
           "title": "Customizable Design",
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Customize",
             "icon": "arrow-right"
           }
@@ -1797,7 +1822,7 @@
           "title": "Cloud Ready",
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Deploy",
             "icon": "arrow-right"
           }
@@ -1807,7 +1832,7 @@
           "title": "Secure",
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Secure",
             "icon": "arrow-right"
           }
@@ -1820,7 +1845,7 @@
     "id": "components-features--list-view",
     "group": "Components/Features",
     "name": "ListView",
-    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: false\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        target: '#'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"list\"\n  style=\"besideLarge\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: false\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        url: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        url: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        url: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        url: '#'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        url: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        url: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"list\"\n  style=\"besideLarge\"\n/>",
     "args": {
       "layout": "list",
       "style": "besideLarge",
@@ -1834,7 +1859,7 @@
           "title": "Customizable Design",
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Customize",
             "icon": "arrow-right"
           }
@@ -1844,7 +1869,7 @@
           "title": "Efficient Development",
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Get started",
             "icon": "arrow-right"
           }
@@ -1854,7 +1879,7 @@
           "title": "Consistent UI",
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Explore",
             "icon": "arrow-right"
           }
@@ -1864,7 +1889,7 @@
           "title": "Scalable Architecture",
           "text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Learn more",
             "icon": "arrow-right"
           }
@@ -1874,7 +1899,7 @@
           "title": "Cloud Ready",
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Deploy",
             "icon": "arrow-right"
           }
@@ -1884,7 +1909,7 @@
           "title": "Secure",
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Secure",
             "icon": "arrow-right"
           }
@@ -1897,7 +1922,7 @@
     "id": "components-features--icon-beside-with-link-in-text",
     "group": "Components/Features",
     "name": "IconBesideWithLinkInText",
-    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        target: '#'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"intext\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'intext',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Learn more',\n        url: '#'\n      },\n      icon: 'home',\n      text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n      title: 'Scalable Architecture'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        url: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        url: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        url: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        url: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        url: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"smallTiles\"\n  style=\"intext\"\n/>",
     "args": {
       "layout": "smallTiles",
       "style": "intext",
@@ -1911,7 +1936,7 @@
           "title": "Scalable Architecture",
           "text": "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Learn more",
             "icon": "arrow-right"
           }
@@ -1921,7 +1946,7 @@
           "title": "Efficient Development",
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Get started",
             "icon": "arrow-right"
           }
@@ -1931,7 +1956,7 @@
           "title": "Consistent UI",
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Explore",
             "icon": "arrow-right"
           }
@@ -1941,7 +1966,7 @@
           "title": "Customizable Design",
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Customize",
             "icon": "arrow-right"
           }
@@ -1951,7 +1976,7 @@
           "title": "Cloud Ready",
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Deploy",
             "icon": "arrow-right"
           }
@@ -1961,7 +1986,7 @@
           "title": "Secure",
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Secure",
             "icon": "arrow-right"
           }
@@ -1974,7 +1999,7 @@
     "id": "components-features--icon-intext-with-link",
     "group": "Components/Features",
     "name": "IconIntextWithLink",
-    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        target: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        target: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        target: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        target: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        target: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"intext\"\n/>",
+    "code": "<Features\n  ctas={{\n    style: 'link',\n    toggle: true\n  }}\n  feature={[\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Customize',\n        url: '#'\n      },\n      icon: 'star',\n      text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n      title: 'Customizable Design'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Get started',\n        url: '#'\n      },\n      icon: 'map',\n      text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n      title: 'Efficient Development'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Explore',\n        url: '#'\n      },\n      icon: 'person',\n      text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n      title: 'Consistent UI'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Deploy',\n        url: '#'\n      },\n      icon: 'upload',\n      text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n      title: 'Cloud Ready'\n    },\n    {\n      cta: {\n        icon: 'arrow-right',\n        label: 'Secure',\n        url: '#'\n      },\n      icon: 'login',\n      text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n      title: 'Secure'\n    }\n  ]}\n  layout=\"largeTiles\"\n  style=\"intext\"\n/>",
     "args": {
       "layout": "largeTiles",
       "style": "intext",
@@ -1988,7 +2013,7 @@
           "title": "Customizable Design",
           "text": "Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Customize",
             "icon": "arrow-right"
           }
@@ -1998,7 +2023,7 @@
           "title": "Efficient Development",
           "text": "Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Get started",
             "icon": "arrow-right"
           }
@@ -2008,7 +2033,7 @@
           "title": "Consistent UI",
           "text": "Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Explore",
             "icon": "arrow-right"
           }
@@ -2018,7 +2043,7 @@
           "title": "Cloud Ready",
           "text": "Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Deploy",
             "icon": "arrow-right"
           }
@@ -2028,7 +2053,7 @@
           "title": "Secure",
           "text": "Security is our priority. Our design system is built with best security practices to keep your application safe.",
           "cta": {
-            "target": "#",
+            "url": "#",
             "label": "Secure",
             "icon": "arrow-right"
           }
@@ -2041,7 +2066,7 @@
     "id": "layout-footer--footer",
     "group": "Layout/Footer",
     "name": "Footer",
-    "code": "<Footer\n  byline=\"© 2024 systemics Inc. All rights reserved.\"\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    inverted: false,\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      active: true,\n      href: '#',\n      label: 'Active Item'\n    },\n    {\n      href: '#',\n      label: 'Navigation Item'\n    },\n    {\n      href: '#',\n      items: [\n        {\n          href: '#',\n          label: 'Level 2 Item'\n        },\n        {\n          active: true,\n          href: '#',\n          label: 'Active Item'\n        },\n        {\n          href: '#',\n          label: 'An Item with a longer Label'\n        },\n        {\n          href: '#',\n          label: 'And One last one'\n        }\n      ],\n      label: 'Dropdown'\n    },\n    {\n      href: '#',\n      label: 'One more Item'\n    },\n    {\n      href: '#',\n      label: 'Last Item'\n    }\n  ]}\n/>",
+    "code": "<Footer\n  byline=\"© 2024 systemics Inc. All rights reserved.\"\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    inverted: false,\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      active: true,\n      label: 'Active Item',\n      url: '#'\n    },\n    {\n      label: 'Navigation Item',\n      url: '#'\n    },\n    {\n      items: [\n        {\n          label: 'Level 2 Item',\n          url: '#'\n        },\n        {\n          active: true,\n          label: 'Active Item',\n          url: '#'\n        },\n        {\n          label: 'An Item with a longer Label',\n          url: '#'\n        },\n        {\n          label: 'And One last one',\n          url: '#'\n        }\n      ],\n      label: 'Dropdown',\n      url: '#'\n    },\n    {\n      label: 'One more Item',\n      url: '#'\n    },\n    {\n      label: 'Last Item',\n      url: '#'\n    }\n  ]}\n/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -2056,43 +2081,43 @@
       "inverted": false,
       "navItems": [
         {
-          "href": "#",
+          "url": "#",
           "label": "Active Item",
           "active": true
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "Navigation Item"
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "Dropdown",
           "items": [
             {
-              "href": "#",
+              "url": "#",
               "label": "Level 2 Item"
             },
             {
-              "href": "#",
+              "url": "#",
               "label": "Active Item",
               "active": true
             },
             {
-              "href": "#",
+              "url": "#",
               "label": "An Item with a longer Label"
             },
             {
-              "href": "#",
+              "url": "#",
               "label": "And One last one"
             }
           ]
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "One more Item"
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "Last Item"
         }
       ]
@@ -2274,7 +2299,7 @@
     "id": "layout-header--header",
     "group": "Layout/Header",
     "name": "Header",
-    "code": "<Header\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      active: true,\n      href: '#',\n      label: 'Active Item'\n    },\n    {\n      href: '#',\n      label: 'Navigation Item'\n    },\n    {\n      href: '#',\n      items: [\n        {\n          href: '#',\n          label: 'Level 2 Item'\n        },\n        {\n          active: true,\n          href: '#',\n          label: 'Active Item'\n        },\n        {\n          href: '#',\n          label: 'An Item with a longer Label'\n        },\n        {\n          href: '#',\n          label: 'And One last one'\n        }\n      ],\n      label: 'Dropdown'\n    },\n    {\n      href: '#',\n      label: 'One more Item'\n    },\n    {\n      href: '#',\n      label: 'Last Item'\n    }\n  ]}\n/>",
+    "code": "<Header\n  logo={{\n    alt: 'Systemics Logo',\n    height: 40,\n    homepageHref: '#',\n    src: '/logo.svg',\n    srcInverted: '/logo-inverted.svg',\n    width: 176\n  }}\n  navItems={[\n    {\n      active: true,\n      label: 'Active Item',\n      url: '#'\n    },\n    {\n      label: 'Navigation Item',\n      url: '#'\n    },\n    {\n      items: [\n        {\n          label: 'Level 2 Item',\n          url: '#'\n        },\n        {\n          active: true,\n          label: 'Active Item',\n          url: '#'\n        },\n        {\n          label: 'An Item with a longer Label',\n          url: '#'\n        },\n        {\n          label: 'And One last one',\n          url: '#'\n        }\n      ],\n      label: 'Dropdown',\n      url: '#'\n    },\n    {\n      label: 'One more Item',\n      url: '#'\n    },\n    {\n      label: 'Last Item',\n      url: '#'\n    }\n  ]}\n/>",
     "args": {
       "logo": {
         "src": "/logo.svg",
@@ -2290,43 +2315,43 @@
       "inverted": false,
       "navItems": [
         {
-          "href": "#",
+          "url": "#",
           "label": "Active Item",
           "active": true
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "Navigation Item"
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "Dropdown",
           "items": [
             {
-              "href": "#",
+              "url": "#",
               "label": "Level 2 Item"
             },
             {
-              "href": "#",
+              "url": "#",
               "label": "Active Item",
               "active": true
             },
             {
-              "href": "#",
+              "url": "#",
               "label": "An Item with a longer Label"
             },
             {
-              "href": "#",
+              "url": "#",
               "label": "And One last one"
             }
           ]
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "One more Item"
         },
         {
-          "href": "#",
+          "url": "#",
           "label": "Last Item"
         }
       ]
@@ -2438,7 +2463,7 @@
     "id": "components-hero--text-below-image",
     "group": "Components/Hero",
     "name": "TextBelowImage",
-    "code": "<Hero\n  buttons={[\n    {\n      icon: 'arrow-down',\n      label: 'Explore further',\n      target: '#'\n    }\n  ]}\n  headline=\"Welcome to Our Dynamic Workplace\"\n  height=\"default\"\n  highlightText\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/colleagues-work-office-using-computers-looking-aside.png',\n    srcMobile: 'img/colleagues-work-office-using-computers-looking-aside.png',\n    srcTablet: 'img/colleagues-work-office-using-computers-looking-aside.png'\n  }}\n  overlay\n  sub=\"Where Creativity Meets Innovation\"\n  text=\"Experience the perfect blend of creativity, innovation, and productivity in our modern office environment.\"\n  textPosition=\"below\"\n/>",
+    "code": "<Hero\n  buttons={[\n    {\n      icon: 'arrow-down',\n      label: 'Explore further',\n      url: '#'\n    }\n  ]}\n  headline=\"Welcome to Our Dynamic Workplace\"\n  height=\"default\"\n  highlightText\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/colleagues-work-office-using-computers-looking-aside.png',\n    srcMobile: 'img/colleagues-work-office-using-computers-looking-aside.png',\n    srcTablet: 'img/colleagues-work-office-using-computers-looking-aside.png'\n  }}\n  overlay\n  sub=\"Where Creativity Meets Innovation\"\n  text=\"Experience the perfect blend of creativity, innovation, and productivity in our modern office environment.\"\n  textPosition=\"below\"\n/>",
     "args": {
       "highlightText": true,
       "colorNeutral": false,
@@ -2448,7 +2473,7 @@
         {
           "label": "Explore further",
           "icon": "arrow-down",
-          "target": "#"
+          "url": "#"
         }
       ],
       "overlay": true,
@@ -2471,7 +2496,7 @@
     "id": "components-hero--text-on-image-with-overlay",
     "group": "Components/Hero",
     "name": "TextOnImageWithOverlay",
-    "code": "<Hero\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Meet Us',\n      target: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Schedule a Meeting',\n      target: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Master Scalable Solutions\"\n  height=\"fullImage\"\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/top-view-desk-with-keyboard-drawing-pad.png',\n    srcMobile: 'img/top-view-desk-with-keyboard-drawing-pad.png',\n    srcTablet: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n  }}\n  overlay\n  text=\"Harness our expertise in crafting scalable and robust applications using cutting-edge technologies.\"\n  textPosition=\"center\"\n/>",
+    "code": "<Hero\n  buttons={[\n    {\n      icon: 'person',\n      label: 'Meet Us',\n      url: '#'\n    },\n    {\n      icon: 'date',\n      label: 'Schedule a Meeting',\n      url: '#'\n    }\n  ]}\n  colorNeutral\n  headline=\"Master Scalable Solutions\"\n  height=\"fullImage\"\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/top-view-desk-with-keyboard-drawing-pad.png',\n    srcMobile: 'img/top-view-desk-with-keyboard-drawing-pad.png',\n    srcTablet: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n  }}\n  overlay\n  text=\"Harness our expertise in crafting scalable and robust applications using cutting-edge technologies.\"\n  textPosition=\"center\"\n/>",
     "args": {
       "highlightText": false,
       "colorNeutral": true,
@@ -2481,12 +2506,12 @@
         {
           "label": "Meet Us",
           "icon": "person",
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Schedule a Meeting",
           "icon": "date",
-          "target": "#"
+          "url": "#"
         }
       ],
       "overlay": true,
@@ -2508,7 +2533,7 @@
     "id": "components-hero--text-box-on-full-screen",
     "group": "Components/Hero",
     "name": "TextBoxOnFullScreen",
-    "code": "<Hero\n  buttons={[\n    {\n      icon: 'arrow-right',\n      label: 'Discover More',\n      target: '#'\n    },\n    {\n      icon: 'phone',\n      label: 'Reach Out',\n      target: '#'\n    }\n  ]}\n  headline=\"Discover Our Design System\"\n  height=\"fullScreen\"\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/people-brainstorming-work-meeting.png',\n    srcMobile: 'img/people-brainstorming-work-meeting.png',\n    srcTablet: 'img/people-brainstorming-work-meeting.png'\n  }}\n  sub=\"Scalable. Efficient. Seamless.\"\n  text=\"Our design system provides a seamless and efficient framework for building scalable applications. Experience unprecedented speed and scalability with our Headless CMS powered websites, web apps & composable architecture.\"\n  textPosition=\"left\"\n  textbox\n/>",
+    "code": "<Hero\n  buttons={[\n    {\n      icon: 'arrow-right',\n      label: 'Discover More',\n      url: '#'\n    },\n    {\n      icon: 'phone',\n      label: 'Reach Out',\n      url: '#'\n    }\n  ]}\n  headline=\"Discover Our Design System\"\n  height=\"fullScreen\"\n  image={{\n    indent: 'none',\n    src: 'https://picsum.photos/seed/kdsvisual/640/270',\n    srcDesktop: 'img/people-brainstorming-work-meeting.png',\n    srcMobile: 'img/people-brainstorming-work-meeting.png',\n    srcTablet: 'img/people-brainstorming-work-meeting.png'\n  }}\n  sub=\"Scalable. Efficient. Seamless.\"\n  text=\"Our design system provides a seamless and efficient framework for building scalable applications. Experience unprecedented speed and scalability with our Headless CMS powered websites, web apps & composable architecture.\"\n  textPosition=\"left\"\n  textbox\n/>",
     "args": {
       "highlightText": false,
       "colorNeutral": false,
@@ -2518,12 +2543,12 @@
         {
           "label": "Discover More",
           "icon": "arrow-right",
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Reach Out",
           "icon": "phone",
-          "target": "#"
+          "url": "#"
         }
       ],
       "overlay": false,
@@ -2589,7 +2614,7 @@
     "id": "components-image-story--sticky-image-next-to-scrolling-text",
     "group": "Components/Image Story",
     "name": "StickyImageNextToScrollingText",
-    "code": "<ImageStory\n  buttons={[\n    {\n      disabled: false,\n      label: 'Learn More',\n      size: 'medium',\n      target: '#',\n      variant: 'secondary'\n    },\n    {\n      disabled: false,\n      label: 'Contact Us',\n      size: 'medium',\n      target: '#',\n      variant: 'secondary'\n    }\n  ]}\n  headline=\"The Sanity & Next.js Experts\"\n  image={{\n    aspectRatio: 'unset',\n    src: 'img/full-shot-different-people-working-together.png',\n    vAlign: 'top'\n  }}\n  largeHeadline\n  layout=\"imageLeft\"\n  sub=\"Subheadline\"\n  text=\"\nHere at Systemics, we bring a range of design system services that can make a difference:\n\n### 1. Design System Consulting\nLet's work side by side to shape a design system strategy that aligns perfectly with your goals. It's not just about tools; it's about guiding principles, stakeholder management und making the right decisions at the right time.\n\n### 2. Design System Creation & Development\nWe'll bring your design system from concept to production, giving you consistent and engaging user experiences across different platforms. We will work together with your digital teams to transfer all complex Figma ideas into code using kickstartDS.\n\n### 3. Headless CMS & Websites\nWe leverage the power of headless CMSs to provide scalable, flexible, and versatile websites that drive your online presence.\n\n### 4. Design System Training\nWe empower your digital teams with the knowledge and skills to manage and evolve your design system effectively.\n\nReady to make your digital journey exceptional?\n    \"\n  textAlign=\"left\"\n/>",
+    "code": "<ImageStory\n  buttons={[\n    {\n      disabled: false,\n      label: 'Learn More',\n      size: 'medium',\n      url: '#',\n      variant: 'secondary'\n    },\n    {\n      disabled: false,\n      label: 'Contact Us',\n      size: 'medium',\n      url: '#',\n      variant: 'secondary'\n    }\n  ]}\n  headline=\"The Sanity & Next.js Experts\"\n  image={{\n    aspectRatio: 'unset',\n    src: 'img/full-shot-different-people-working-together.png',\n    vAlign: 'top'\n  }}\n  largeHeadline\n  layout=\"imageLeft\"\n  sub=\"Subheadline\"\n  text=\"\nHere at Systemics, we bring a range of design system services that can make a difference:\n\n### 1. Design System Consulting\nLet's work side by side to shape a design system strategy that aligns perfectly with your goals. It's not just about tools; it's about guiding principles, stakeholder management und making the right decisions at the right time.\n\n### 2. Design System Creation & Development\nWe'll bring your design system from concept to production, giving you consistent and engaging user experiences across different platforms. We will work together with your digital teams to transfer all complex Figma ideas into code using kickstartDS.\n\n### 3. Headless CMS & Websites\nWe leverage the power of headless CMSs to provide scalable, flexible, and versatile websites that drive your online presence.\n\n### 4. Design System Training\nWe empower your digital teams with the knowledge and skills to manage and evolve your design system effectively.\n\nReady to make your digital journey exceptional?\n    \"\n  textAlign=\"left\"\n/>",
     "args": {
       "headline": "The Sanity & Next.js Experts",
       "largeHeadline": true,
@@ -2602,14 +2627,14 @@
           "variant": "secondary",
           "size": "medium",
           "disabled": false,
-          "target": "#"
+          "url": "#"
         },
         {
           "label": "Contact Us",
           "variant": "secondary",
           "size": "medium",
           "disabled": false,
-          "target": "#"
+          "url": "#"
         }
       ],
       "image": {
@@ -2960,7 +2985,7 @@
     "id": "layout-section--cards",
     "group": "Layout/Section",
     "name": "Cards",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'tile',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'tile',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -2991,7 +3016,7 @@
     "id": "layout-section--slider",
     "group": "Layout/Section",
     "name": "Slider",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'slider',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    text: 'Section headline',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'slider',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    text: 'Section headline',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3021,7 +3046,7 @@
     "id": "layout-section--inverted",
     "group": "Layout/Section",
     "name": "Inverted",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  inverted\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  inverted\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3052,7 +3077,7 @@
     "id": "layout-section--background-image",
     "group": "Layout/Section",
     "name": "BackgroundImage",
-    "code": "<Section\n  backgroundColor=\"default\"\n  backgroundImage=\"/img/bg_dot-carpet-blue.svg\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'default',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  backgroundImage=\"/img/bg_dot-carpet-blue.svg\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'default',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3084,7 +3109,7 @@
     "id": "layout-section--spotlight",
     "group": "Layout/Section",
     "name": "Spotlight",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  spotlight\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  spotlight\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3115,7 +3140,7 @@
     "id": "layout-section--stagelights",
     "group": "Layout/Section",
     "name": "Stagelights",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  style=\"stagelights\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  style=\"stagelights\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3148,7 +3173,7 @@
     "id": "layout-section--accent-background",
     "group": "Layout/Section",
     "name": "AccentBackground",
-    "code": "<Section\n  backgroundColor=\"accent\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"accent\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "accent",
@@ -3180,7 +3205,7 @@
     "id": "layout-section--bold-background",
     "group": "Layout/Section",
     "name": "BoldBackground",
-    "code": "<Section\n  backgroundColor=\"bold\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"bold\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "bold",
@@ -3212,7 +3237,7 @@
     "id": "layout-section--colorful-gradient",
     "group": "Layout/Section",
     "name": "ColorfulGradient",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  style=\"horizontalGradient\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  style=\"horizontalGradient\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3245,7 +3270,7 @@
     "id": "layout-section--with-buttons",
     "group": "Layout/Section",
     "name": "WithButtons",
-    "code": "<Section\n  backgroundColor=\"default\"\n  buttons={[\n    {\n      disabled: false,\n      icon: 'arrow-right',\n      label: 'All Showcases',\n      size: 'medium',\n      variant: 'secondary'\n    },\n    {\n      disabled: false,\n      icon: 'date',\n      label: 'Book a meeting',\n      size: 'medium',\n      variant: 'secondary'\n    }\n  ]}\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  buttons={[\n    {\n      disabled: false,\n      icon: 'arrow-right',\n      label: 'All Showcases',\n      size: 'medium',\n      variant: 'secondary'\n    },\n    {\n      disabled: false,\n      icon: 'date',\n      label: 'Book a meeting',\n      size: 'medium',\n      variant: 'secondary'\n    }\n  ]}\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3292,7 +3317,7 @@
     "id": "layout-section--tile-layout",
     "group": "Layout/Section",
     "name": "TileLayout",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'tile',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"max\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'tile',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"max\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "max",
       "backgroundColor": "default",
@@ -3324,7 +3349,7 @@
     "id": "layout-section--flex-layout",
     "group": "Layout/Section",
     "name": "FlexLayout",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"max\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"max\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "max",
       "backgroundColor": "default",
@@ -3356,7 +3381,7 @@
     "id": "layout-section--list-layout",
     "group": "Layout/Section",
     "name": "ListLayout",
-    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</Section>",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'list',\n    tileWidth: 'default',\n    width: 'unset'\n  }}\n  headline={{\n    align: 'center',\n    large: false,\n    sub: 'We can create something shining for you too!',\n    text: 'Happy Customers Showcases',\n    width: 'unset'\n  }}\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  transition=\"default\"\n  width=\"default\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    label=\"Freshest Fruit\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'Go to Page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
       "backgroundColor": "default",
@@ -3388,7 +3413,7 @@
     "id": "layout-slider--with-arrows",
     "group": "Layout/Slider",
     "name": "WithArrows",
-    "code": "<No Display Name\n  arrows\n  equalHeight\n  gap={15}\n  nav\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</No Display Name>",
+    "code": "<No Display Name\n  arrows\n  equalHeight\n  gap={15}\n  nav\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</No Display Name>",
     "args": {
       "autoplay": false,
       "nav": true,
@@ -3404,7 +3429,7 @@
     "id": "layout-slider--with-teased-neighbours",
     "group": "Layout/Slider",
     "name": "WithTeasedNeighbours",
-    "code": "<No Display Name\n  arrows\n  equalHeight\n  gap={15}\n  nav\n  teaseNeighbours\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</No Display Name>",
+    "code": "<No Display Name\n  arrows\n  equalHeight\n  gap={15}\n  nav\n  teaseNeighbours\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</No Display Name>",
     "args": {
       "autoplay": false,
       "nav": true,
@@ -3420,7 +3445,7 @@
     "id": "layout-slider--with-nav",
     "group": "Layout/Slider",
     "name": "WithNav",
-    "code": "<No Display Name\n  arrows\n  equalHeight\n  gap={15}\n  nav\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</No Display Name>",
+    "code": "<No Display Name\n  arrows\n  equalHeight\n  gap={15}\n  nav\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</No Display Name>",
     "args": {
       "autoplay": false,
       "nav": true,
@@ -3436,7 +3461,7 @@
     "id": "layout-slider--with-autoplay",
     "group": "Layout/Slider",
     "name": "WithAutoplay",
-    "code": "<No Display Name\n  arrows\n  autoplay\n  equalHeight\n  gap={15}\n  nav\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    target=\"#\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n  />\n</No Display Name>",
+    "code": "<No Display Name\n  arrows\n  autoplay\n  equalHeight\n  gap={15}\n  nav\n  typeProp=\"carousel\"\n>\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Transformation Love Story\"\n    image=\"/img/showcases/comp_tfe01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"See how we saved TechFusions a year's worth of development time\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Speed and Scale\"\n    image=\"/img/showcases/comp_audio01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n  <TeaserCard\n    button={{\n      hidden: true,\n      label: 'View page'\n    }}\n    headline=\"Saving Time and Money\"\n    image=\"/img/showcases/comp_eco01.jpg\"\n    imageRatio=\"unset\"\n    layout=\"row\"\n    text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n    url=\"#\"\n  />\n</No Display Name>",
     "args": {
       "autoplay": true,
       "nav": true,
@@ -3499,7 +3524,7 @@
     "id": "components-teaser-card--product-tiles",
     "group": "Components/Teaser Card",
     "name": "ProductTiles",
-    "code": "<TeaserCard\n  button={{\n    chevron: false,\n    hidden: true,\n    label: 'Go to page'\n  }}\n  headline=\"Castaway\"\n  image=\"img/logos/castaway.svg\"\n  imageRatio=\"wide\"\n  layout=\"stack\"\n  target=\"#\"\n  text=\"Transforming Ideas into Code\"\n/>",
+    "code": "<TeaserCard\n  button={{\n    chevron: false,\n    hidden: true,\n    label: 'Go to page'\n  }}\n  headline=\"Castaway\"\n  image=\"img/logos/castaway.svg\"\n  imageRatio=\"wide\"\n  layout=\"stack\"\n  text=\"Transforming Ideas into Code\"\n  url=\"#\"\n/>",
     "args": {
       "layout": "stack",
       "button": {
@@ -3511,7 +3536,7 @@
       "headline": "Castaway",
       "text": "Transforming Ideas into Code",
       "image": "img/logos/castaway.svg",
-      "target": "#"
+      "url": "#"
     },
     "screenshot": "img/screenshots/components-teaser-card--product-tiles.png"
   },
@@ -3519,7 +3544,7 @@
     "id": "components-teaser-card--page-navigation",
     "group": "Components/Teaser Card",
     "name": "PageNavigation",
-    "code": "<TeaserCard\n  button={{\n    chevron: false,\n    hidden: false,\n    label: 'Read more'\n  }}\n  headline=\"Design System Services\"\n  image=\"img/02.jpg\"\n  imageRatio=\"landscape\"\n  layout=\"stack\"\n  target=\"#\"\n  text=\"Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.\"\n/>",
+    "code": "<TeaserCard\n  button={{\n    chevron: false,\n    hidden: false,\n    label: 'Read more'\n  }}\n  headline=\"Design System Services\"\n  image=\"img/02.jpg\"\n  imageRatio=\"landscape\"\n  layout=\"stack\"\n  text=\"Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.\"\n  url=\"#\"\n/>",
     "args": {
       "layout": "stack",
       "button": {
@@ -3531,7 +3556,7 @@
       "headline": "Design System Services",
       "text": "Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.",
       "image": "img/02.jpg",
-      "target": "#"
+      "url": "#"
     },
     "screenshot": "img/screenshots/components-teaser-card--page-navigation.png"
   },
@@ -3539,7 +3564,7 @@
     "id": "components-teaser-card--showcase-preview",
     "group": "Components/Teaser Card",
     "name": "ShowcasePreview",
-    "code": "<TeaserCard\n  button={{\n    chevron: false,\n    hidden: false,\n    label: 'View showcase'\n  }}\n  headline=\"Transformation Love Story\"\n  image=\"img/showcases/comp_tfe01.jpg\"\n  imageRatio=\"wide\"\n  label=\"Tech\"\n  layout=\"row\"\n  target=\"#\"\n  text=\"See how we saved TechFusions a year's worth of development time\"\n/>",
+    "code": "<TeaserCard\n  button={{\n    chevron: false,\n    hidden: false,\n    label: 'View showcase'\n  }}\n  headline=\"Transformation Love Story\"\n  image=\"img/showcases/comp_tfe01.jpg\"\n  imageRatio=\"wide\"\n  label=\"Tech\"\n  layout=\"row\"\n  text=\"See how we saved TechFusions a year's worth of development time\"\n  url=\"#\"\n/>",
     "args": {
       "layout": "row",
       "button": {
@@ -3552,7 +3577,7 @@
       "headline": "Transformation Love Story",
       "text": "See how we saved TechFusions a year's worth of development time",
       "image": "img/showcases/comp_tfe01.jpg",
-      "target": "#"
+      "url": "#"
     },
     "screenshot": "img/screenshots/components-teaser-card--showcase-preview.png"
   },