@kickstartds/ds-agency-premium 1.6.71--canary.45.1809.0 → 1.6.71--canary.45.1813.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-d62a0a9a.d.ts} +2 -2
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts} +1 -1
- package/dist/{EventListTeaserProps-796e306c.d.ts → EventListTeaserProps-5cc94436.d.ts} +9 -4
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-7caa223c.d.ts → SectionProps-21d04028.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +5 -4
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +5 -4
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-teaser/blog-teaser.css +2 -2
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/contact/contact.css +2 -2
- package/dist/components/cta/cta.css +3 -3
- package/dist/components/event-list/event-list.schema.dereffed.json +11 -3
- package/dist/components/event-list/index.d.ts +1 -1
- package/dist/components/event-list/index.js +43 -1
- package/dist/components/event-list-teaser/event-list-teaser.css +9 -2
- package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +11 -3
- package/dist/components/event-list-teaser/event-list-teaser.schema.json +9 -3
- package/dist/components/event-list-teaser/index.d.ts +1 -1
- package/dist/components/event-list-teaser/index.js +2 -2
- package/dist/components/features/features.css +2 -2
- package/dist/components/hero/hero.css +2 -2
- package/dist/components/image-story/image-story.css +4 -4
- package/dist/components/image-text/image-text.css +4 -4
- package/dist/components/index/index.d.ts +2 -2
- package/dist/components/mosaic/mosaic.css +4 -4
- package/dist/components/page/page.schema.dereffed.json +5 -4
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/pagination/index.js +4 -4
- package/dist/components/presets.json +105 -182
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/index.js +2 -16
- package/dist/components/section/section.schema.dereffed.json +5 -4
- package/dist/components/section/section.schema.json +3 -2
- package/dist/components/split-weighted/index.js +3 -4
- package/dist/components/split-weighted/split-weighted.css +6 -0
- package/dist/components/teaser-card/teaser-card.css +1 -1
- package/dist/components/text/text.css +2 -2
- package/dist/components/video-curtain/video-curtain.css +2 -2
- package/dist/global.css +2 -2
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- /package/dist/{BlogTeaserProps-f5855e93.d.ts → BlogTeaserProps-d62a0a9a.d.ts} +0 -0
|
@@ -215,11 +215,12 @@
|
|
|
215
215
|
"id": "page-archetypes-blog-overview--blog-overview",
|
|
216
216
|
"group": "Page Archetypes/Blog Overview",
|
|
217
217
|
"name": "BlogOverview",
|
|
218
|
-
"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: '
|
|
218
|
+
"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/>",
|
|
219
219
|
"args": {
|
|
220
220
|
"section": [
|
|
221
221
|
{
|
|
222
222
|
"width": "default",
|
|
223
|
+
"style": "default",
|
|
223
224
|
"backgroundColor": "default",
|
|
224
225
|
"transition": "default",
|
|
225
226
|
"spotlight": false,
|
|
@@ -236,7 +237,7 @@
|
|
|
236
237
|
"width": "unset",
|
|
237
238
|
"align": "center",
|
|
238
239
|
"gutter": "default",
|
|
239
|
-
"mode": "
|
|
240
|
+
"mode": "default",
|
|
240
241
|
"tileWidth": "default"
|
|
241
242
|
},
|
|
242
243
|
"buttons": [
|
|
@@ -262,6 +263,7 @@
|
|
|
262
263
|
},
|
|
263
264
|
{
|
|
264
265
|
"width": "default",
|
|
266
|
+
"style": "default",
|
|
265
267
|
"backgroundColor": "default",
|
|
266
268
|
"transition": "default",
|
|
267
269
|
"spotlight": false,
|
|
@@ -278,7 +280,7 @@
|
|
|
278
280
|
"width": "unset",
|
|
279
281
|
"align": "center",
|
|
280
282
|
"gutter": "default",
|
|
281
|
-
"mode": "
|
|
283
|
+
"mode": "default",
|
|
282
284
|
"tileWidth": "default"
|
|
283
285
|
},
|
|
284
286
|
"buttons": [
|
|
@@ -304,6 +306,7 @@
|
|
|
304
306
|
},
|
|
305
307
|
{
|
|
306
308
|
"width": "default",
|
|
309
|
+
"style": "default",
|
|
307
310
|
"backgroundColor": "default",
|
|
308
311
|
"transition": "default",
|
|
309
312
|
"spotlight": false,
|
|
@@ -320,7 +323,7 @@
|
|
|
320
323
|
"width": "unset",
|
|
321
324
|
"align": "center",
|
|
322
325
|
"gutter": "default",
|
|
323
|
-
"mode": "
|
|
326
|
+
"mode": "default",
|
|
324
327
|
"tileWidth": "default"
|
|
325
328
|
},
|
|
326
329
|
"buttons": [
|
|
@@ -538,7 +541,7 @@
|
|
|
538
541
|
"id": "page-archetypes-blog-post--blog-post",
|
|
539
542
|
"group": "Page Archetypes/Blog Post",
|
|
540
543
|
"name": "BlogPost",
|
|
541
|
-
"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: '
|
|
544
|
+
"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/>",
|
|
542
545
|
"args": {
|
|
543
546
|
"head": {
|
|
544
547
|
"date": "12/30/2022",
|
|
@@ -601,6 +604,7 @@
|
|
|
601
604
|
"section": [
|
|
602
605
|
{
|
|
603
606
|
"width": "default",
|
|
607
|
+
"style": "default",
|
|
604
608
|
"backgroundColor": "default",
|
|
605
609
|
"transition": "default",
|
|
606
610
|
"spotlight": false,
|
|
@@ -617,7 +621,7 @@
|
|
|
617
621
|
"width": "unset",
|
|
618
622
|
"align": "center",
|
|
619
623
|
"gutter": "default",
|
|
620
|
-
"mode": "
|
|
624
|
+
"mode": "default",
|
|
621
625
|
"tileWidth": "default"
|
|
622
626
|
},
|
|
623
627
|
"buttons": [
|
|
@@ -643,6 +647,7 @@
|
|
|
643
647
|
},
|
|
644
648
|
{
|
|
645
649
|
"width": "default",
|
|
650
|
+
"style": "default",
|
|
646
651
|
"backgroundColor": "default",
|
|
647
652
|
"transition": "default",
|
|
648
653
|
"spotlight": false,
|
|
@@ -659,7 +664,7 @@
|
|
|
659
664
|
"width": "unset",
|
|
660
665
|
"align": "center",
|
|
661
666
|
"gutter": "default",
|
|
662
|
-
"mode": "
|
|
667
|
+
"mode": "default",
|
|
663
668
|
"tileWidth": "default"
|
|
664
669
|
},
|
|
665
670
|
"buttons": [
|
|
@@ -685,6 +690,7 @@
|
|
|
685
690
|
},
|
|
686
691
|
{
|
|
687
692
|
"width": "default",
|
|
693
|
+
"style": "default",
|
|
688
694
|
"backgroundColor": "default",
|
|
689
695
|
"transition": "default",
|
|
690
696
|
"spotlight": false,
|
|
@@ -701,7 +707,7 @@
|
|
|
701
707
|
"width": "unset",
|
|
702
708
|
"align": "center",
|
|
703
709
|
"gutter": "default",
|
|
704
|
-
"mode": "
|
|
710
|
+
"mode": "default",
|
|
705
711
|
"tileWidth": "default"
|
|
706
712
|
},
|
|
707
713
|
"buttons": [
|
|
@@ -939,7 +945,7 @@
|
|
|
939
945
|
"id": "page-archetypes-event-list--event-list",
|
|
940
946
|
"group": "Page Archetypes/Event List",
|
|
941
947
|
"name": "EventList",
|
|
942
|
-
"code": "<EventList\n events={[\n {\n
|
|
948
|
+
"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/>",
|
|
943
949
|
"args": {
|
|
944
950
|
"filter": {
|
|
945
951
|
"datePicker": {
|
|
@@ -975,6 +981,7 @@
|
|
|
975
981
|
},
|
|
976
982
|
"events": [
|
|
977
983
|
{
|
|
984
|
+
"category": "Real Estate",
|
|
978
985
|
"title": "Real Estate Expo 2025",
|
|
979
986
|
"text": "Join us for the Real Estate Expo 2025, where industry leaders will discuss the future of real estate.",
|
|
980
987
|
"date": "FRI, JAN 16",
|
|
@@ -983,7 +990,7 @@
|
|
|
983
990
|
"name": "Berlin Convention Center",
|
|
984
991
|
"address": "123 Main St<br/>\n10115 Berlin"
|
|
985
992
|
},
|
|
986
|
-
"
|
|
993
|
+
"tags": [
|
|
987
994
|
"Buyers",
|
|
988
995
|
"Sellers",
|
|
989
996
|
"Renters"
|
|
@@ -997,6 +1004,7 @@
|
|
|
997
1004
|
"cta": "Show appointment"
|
|
998
1005
|
},
|
|
999
1006
|
{
|
|
1007
|
+
"category": "Technology",
|
|
1000
1008
|
"title": "The Future of AI",
|
|
1001
1009
|
"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.",
|
|
1002
1010
|
"date": "14.01.2025",
|
|
@@ -1005,7 +1013,7 @@
|
|
|
1005
1013
|
"name": "Cologne Exhibition Center",
|
|
1006
1014
|
"address": "123 Main St<br/>\n50677 Cologne"
|
|
1007
1015
|
},
|
|
1008
|
-
"
|
|
1016
|
+
"tags": [
|
|
1009
1017
|
"AI"
|
|
1010
1018
|
],
|
|
1011
1019
|
"image": {
|
|
@@ -1017,6 +1025,7 @@
|
|
|
1017
1025
|
"cta": "Show appointment"
|
|
1018
1026
|
},
|
|
1019
1027
|
{
|
|
1028
|
+
"category": "Sustainability",
|
|
1020
1029
|
"title": "Global Innovations Summit 2025: Advancing Sustainable Technologies",
|
|
1021
1030
|
"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.",
|
|
1022
1031
|
"date": "20/30/2025",
|
|
@@ -1025,7 +1034,7 @@
|
|
|
1025
1034
|
"name": "Cologne Exhibition Center",
|
|
1026
1035
|
"address": "123 Main St<br/>\n50677 Cologne"
|
|
1027
1036
|
},
|
|
1028
|
-
"
|
|
1037
|
+
"tags": [
|
|
1029
1038
|
"Sustainability",
|
|
1030
1039
|
"Technology"
|
|
1031
1040
|
],
|
|
@@ -1826,8 +1835,9 @@
|
|
|
1826
1835
|
"id": "event-event-list-teaser--default",
|
|
1827
1836
|
"group": "Event/ Event List Teaser",
|
|
1828
1837
|
"name": "Default",
|
|
1829
|
-
"code": "<EventListTeaser\n
|
|
1838
|
+
"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/>",
|
|
1830
1839
|
"args": {
|
|
1840
|
+
"category": "Buyers",
|
|
1831
1841
|
"title": "The Future of AI",
|
|
1832
1842
|
"text": "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.",
|
|
1833
1843
|
"date": "30.12.2025",
|
|
@@ -1836,7 +1846,7 @@
|
|
|
1836
1846
|
"name": "Tech Conference Center",
|
|
1837
1847
|
"address": "Alexanderplatz 1<br />\n10178 Berlin"
|
|
1838
1848
|
},
|
|
1839
|
-
"
|
|
1849
|
+
"tags": [
|
|
1840
1850
|
"AI"
|
|
1841
1851
|
],
|
|
1842
1852
|
"image": {
|
|
@@ -1844,8 +1854,7 @@
|
|
|
1844
1854
|
"alt": "A futuristic AI concept image"
|
|
1845
1855
|
},
|
|
1846
1856
|
"url": "#",
|
|
1847
|
-
"ctaText": "Show event"
|
|
1848
|
-
"cta": "Show event"
|
|
1857
|
+
"ctaText": "Show event"
|
|
1849
1858
|
},
|
|
1850
1859
|
"screenshot": "img/screenshots/event-event-list-teaser--default.png"
|
|
1851
1860
|
},
|
|
@@ -3145,7 +3154,7 @@
|
|
|
3145
3154
|
"id": "components-mosaic--colorful-tiles",
|
|
3146
3155
|
"group": "Components/Mosaic",
|
|
3147
3156
|
"name": "ColorfulTiles",
|
|
3148
|
-
"code": "<Mosaic\n layout=\"alternate\"\n tile={[\n {\n backgroundColor: '#
|
|
3157
|
+
"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/>",
|
|
3149
3158
|
"args": {
|
|
3150
3159
|
"layout": "alternate",
|
|
3151
3160
|
"largeHeadlines": false,
|
|
@@ -3158,7 +3167,7 @@
|
|
|
3158
3167
|
"toggle": true,
|
|
3159
3168
|
"label": "Book a meeting"
|
|
3160
3169
|
},
|
|
3161
|
-
"backgroundColor": "#
|
|
3170
|
+
"backgroundColor": "#ffd4f1",
|
|
3162
3171
|
"headline": "Collaborative Environment",
|
|
3163
3172
|
"text": "Our team thrives in a collaborative environment, fostering creativity and innovation."
|
|
3164
3173
|
},
|
|
@@ -3170,7 +3179,7 @@
|
|
|
3170
3179
|
"toggle": true,
|
|
3171
3180
|
"label": "Book a meeting"
|
|
3172
3181
|
},
|
|
3173
|
-
"backgroundColor": "#
|
|
3182
|
+
"backgroundColor": "#d8e8f",
|
|
3174
3183
|
"headline": "Modern Infrastructure",
|
|
3175
3184
|
"text": "Our state-of-the-art office facilities inspire productivity and efficiency."
|
|
3176
3185
|
},
|
|
@@ -3182,7 +3191,7 @@
|
|
|
3182
3191
|
"toggle": true,
|
|
3183
3192
|
"label": "Book a meeting"
|
|
3184
3193
|
},
|
|
3185
|
-
"backgroundColor": "#
|
|
3194
|
+
"backgroundColor": "#ddfffe",
|
|
3186
3195
|
"headline": "Teamwork",
|
|
3187
3196
|
"text": "We believe in the power of teamwork. Together, we can achieve great things."
|
|
3188
3197
|
}
|
|
@@ -3304,12 +3313,13 @@
|
|
|
3304
3313
|
"screenshot": "img/screenshots/industry-pagination--default.png"
|
|
3305
3314
|
},
|
|
3306
3315
|
{
|
|
3307
|
-
"id": "layout-section--
|
|
3316
|
+
"id": "layout-section--dynamic-layout",
|
|
3308
3317
|
"group": "Layout/Section",
|
|
3309
|
-
"name": "
|
|
3310
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: '
|
|
3318
|
+
"name": "DynamicLayout",
|
|
3319
|
+
"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>",
|
|
3311
3320
|
"args": {
|
|
3312
3321
|
"width": "default",
|
|
3322
|
+
"style": "default",
|
|
3313
3323
|
"backgroundColor": "default",
|
|
3314
3324
|
"transition": "default",
|
|
3315
3325
|
"spotlight": false,
|
|
@@ -3321,26 +3331,28 @@
|
|
|
3321
3331
|
"text": "Happy Customers Showcases",
|
|
3322
3332
|
"large": false,
|
|
3323
3333
|
"width": "unset",
|
|
3324
|
-
"sub": "We can create something shining for you too!"
|
|
3334
|
+
"sub": "We can create something shining for you too!",
|
|
3335
|
+
"align": "center"
|
|
3325
3336
|
},
|
|
3326
3337
|
"content": {
|
|
3327
3338
|
"width": "unset",
|
|
3328
3339
|
"align": "center",
|
|
3329
3340
|
"gutter": "default",
|
|
3330
|
-
"mode": "
|
|
3341
|
+
"mode": "flex",
|
|
3331
3342
|
"tileWidth": "default"
|
|
3332
3343
|
},
|
|
3333
3344
|
"buttons": []
|
|
3334
3345
|
},
|
|
3335
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3346
|
+
"screenshot": "img/screenshots/layout-section--dynamic-layout.png"
|
|
3336
3347
|
},
|
|
3337
3348
|
{
|
|
3338
|
-
"id": "layout-section--
|
|
3349
|
+
"id": "layout-section--tile-layout",
|
|
3339
3350
|
"group": "Layout/Section",
|
|
3340
|
-
"name": "
|
|
3341
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: '
|
|
3351
|
+
"name": "TileLayout",
|
|
3352
|
+
"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>",
|
|
3342
3353
|
"args": {
|
|
3343
3354
|
"width": "default",
|
|
3355
|
+
"style": "default",
|
|
3344
3356
|
"backgroundColor": "default",
|
|
3345
3357
|
"transition": "default",
|
|
3346
3358
|
"spotlight": false,
|
|
@@ -3349,40 +3361,44 @@
|
|
|
3349
3361
|
"inverted": false,
|
|
3350
3362
|
"headerSpacing": false,
|
|
3351
3363
|
"headline": {
|
|
3352
|
-
"text": "
|
|
3364
|
+
"text": "Happy Customers Showcases",
|
|
3353
3365
|
"large": false,
|
|
3354
|
-
"width": "unset"
|
|
3366
|
+
"width": "unset",
|
|
3367
|
+
"sub": "We can create something shining for you too!",
|
|
3368
|
+
"align": "center"
|
|
3355
3369
|
},
|
|
3356
3370
|
"content": {
|
|
3357
3371
|
"width": "unset",
|
|
3358
3372
|
"align": "center",
|
|
3359
3373
|
"gutter": "default",
|
|
3360
|
-
"mode": "
|
|
3374
|
+
"mode": "tile",
|
|
3361
3375
|
"tileWidth": "default"
|
|
3362
3376
|
},
|
|
3363
3377
|
"buttons": []
|
|
3364
3378
|
},
|
|
3365
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3379
|
+
"screenshot": "img/screenshots/layout-section--tile-layout.png"
|
|
3366
3380
|
},
|
|
3367
3381
|
{
|
|
3368
|
-
"id": "layout-section--
|
|
3382
|
+
"id": "layout-section--list-layout",
|
|
3369
3383
|
"group": "Layout/Section",
|
|
3370
|
-
"name": "
|
|
3371
|
-
"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
|
|
3384
|
+
"name": "ListLayout",
|
|
3385
|
+
"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>",
|
|
3372
3386
|
"args": {
|
|
3373
3387
|
"width": "default",
|
|
3388
|
+
"style": "default",
|
|
3374
3389
|
"backgroundColor": "default",
|
|
3375
3390
|
"transition": "default",
|
|
3376
3391
|
"spotlight": false,
|
|
3377
3392
|
"spaceBefore": "default",
|
|
3378
3393
|
"spaceAfter": "default",
|
|
3379
|
-
"inverted":
|
|
3394
|
+
"inverted": false,
|
|
3380
3395
|
"headerSpacing": false,
|
|
3381
3396
|
"headline": {
|
|
3382
3397
|
"text": "Happy Customers Showcases",
|
|
3383
3398
|
"large": false,
|
|
3384
3399
|
"width": "unset",
|
|
3385
|
-
"sub": "We can create something shining for you too!"
|
|
3400
|
+
"sub": "We can create something shining for you too!",
|
|
3401
|
+
"align": "center"
|
|
3386
3402
|
},
|
|
3387
3403
|
"content": {
|
|
3388
3404
|
"width": "unset",
|
|
@@ -3393,15 +3409,16 @@
|
|
|
3393
3409
|
},
|
|
3394
3410
|
"buttons": []
|
|
3395
3411
|
},
|
|
3396
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3412
|
+
"screenshot": "img/screenshots/layout-section--list-layout.png"
|
|
3397
3413
|
},
|
|
3398
3414
|
{
|
|
3399
|
-
"id": "layout-section--
|
|
3415
|
+
"id": "layout-section--slider",
|
|
3400
3416
|
"group": "Layout/Section",
|
|
3401
|
-
"name": "
|
|
3402
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
3417
|
+
"name": "Slider",
|
|
3418
|
+
"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>",
|
|
3403
3419
|
"args": {
|
|
3404
3420
|
"width": "default",
|
|
3421
|
+
"style": "default",
|
|
3405
3422
|
"backgroundColor": "default",
|
|
3406
3423
|
"transition": "default",
|
|
3407
3424
|
"spotlight": false,
|
|
@@ -3410,36 +3427,35 @@
|
|
|
3410
3427
|
"inverted": false,
|
|
3411
3428
|
"headerSpacing": false,
|
|
3412
3429
|
"headline": {
|
|
3413
|
-
"text": "
|
|
3430
|
+
"text": "Section headline",
|
|
3414
3431
|
"large": false,
|
|
3415
|
-
"width": "unset"
|
|
3416
|
-
"sub": "We can create something shining for you too!"
|
|
3432
|
+
"width": "unset"
|
|
3417
3433
|
},
|
|
3418
3434
|
"content": {
|
|
3419
3435
|
"width": "unset",
|
|
3420
3436
|
"align": "center",
|
|
3421
3437
|
"gutter": "default",
|
|
3422
|
-
"mode": "
|
|
3438
|
+
"mode": "slider",
|
|
3423
3439
|
"tileWidth": "default"
|
|
3424
3440
|
},
|
|
3425
|
-
"buttons": []
|
|
3426
|
-
"backgroundImage": "/img/bg_dot-carpet-blue.svg"
|
|
3441
|
+
"buttons": []
|
|
3427
3442
|
},
|
|
3428
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3443
|
+
"screenshot": "img/screenshots/layout-section--slider.png"
|
|
3429
3444
|
},
|
|
3430
3445
|
{
|
|
3431
|
-
"id": "layout-section--
|
|
3446
|
+
"id": "layout-section--inverted",
|
|
3432
3447
|
"group": "Layout/Section",
|
|
3433
|
-
"name": "
|
|
3434
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: '
|
|
3448
|
+
"name": "Inverted",
|
|
3449
|
+
"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>",
|
|
3435
3450
|
"args": {
|
|
3436
3451
|
"width": "default",
|
|
3452
|
+
"style": "default",
|
|
3437
3453
|
"backgroundColor": "default",
|
|
3438
3454
|
"transition": "default",
|
|
3439
|
-
"spotlight":
|
|
3455
|
+
"spotlight": false,
|
|
3440
3456
|
"spaceBefore": "default",
|
|
3441
3457
|
"spaceAfter": "default",
|
|
3442
|
-
"inverted":
|
|
3458
|
+
"inverted": true,
|
|
3443
3459
|
"headerSpacing": false,
|
|
3444
3460
|
"headline": {
|
|
3445
3461
|
"text": "Happy Customers Showcases",
|
|
@@ -3451,21 +3467,22 @@
|
|
|
3451
3467
|
"width": "unset",
|
|
3452
3468
|
"align": "center",
|
|
3453
3469
|
"gutter": "default",
|
|
3454
|
-
"mode": "
|
|
3470
|
+
"mode": "default",
|
|
3455
3471
|
"tileWidth": "default"
|
|
3456
3472
|
},
|
|
3457
3473
|
"buttons": []
|
|
3458
3474
|
},
|
|
3459
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3475
|
+
"screenshot": "img/screenshots/layout-section--inverted.png"
|
|
3460
3476
|
},
|
|
3461
3477
|
{
|
|
3462
|
-
"id": "layout-section--
|
|
3478
|
+
"id": "layout-section--accent-background",
|
|
3463
3479
|
"group": "Layout/Section",
|
|
3464
|
-
"name": "
|
|
3465
|
-
"code": "<Section\n backgroundColor=\"
|
|
3480
|
+
"name": "AccentBackground",
|
|
3481
|
+
"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>",
|
|
3466
3482
|
"args": {
|
|
3467
3483
|
"width": "default",
|
|
3468
|
-
"
|
|
3484
|
+
"style": "default",
|
|
3485
|
+
"backgroundColor": "accent",
|
|
3469
3486
|
"transition": "default",
|
|
3470
3487
|
"spotlight": false,
|
|
3471
3488
|
"spaceBefore": "default",
|
|
@@ -3483,22 +3500,22 @@
|
|
|
3483
3500
|
"width": "unset",
|
|
3484
3501
|
"align": "center",
|
|
3485
3502
|
"gutter": "default",
|
|
3486
|
-
"mode": "
|
|
3503
|
+
"mode": "default",
|
|
3487
3504
|
"tileWidth": "default"
|
|
3488
3505
|
},
|
|
3489
|
-
"buttons": []
|
|
3490
|
-
"style": "stagelights"
|
|
3506
|
+
"buttons": []
|
|
3491
3507
|
},
|
|
3492
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3508
|
+
"screenshot": "img/screenshots/layout-section--accent-background.png"
|
|
3493
3509
|
},
|
|
3494
3510
|
{
|
|
3495
|
-
"id": "layout-section--
|
|
3511
|
+
"id": "layout-section--bold-background",
|
|
3496
3512
|
"group": "Layout/Section",
|
|
3497
|
-
"name": "
|
|
3498
|
-
"code": "<Section\n backgroundColor=\"
|
|
3513
|
+
"name": "BoldBackground",
|
|
3514
|
+
"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>",
|
|
3499
3515
|
"args": {
|
|
3500
3516
|
"width": "default",
|
|
3501
|
-
"
|
|
3517
|
+
"style": "default",
|
|
3518
|
+
"backgroundColor": "bold",
|
|
3502
3519
|
"transition": "default",
|
|
3503
3520
|
"spotlight": false,
|
|
3504
3521
|
"spaceBefore": "default",
|
|
@@ -3516,21 +3533,22 @@
|
|
|
3516
3533
|
"width": "unset",
|
|
3517
3534
|
"align": "center",
|
|
3518
3535
|
"gutter": "default",
|
|
3519
|
-
"mode": "
|
|
3536
|
+
"mode": "default",
|
|
3520
3537
|
"tileWidth": "default"
|
|
3521
3538
|
},
|
|
3522
3539
|
"buttons": []
|
|
3523
3540
|
},
|
|
3524
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3541
|
+
"screenshot": "img/screenshots/layout-section--bold-background.png"
|
|
3525
3542
|
},
|
|
3526
3543
|
{
|
|
3527
|
-
"id": "layout-section--
|
|
3544
|
+
"id": "layout-section--framed",
|
|
3528
3545
|
"group": "Layout/Section",
|
|
3529
|
-
"name": "
|
|
3530
|
-
"code": "<Section\n backgroundColor=\"
|
|
3546
|
+
"name": "Framed",
|
|
3547
|
+
"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>",
|
|
3531
3548
|
"args": {
|
|
3532
3549
|
"width": "default",
|
|
3533
|
-
"
|
|
3550
|
+
"style": "framed",
|
|
3551
|
+
"backgroundColor": "default",
|
|
3534
3552
|
"transition": "default",
|
|
3535
3553
|
"spotlight": false,
|
|
3536
3554
|
"spaceBefore": "default",
|
|
@@ -3548,20 +3566,21 @@
|
|
|
3548
3566
|
"width": "unset",
|
|
3549
3567
|
"align": "center",
|
|
3550
3568
|
"gutter": "default",
|
|
3551
|
-
"mode": "
|
|
3569
|
+
"mode": "default",
|
|
3552
3570
|
"tileWidth": "default"
|
|
3553
3571
|
},
|
|
3554
3572
|
"buttons": []
|
|
3555
3573
|
},
|
|
3556
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3574
|
+
"screenshot": "img/screenshots/layout-section--framed.png"
|
|
3557
3575
|
},
|
|
3558
3576
|
{
|
|
3559
|
-
"id": "layout-section--
|
|
3577
|
+
"id": "layout-section--background-image",
|
|
3560
3578
|
"group": "Layout/Section",
|
|
3561
|
-
"name": "
|
|
3562
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: '
|
|
3579
|
+
"name": "BackgroundImage",
|
|
3580
|
+
"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>",
|
|
3563
3581
|
"args": {
|
|
3564
3582
|
"width": "default",
|
|
3583
|
+
"style": "default",
|
|
3565
3584
|
"backgroundColor": "default",
|
|
3566
3585
|
"transition": "default",
|
|
3567
3586
|
"spotlight": false,
|
|
@@ -3573,28 +3592,28 @@
|
|
|
3573
3592
|
"text": "Happy Customers Showcases",
|
|
3574
3593
|
"large": false,
|
|
3575
3594
|
"width": "unset",
|
|
3576
|
-
"sub": "We can create something shining for you too!"
|
|
3577
|
-
"align": "center"
|
|
3595
|
+
"sub": "We can create something shining for you too!"
|
|
3578
3596
|
},
|
|
3579
3597
|
"content": {
|
|
3580
3598
|
"width": "unset",
|
|
3581
3599
|
"align": "center",
|
|
3582
3600
|
"gutter": "default",
|
|
3583
|
-
"mode": "
|
|
3601
|
+
"mode": "default",
|
|
3584
3602
|
"tileWidth": "default"
|
|
3585
3603
|
},
|
|
3586
3604
|
"buttons": [],
|
|
3587
|
-
"
|
|
3605
|
+
"backgroundImage": "/img/bg_dot-carpet-blue.svg"
|
|
3588
3606
|
},
|
|
3589
|
-
"screenshot": "img/screenshots/layout-section--
|
|
3607
|
+
"screenshot": "img/screenshots/layout-section--background-image.png"
|
|
3590
3608
|
},
|
|
3591
3609
|
{
|
|
3592
3610
|
"id": "layout-section--with-buttons",
|
|
3593
3611
|
"group": "Layout/Section",
|
|
3594
3612
|
"name": "WithButtons",
|
|
3595
|
-
"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: '
|
|
3613
|
+
"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>",
|
|
3596
3614
|
"args": {
|
|
3597
3615
|
"width": "default",
|
|
3616
|
+
"style": "default",
|
|
3598
3617
|
"backgroundColor": "default",
|
|
3599
3618
|
"transition": "default",
|
|
3600
3619
|
"spotlight": false,
|
|
@@ -3613,7 +3632,7 @@
|
|
|
3613
3632
|
"width": "unset",
|
|
3614
3633
|
"align": "center",
|
|
3615
3634
|
"gutter": "default",
|
|
3616
|
-
"mode": "
|
|
3635
|
+
"mode": "default",
|
|
3617
3636
|
"tileWidth": "default"
|
|
3618
3637
|
},
|
|
3619
3638
|
"buttons": [
|
|
@@ -3635,102 +3654,6 @@
|
|
|
3635
3654
|
},
|
|
3636
3655
|
"screenshot": "img/screenshots/layout-section--with-buttons.png"
|
|
3637
3656
|
},
|
|
3638
|
-
{
|
|
3639
|
-
"id": "layout-section--tile-layout",
|
|
3640
|
-
"group": "Layout/Section",
|
|
3641
|
-
"name": "TileLayout",
|
|
3642
|
-
"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>",
|
|
3643
|
-
"args": {
|
|
3644
|
-
"width": "max",
|
|
3645
|
-
"backgroundColor": "default",
|
|
3646
|
-
"transition": "default",
|
|
3647
|
-
"spotlight": false,
|
|
3648
|
-
"spaceBefore": "default",
|
|
3649
|
-
"spaceAfter": "default",
|
|
3650
|
-
"inverted": false,
|
|
3651
|
-
"headerSpacing": false,
|
|
3652
|
-
"headline": {
|
|
3653
|
-
"text": "Happy Customers Showcases",
|
|
3654
|
-
"large": false,
|
|
3655
|
-
"width": "unset",
|
|
3656
|
-
"sub": "We can create something shining for you too!",
|
|
3657
|
-
"align": "center"
|
|
3658
|
-
},
|
|
3659
|
-
"content": {
|
|
3660
|
-
"width": "unset",
|
|
3661
|
-
"align": "center",
|
|
3662
|
-
"gutter": "default",
|
|
3663
|
-
"mode": "tile",
|
|
3664
|
-
"tileWidth": "default"
|
|
3665
|
-
},
|
|
3666
|
-
"buttons": []
|
|
3667
|
-
},
|
|
3668
|
-
"screenshot": "img/screenshots/layout-section--tile-layout.png"
|
|
3669
|
-
},
|
|
3670
|
-
{
|
|
3671
|
-
"id": "layout-section--flex-layout",
|
|
3672
|
-
"group": "Layout/Section",
|
|
3673
|
-
"name": "FlexLayout",
|
|
3674
|
-
"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>",
|
|
3675
|
-
"args": {
|
|
3676
|
-
"width": "max",
|
|
3677
|
-
"backgroundColor": "default",
|
|
3678
|
-
"transition": "default",
|
|
3679
|
-
"spotlight": false,
|
|
3680
|
-
"spaceBefore": "default",
|
|
3681
|
-
"spaceAfter": "default",
|
|
3682
|
-
"inverted": false,
|
|
3683
|
-
"headerSpacing": false,
|
|
3684
|
-
"headline": {
|
|
3685
|
-
"text": "Happy Customers Showcases",
|
|
3686
|
-
"large": false,
|
|
3687
|
-
"width": "unset",
|
|
3688
|
-
"sub": "We can create something shining for you too!",
|
|
3689
|
-
"align": "center"
|
|
3690
|
-
},
|
|
3691
|
-
"content": {
|
|
3692
|
-
"width": "unset",
|
|
3693
|
-
"align": "center",
|
|
3694
|
-
"gutter": "default",
|
|
3695
|
-
"mode": "list",
|
|
3696
|
-
"tileWidth": "default"
|
|
3697
|
-
},
|
|
3698
|
-
"buttons": []
|
|
3699
|
-
},
|
|
3700
|
-
"screenshot": "img/screenshots/layout-section--flex-layout.png"
|
|
3701
|
-
},
|
|
3702
|
-
{
|
|
3703
|
-
"id": "layout-section--list-layout",
|
|
3704
|
-
"group": "Layout/Section",
|
|
3705
|
-
"name": "ListLayout",
|
|
3706
|
-
"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>",
|
|
3707
|
-
"args": {
|
|
3708
|
-
"width": "default",
|
|
3709
|
-
"backgroundColor": "default",
|
|
3710
|
-
"transition": "default",
|
|
3711
|
-
"spotlight": false,
|
|
3712
|
-
"spaceBefore": "default",
|
|
3713
|
-
"spaceAfter": "default",
|
|
3714
|
-
"inverted": false,
|
|
3715
|
-
"headerSpacing": false,
|
|
3716
|
-
"headline": {
|
|
3717
|
-
"text": "Happy Customers Showcases",
|
|
3718
|
-
"large": false,
|
|
3719
|
-
"width": "unset",
|
|
3720
|
-
"sub": "We can create something shining for you too!",
|
|
3721
|
-
"align": "center"
|
|
3722
|
-
},
|
|
3723
|
-
"content": {
|
|
3724
|
-
"width": "unset",
|
|
3725
|
-
"align": "center",
|
|
3726
|
-
"gutter": "default",
|
|
3727
|
-
"mode": "list",
|
|
3728
|
-
"tileWidth": "default"
|
|
3729
|
-
},
|
|
3730
|
-
"buttons": []
|
|
3731
|
-
},
|
|
3732
|
-
"screenshot": "img/screenshots/layout-section--list-layout.png"
|
|
3733
|
-
},
|
|
3734
3657
|
{
|
|
3735
3658
|
"id": "layout-slider--with-arrows",
|
|
3736
3659
|
"group": "Layout/Slider",
|