@kickstartds/ds-agency-premium 1.6.71--canary.45.1803.0 → 1.6.71--canary.45.1813.0

package/dist/components/presets.json

@@ -215,11 +215,12 @@
     "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        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/>",
+    "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: 'default',\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      style: 'default',\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: 'default',\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      style: 'default',\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: 'default',\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      style: 'default',\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
     "args": {
       "section": [
         {
           "width": "default",
+          "style": "default",
           "backgroundColor": "default",
           "transition": "default",
           "spotlight": false,
@@ -236,7 +237,7 @@
             "width": "unset",
             "align": "center",
             "gutter": "default",
-            "mode": "list",
+            "mode": "default",
             "tileWidth": "default"
           },
           "buttons": [
@@ -262,6 +263,7 @@
         },
         {
           "width": "default",
+          "style": "default",
           "backgroundColor": "default",
           "transition": "default",
           "spotlight": false,
@@ -278,7 +280,7 @@
             "width": "unset",
             "align": "center",
             "gutter": "default",
-            "mode": "list",
+            "mode": "default",
             "tileWidth": "default"
           },
           "buttons": [
@@ -304,6 +306,7 @@
         },
         {
           "width": "default",
+          "style": "default",
           "backgroundColor": "default",
           "transition": "default",
           "spotlight": false,
@@ -320,7 +323,7 @@
             "width": "unset",
             "align": "center",
             "gutter": "default",
-            "mode": "list",
+            "mode": "default",
             "tileWidth": "default"
           },
           "buttons": [
@@ -538,7 +541,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 Jane Doe',\n        aspectRatio: 'square',\n        fullWidth: false,\n        src: 'img/people/contact-isabella.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/>",
+    "code": "<BlogPost\n  aside={{\n    author: {\n      byline: 'Senior Developer',\n      email: 'Jane.doe@example.com',\n      image: {\n        alt: 'Picture of Jane Doe',\n        aspectRatio: 'square',\n        fullWidth: false,\n        src: 'img/people/contact-isabella.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: 'default',\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      style: 'default',\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: 'default',\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      style: 'default',\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: 'default',\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      style: 'default',\n      transition: 'default',\n      width: 'default'\n    }\n  ]}\n/>",
     "args": {
       "head": {
         "date": "12/30/2022",
@@ -601,6 +604,7 @@
       "section": [
         {
           "width": "default",
+          "style": "default",
           "backgroundColor": "default",
           "transition": "default",
           "spotlight": false,
@@ -617,7 +621,7 @@
             "width": "unset",
             "align": "center",
             "gutter": "default",
-            "mode": "list",
+            "mode": "default",
             "tileWidth": "default"
           },
           "buttons": [
@@ -643,6 +647,7 @@
         },
         {
           "width": "default",
+          "style": "default",
           "backgroundColor": "default",
           "transition": "default",
           "spotlight": false,
@@ -659,7 +664,7 @@
             "width": "unset",
             "align": "center",
             "gutter": "default",
-            "mode": "list",
+            "mode": "default",
             "tileWidth": "default"
           },
           "buttons": [
@@ -685,6 +690,7 @@
         },
         {
           "width": "default",
+          "style": "default",
           "backgroundColor": "default",
           "transition": "default",
           "spotlight": false,
@@ -701,7 +707,7 @@
             "width": "unset",
             "align": "center",
             "gutter": "default",
-            "mode": "list",
+            "mode": "default",
             "tileWidth": "default"
           },
           "buttons": [
@@ -939,7 +945,7 @@
     "id": "page-archetypes-event-list--event-list",
     "group": "Page Archetypes/Event List",
     "name": "EventList",
-    "code": "<EventList\n  events={[\n    {\n      categories: [\n        'Buyers',\n        'Sellers',\n        'Renters'\n      ],\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\n      },\n      location: {\n        address: '123 Main St<br/>\\n10115  Berlin',\n        name: 'Berlin Convention Center'\n      },\n      text: 'Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.',\n      time: '10:00 AM',\n      title: 'Real Estate Expo 2025',\n      url: 'https://example.com'\n    },\n    {\n      categories: [\n        'AI'\n      ],\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: '14.01.2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\n      },\n      location: {\n        address: '123 Main St<br/>\\n50677  Cologne',\n        name: 'Cologne Exhibition Center'\n      },\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don\\'t miss out on this opportunity to learn from experts and network with peers.',\n      time: '15:30 - 17:00',\n      title: 'The Future of AI',\n      url: 'https://example.com'\n    },\n    {\n      categories: [\n        'Sustainability',\n        'Technology'\n      ],\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: '20/30/2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\n      },\n      location: {\n        address: '123 Main St<br/>\\n50677  Cologne',\n        name: 'Cologne Exhibition Center'\n      },\n      text: 'Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.',\n      time: 'from 17:00',\n      title: 'Global Innovations Summit 2025: Advancing Sustainable Technologies',\n      url: 'https://example.com'\n    }\n  ]}\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'All',\n        'Buyers',\n        'Sellers',\n        'Renters',\n        'Landlords',\n        'Tenants'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n/>",
+    "code": "<EventList\n  events={[\n    {\n      category: 'Real Estate',\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\n      },\n      location: {\n        address: '123 Main St<br/>\\n10115  Berlin',\n        name: 'Berlin Convention Center'\n      },\n      tags: [\n        'Buyers',\n        'Sellers',\n        'Renters'\n      ],\n      text: 'Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.',\n      time: '10:00 AM',\n      title: 'Real Estate Expo 2025',\n      url: 'https://example.com'\n    },\n    {\n      category: 'Technology',\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: '14.01.2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\n      },\n      location: {\n        address: '123 Main St<br/>\\n50677  Cologne',\n        name: 'Cologne Exhibition Center'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don\\'t miss out on this opportunity to learn from experts and network with peers.',\n      time: '15:30 - 17:00',\n      title: 'The Future of AI',\n      url: 'https://example.com'\n    },\n    {\n      category: 'Sustainability',\n      cta: 'Show appointment',\n      ctaText: 'Show event',\n      date: '20/30/2025',\n      image: {\n        alt: 'A futuristic AI concept image',\n        src: 'img/close-up-young-business-team-working.png'\n      },\n      location: {\n        address: '123 Main St<br/>\\n50677  Cologne',\n        name: 'Cologne Exhibition Center'\n      },\n      tags: [\n        'Sustainability',\n        'Technology'\n      ],\n      text: 'Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.',\n      time: 'from 17:00',\n      title: 'Global Innovations Summit 2025: Advancing Sustainable Technologies',\n      url: 'https://example.com'\n    }\n  ]}\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'All',\n        'Buyers',\n        'Sellers',\n        'Renters',\n        'Landlords',\n        'Tenants'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n/>",
     "args": {
       "filter": {
         "datePicker": {
@@ -975,6 +981,7 @@
       },
       "events": [
         {
+          "category": "Real Estate",
           "title": "Real Estate Expo 2025",
           "text": "Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.",
           "date": "FRI, JAN 16",
@@ -983,7 +990,7 @@
             "name": "Berlin Convention Center",
             "address": "123 Main St<br/>\n10115  Berlin"
           },
-          "categories": [
+          "tags": [
             "Buyers",
             "Sellers",
             "Renters"
@@ -997,6 +1004,7 @@
           "cta": "Show appointment"
         },
         {
+          "category": "Technology",
           "title": "The Future of AI",
           "text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. AI is transforming industries and shaping the future. Don't miss out on this opportunity to learn from experts and network with peers.",
           "date": "14.01.2025",
@@ -1005,7 +1013,7 @@
             "name": "Cologne Exhibition Center",
             "address": "123 Main St<br/>\n50677  Cologne"
           },
-          "categories": [
+          "tags": [
             "AI"
           ],
           "image": {
@@ -1017,6 +1025,7 @@
           "cta": "Show appointment"
         },
         {
+          "category": "Sustainability",
           "title": "Global Innovations Summit 2025: Advancing Sustainable Technologies",
           "text": "Welcome to the Global Innovations Summit 2025, where we will explore the latest advancements in sustainable technologies. Join us for a day of insightful discussions and networking opportunities with industry leaders.",
           "date": "20/30/2025",
@@ -1025,7 +1034,7 @@
             "name": "Cologne Exhibition Center",
             "address": "123 Main St<br/>\n50677  Cologne"
           },
-          "categories": [
+          "tags": [
             "Sustainability",
             "Technology"
           ],
@@ -1826,17 +1835,18 @@
     "id": "event-event-list-teaser--default",
     "group": "Event/ Event List Teaser",
     "name": "Default",
-    "code": "<EventListTeaser\n  categories={[\n    'AI'\n  ]}\n  cta=\"Show event\"\n  ctaText=\"Show event\"\n  date=\"30.12.2025\"\n  image={{\n    alt: 'A futuristic AI concept image',\n    src: 'img/close-up-young-business-team-working.png'\n  }}\n  location={{\n    address: '123 Innovation Drive\\n\\nTech City',\n    name: 'Tech Conference Center'\n  }}\n  text=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n  time=\"10:00\"\n  title=\"The Future of AI\"\n  url=\"#\"\n/>",
+    "code": "<EventListTeaser\n  category=\"Buyers\"\n  ctaText=\"Show event\"\n  date=\"30.12.2025\"\n  image={{\n    alt: 'A futuristic AI concept image',\n    src: 'img/close-up-young-business-team-working.png'\n  }}\n  location={{\n    address: 'Alexanderplatz 1<br />\\n10178 Berlin',\n    name: 'Tech Conference Center'\n  }}\n  tags={[\n    'AI'\n  ]}\n  text=\"The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.\"\n  time=\"10:00\"\n  title=\"The Future of AI\"\n  url=\"#\"\n/>",
     "args": {
+      "category": "Buyers",
       "title": "The Future of AI",
       "text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
       "date": "30.12.2025",
       "time": "10:00",
       "location": {
         "name": "Tech Conference Center",
-        "address": "123 Innovation Drive\n\nTech City"
+        "address": "Alexanderplatz 1<br />\n10178 Berlin"
       },
-      "categories": [
+      "tags": [
         "AI"
       ],
       "image": {
@@ -1844,8 +1854,7 @@
         "alt": "A futuristic AI concept image"
       },
       "url": "#",
-      "ctaText": "Show event",
-      "cta": "Show event"
+      "ctaText": "Show event"
     },
     "screenshot": "img/screenshots/event-event-list-teaser--default.png"
   },
@@ -1891,6 +1900,42 @@
     },
     "screenshot": "img/screenshots/event-event-location--default.png"
   },
+  {
+    "id": "event-event-registration--default",
+    "group": "Event/ Event Registration",
+    "name": "Default",
+    "code": "<EventRegistration\n  confirmationCheckboxLabel=\"I read and agree to the terms and conditions*\"\n  cta={{\n    ariaLabel: 'Register for the event on 18th September 2025 from 09:00 to 17:00',\n    label: 'Send Request',\n    url: '#'\n  }}\n  date=\"18.09.2025\"\n  emailInput={{\n    label: 'Email*',\n    placeholder: 'Enter your email'\n  }}\n  label=\"Registration Request\"\n  link={{\n    text: 'More Information on the Event',\n    url: '#'\n  }}\n  location={{\n    address: 'Alexanderplatz 1<br/>10178 Berlin',\n    name: 'Tech Conference Center'\n  }}\n  mandatoryText=\"_* Mandatory_\"\n  nameInput={{\n    label: 'Name*',\n    placeholder: 'Enter your name'\n  }}\n  time=\"09:00 – 17:00\"\n  title=\"The Future of AI\"\n/>",
+    "args": {
+      "label": "Registration Request",
+      "title": "The Future of AI",
+      "link": {
+        "url": "#",
+        "text": "More Information on the Event"
+      },
+      "date": "18.09.2025",
+      "time": "09:00 – 17:00",
+      "location": {
+        "name": "Tech Conference Center",
+        "address": "Alexanderplatz 1<br/>10178 Berlin"
+      },
+      "nameInput": {
+        "label": "Name*",
+        "placeholder": "Enter your name"
+      },
+      "emailInput": {
+        "label": "Email*",
+        "placeholder": "Enter your email"
+      },
+      "confirmationCheckboxLabel": "I read and agree to the terms and conditions*",
+      "mandatoryText": "_* Mandatory_",
+      "cta": {
+        "label": "Send Request",
+        "url": "#",
+        "ariaLabel": "Register for the event on 18th September 2025 from 09:00 to 17:00"
+      }
+    },
+    "screenshot": "img/screenshots/event-event-registration--default.png"
+  },
   {
     "id": "components-faq--dropdown-list",
     "group": "Components/Faq",
@@ -3109,7 +3154,7 @@
     "id": "components-mosaic--colorful-tiles",
     "group": "Components/Mosaic",
     "name": "ColorfulTiles",
-    "code": "<Mosaic\n  layout=\"alternate\"\n  tile={[\n    {\n      backgroundColor: '#81005a',\n      button: {\n        label: 'Book a meeting',\n        toggle: true\n      },\n      headline: 'Collaborative Environment',\n      image: {\n        src: 'img/mosaic-1.png'\n      },\n      text: 'Our team thrives in a collaborative environment, fostering creativity and innovation.'\n    },\n    {\n      backgroundColor: '#003380',\n      button: {\n        label: 'Book a meeting',\n        toggle: true\n      },\n      headline: 'Modern Infrastructure',\n      image: {\n        src: 'img/mosaic-2.png'\n      },\n      text: 'Our state-of-the-art office facilities inspire productivity and efficiency.'\n    },\n    {\n      backgroundColor: '#004241',\n      button: {\n        label: 'Book a meeting',\n        toggle: true\n      },\n      headline: 'Teamwork',\n      image: {\n        src: 'img/mosaic-3.png'\n      },\n      text: 'We believe in the power of teamwork. Together, we can achieve great things.'\n    }\n  ]}\n/>",
+    "code": "<Mosaic\n  layout=\"alternate\"\n  tile={[\n    {\n      backgroundColor: '#ffd4f1',\n      button: {\n        label: 'Book a meeting',\n        toggle: true\n      },\n      headline: 'Collaborative Environment',\n      image: {\n        src: 'img/mosaic-1.png'\n      },\n      text: 'Our team thrives in a collaborative environment, fostering creativity and innovation.'\n    },\n    {\n      backgroundColor: '#d8e8f',\n      button: {\n        label: 'Book a meeting',\n        toggle: true\n      },\n      headline: 'Modern Infrastructure',\n      image: {\n        src: 'img/mosaic-2.png'\n      },\n      text: 'Our state-of-the-art office facilities inspire productivity and efficiency.'\n    },\n    {\n      backgroundColor: '#ddfffe',\n      button: {\n        label: 'Book a meeting',\n        toggle: true\n      },\n      headline: 'Teamwork',\n      image: {\n        src: 'img/mosaic-3.png'\n      },\n      text: 'We believe in the power of teamwork. Together, we can achieve great things.'\n    }\n  ]}\n/>",
     "args": {
       "layout": "alternate",
       "largeHeadlines": false,
@@ -3122,7 +3167,7 @@
             "toggle": true,
             "label": "Book a meeting"
           },
-          "backgroundColor": "#81005a",
+          "backgroundColor": "#ffd4f1",
           "headline": "Collaborative Environment",
           "text": "Our team thrives in a collaborative environment, fostering creativity and innovation."
         },
@@ -3134,7 +3179,7 @@
             "toggle": true,
             "label": "Book a meeting"
           },
-          "backgroundColor": "#003380",
+          "backgroundColor": "#d8e8f",
           "headline": "Modern Infrastructure",
           "text": "Our state-of-the-art office facilities inspire productivity and efficiency."
         },
@@ -3146,7 +3191,7 @@
             "toggle": true,
             "label": "Book a meeting"
           },
-          "backgroundColor": "#004241",
+          "backgroundColor": "#ddfffe",
           "headline": "Teamwork",
           "text": "We believe in the power of teamwork. Together, we can achieve great things."
         }
@@ -3268,12 +3313,13 @@
     "screenshot": "img/screenshots/industry-pagination--default.png"
   },
   {
-    "id": "layout-section--cards",
+    "id": "layout-section--dynamic-layout",
     "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    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>",
+    "name": "DynamicLayout",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'flex',\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=\"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    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
@@ -3285,26 +3331,28 @@
         "text": "Happy Customers Showcases",
         "large": false,
         "width": "unset",
-        "sub": "We can create something shining for you too!"
+        "sub": "We can create something shining for you too!",
+        "align": "center"
       },
       "content": {
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "tile",
+        "mode": "flex",
         "tileWidth": "default"
       },
       "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--cards.png"
+    "screenshot": "img/screenshots/layout-section--dynamic-layout.png"
   },
   {
-    "id": "layout-section--slider",
+    "id": "layout-section--tile-layout",
     "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    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>",
+    "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  style=\"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    layout=\"row\"\n    text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n    url=\"#\"\n  />\n</Section>",
     "args": {
       "width": "default",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
@@ -3313,40 +3361,44 @@
       "inverted": false,
       "headerSpacing": false,
       "headline": {
-        "text": "Section headline",
+        "text": "Happy Customers Showcases",
         "large": false,
-        "width": "unset"
+        "width": "unset",
+        "sub": "We can create something shining for you too!",
+        "align": "center"
       },
       "content": {
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "slider",
+        "mode": "tile",
         "tileWidth": "default"
       },
       "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--slider.png"
+    "screenshot": "img/screenshots/layout-section--tile-layout.png"
   },
   {
-    "id": "layout-section--inverted",
+    "id": "layout-section--list-layout",
     "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    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>",
+    "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  style=\"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    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",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
       "spaceBefore": "default",
       "spaceAfter": "default",
-      "inverted": true,
+      "inverted": false,
       "headerSpacing": false,
       "headline": {
         "text": "Happy Customers Showcases",
         "large": false,
         "width": "unset",
-        "sub": "We can create something shining for you too!"
+        "sub": "We can create something shining for you too!",
+        "align": "center"
       },
       "content": {
         "width": "unset",
@@ -3357,15 +3409,16 @@
       },
       "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--inverted.png"
+    "screenshot": "img/screenshots/layout-section--list-layout.png"
   },
   {
-    "id": "layout-section--background-image",
+    "id": "layout-section--slider",
     "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    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>",
+    "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  style=\"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    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    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    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    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",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
@@ -3374,36 +3427,35 @@
       "inverted": false,
       "headerSpacing": false,
       "headline": {
-        "text": "Happy Customers Showcases",
+        "text": "Section headline",
         "large": false,
-        "width": "unset",
-        "sub": "We can create something shining for you too!"
+        "width": "unset"
       },
       "content": {
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "default",
+        "mode": "slider",
         "tileWidth": "default"
       },
-      "buttons": [],
-      "backgroundImage": "/img/bg_dot-carpet-blue.svg"
+      "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--background-image.png"
+    "screenshot": "img/screenshots/layout-section--slider.png"
   },
   {
-    "id": "layout-section--spotlight",
+    "id": "layout-section--inverted",
     "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    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>",
+    "name": "Inverted",
+    "code": "<Section\n  backgroundColor=\"default\"\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  inverted\n  spaceAfter=\"default\"\n  spaceBefore=\"default\"\n  style=\"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    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",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
-      "spotlight": true,
+      "spotlight": false,
       "spaceBefore": "default",
       "spaceAfter": "default",
-      "inverted": false,
+      "inverted": true,
       "headerSpacing": false,
       "headline": {
         "text": "Happy Customers Showcases",
@@ -3415,21 +3467,22 @@
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "list",
+        "mode": "default",
         "tileWidth": "default"
       },
       "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--spotlight.png"
+    "screenshot": "img/screenshots/layout-section--inverted.png"
   },
   {
-    "id": "layout-section--stagelights",
+    "id": "layout-section--accent-background",
     "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    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>",
+    "name": "AccentBackground",
+    "code": "<Section\n  backgroundColor=\"accent\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'default',\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=\"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    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",
+      "style": "default",
+      "backgroundColor": "accent",
       "transition": "default",
       "spotlight": false,
       "spaceBefore": "default",
@@ -3447,22 +3500,22 @@
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "list",
+        "mode": "default",
         "tileWidth": "default"
       },
-      "buttons": [],
-      "style": "stagelights"
+      "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--stagelights.png"
+    "screenshot": "img/screenshots/layout-section--accent-background.png"
   },
   {
-    "id": "layout-section--accent-background",
+    "id": "layout-section--bold-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    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>",
+    "name": "BoldBackground",
+    "code": "<Section\n  backgroundColor=\"bold\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'default',\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=\"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    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",
+      "style": "default",
+      "backgroundColor": "bold",
       "transition": "default",
       "spotlight": false,
       "spaceBefore": "default",
@@ -3480,21 +3533,22 @@
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "list",
+        "mode": "default",
         "tileWidth": "default"
       },
       "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--accent-background.png"
+    "screenshot": "img/screenshots/layout-section--bold-background.png"
   },
   {
-    "id": "layout-section--bold-background",
+    "id": "layout-section--framed",
     "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    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>",
+    "name": "Framed",
+    "code": "<Section\n  backgroundColor=\"default\"\n  content={{\n    align: 'center',\n    gutter: 'default',\n    mode: 'default',\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=\"framed\"\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    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",
+      "style": "framed",
+      "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
       "spaceBefore": "default",
@@ -3512,20 +3566,21 @@
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "list",
+        "mode": "default",
         "tileWidth": "default"
       },
       "buttons": []
     },
-    "screenshot": "img/screenshots/layout-section--bold-background.png"
+    "screenshot": "img/screenshots/layout-section--framed.png"
   },
   {
-    "id": "layout-section--colorful-gradient",
+    "id": "layout-section--background-image",
     "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    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>",
+    "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  style=\"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    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",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
@@ -3537,28 +3592,28 @@
         "text": "Happy Customers Showcases",
         "large": false,
         "width": "unset",
-        "sub": "We can create something shining for you too!",
-        "align": "center"
+        "sub": "We can create something shining for you too!"
       },
       "content": {
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "list",
+        "mode": "default",
         "tileWidth": "default"
       },
       "buttons": [],
-      "style": "horizontalGradient"
+      "backgroundImage": "/img/bg_dot-carpet-blue.svg"
     },
-    "screenshot": "img/screenshots/layout-section--colorful-gradient.png"
+    "screenshot": "img/screenshots/layout-section--background-image.png"
   },
   {
     "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    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>",
+    "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: 'default',\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=\"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    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",
+      "style": "default",
       "backgroundColor": "default",
       "transition": "default",
       "spotlight": false,
@@ -3577,7 +3632,7 @@
         "width": "unset",
         "align": "center",
         "gutter": "default",
-        "mode": "list",
+        "mode": "default",
         "tileWidth": "default"
       },
       "buttons": [
@@ -3599,102 +3654,6 @@
     },
     "screenshot": "img/screenshots/layout-section--with-buttons.png"
   },
-  {
-    "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    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",
-      "transition": "default",
-      "spotlight": false,
-      "spaceBefore": "default",
-      "spaceAfter": "default",
-      "inverted": false,
-      "headerSpacing": false,
-      "headline": {
-        "text": "Happy Customers Showcases",
-        "large": false,
-        "width": "unset",
-        "sub": "We can create something shining for you too!",
-        "align": "center"
-      },
-      "content": {
-        "width": "unset",
-        "align": "center",
-        "gutter": "default",
-        "mode": "tile",
-        "tileWidth": "default"
-      },
-      "buttons": []
-    },
-    "screenshot": "img/screenshots/layout-section--tile-layout.png"
-  },
-  {
-    "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    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",
-      "transition": "default",
-      "spotlight": false,
-      "spaceBefore": "default",
-      "spaceAfter": "default",
-      "inverted": false,
-      "headerSpacing": false,
-      "headline": {
-        "text": "Happy Customers Showcases",
-        "large": false,
-        "width": "unset",
-        "sub": "We can create something shining for you too!",
-        "align": "center"
-      },
-      "content": {
-        "width": "unset",
-        "align": "center",
-        "gutter": "default",
-        "mode": "list",
-        "tileWidth": "default"
-      },
-      "buttons": []
-    },
-    "screenshot": "img/screenshots/layout-section--flex-layout.png"
-  },
-  {
-    "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    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",
-      "transition": "default",
-      "spotlight": false,
-      "spaceBefore": "default",
-      "spaceAfter": "default",
-      "inverted": false,
-      "headerSpacing": false,
-      "headline": {
-        "text": "Happy Customers Showcases",
-        "large": false,
-        "width": "unset",
-        "sub": "We can create something shining for you too!",
-        "align": "center"
-      },
-      "content": {
-        "width": "unset",
-        "align": "center",
-        "gutter": "default",
-        "mode": "list",
-        "tileWidth": "default"
-      },
-      "buttons": []
-    },
-    "screenshot": "img/screenshots/layout-section--list-layout.png"
-  },
   {
     "id": "layout-slider--with-arrows",
     "group": "Layout/Slider",