@kickstartds/ds-agency-premium 1.2.14 → 1.2.16
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/{SectionProps-93230a76.d.ts → SectionProps-83d399b4.d.ts} +1 -1
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +61 -79
- package/dist/components/section/index.d.ts +1 -1
- package/dist/global.css +1 -1
- package/dist/static/tokens-business.css +1 -1
- package/dist/static/tokens-google.css +1 -1
- package/dist/static/tokens-ngo.css +1 -1
- package/dist/static/tokens-telekom.css +1 -1
- package/dist/static/tokens.css +1 -1
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- /package/dist/{ImageStoryProps-24e0335c.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
|
@@ -8,7 +8,7 @@ import { FaqProps } from "./FaqProps-ad618cd5.js";
|
|
|
8
8
|
import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
|
|
9
9
|
import { GalleryProps } from "./GalleryProps-76e7de44.js";
|
|
10
10
|
import { HeroProps } from "./HeroProps-cf82a16d.js";
|
|
11
|
-
import { ImageStoryProps } from "./ImageStoryProps-
|
|
11
|
+
import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
|
|
12
12
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
13
13
|
import { LogosProps } from "./LogosProps-a8efd101.js";
|
|
14
14
|
import { MosaicProps } from "./MosaicProps-aacb9422.js";
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
5
5
|
* and run json-schema-to-typescript to regenerate this file.
|
|
6
6
|
*/
|
|
7
|
-
import { SectionProps } from "../../SectionProps-
|
|
7
|
+
import { SectionProps } from "../../SectionProps-83d399b4.js";
|
|
8
8
|
import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
|
|
9
9
|
/* eslint-disable */
|
|
10
10
|
/**
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
},
|
|
385
385
|
{
|
|
386
386
|
"id": "components-cta--banner",
|
|
387
|
-
"group": "Components/
|
|
387
|
+
"group": "Components/Cta",
|
|
388
388
|
"name": "Banner",
|
|
389
389
|
"code": "<Cta\n buttons={[\n {\n icon: 'person',\n label: 'Contact Us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n target: '#'\n }\n ]}\n contentAlign=\"center\"\n headline=\"Ready to Transform Your Development Process?\"\n image={{\n padding: true\n }}\n order={{\n desktopImageLast: true,\n mobileImageLast: false\n }}\n sub=\"Start your journey today.\"\n text=\"Get started with our design system today and experience a new level of efficiency and consistency in your projects.\"\n textAlign=\"center\"\n/>",
|
|
390
390
|
"args": {
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
},
|
|
421
421
|
{
|
|
422
422
|
"id": "components-cta--highlighted",
|
|
423
|
-
"group": "Components/
|
|
423
|
+
"group": "Components/Cta",
|
|
424
424
|
"name": "Highlighted",
|
|
425
425
|
"code": "<Cta\n buttons={[\n {\n icon: 'person',\n label: 'Get Started',\n target: '#'\n }\n ]}\n contentAlign=\"center\"\n headline=\"Why Choose Our Design System?\"\n highlightText\n image={{\n padding: true\n }}\n order={{\n desktopImageLast: true,\n mobileImageLast: false\n }}\n sub=\"Built for consistency and speed.\"\n text=\"Our design system is built with scalability and efficiency in mind. It allows for consistent UI across different platforms, making your development process smoother and faster.\"\n textAlign=\"center\"\n/>",
|
|
426
426
|
"args": {
|
|
@@ -451,7 +451,7 @@
|
|
|
451
451
|
},
|
|
452
452
|
{
|
|
453
453
|
"id": "components-cta--left-aligned",
|
|
454
|
-
"group": "Components/
|
|
454
|
+
"group": "Components/Cta",
|
|
455
455
|
"name": "LeftAligned",
|
|
456
456
|
"code": "<Cta\n buttons={[\n {\n icon: 'person',\n label: 'Learn More',\n target: '#'\n }\n ]}\n contentAlign=\"center\"\n headline=\"Experience Our Design System\"\n image={{\n padding: true\n }}\n order={{\n desktopImageLast: true,\n mobileImageLast: false\n }}\n sub=\"Efficient, scalable, seamless.\"\n text=\"Our design system offers a seamless and efficient way to build scalable applications. Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.\"\n textAlign=\"left\"\n/>",
|
|
457
457
|
"args": {
|
|
@@ -482,7 +482,7 @@
|
|
|
482
482
|
},
|
|
483
483
|
{
|
|
484
484
|
"id": "components-cta--product-advertisement",
|
|
485
|
-
"group": "Components/
|
|
485
|
+
"group": "Components/Cta",
|
|
486
486
|
"name": "ProductAdvertisement",
|
|
487
487
|
"code": "<Cta\n backgroundImage=\"img/bg_dot-carpet-blue.svg\"\n buttons={[\n {\n icon: 'chevron-right',\n label: 'Shop Now',\n target: '/shop',\n variant: 'primary'\n },\n {\n label: 'Learn More',\n target: '/product-info',\n variant: 'secondary'\n }\n ]}\n contentAlign=\"center\"\n headline=\"Experience Immersive Sound\"\n highlightText\n image={{\n alt: 'Over-Ear Headphones',\n padding: false,\n src: 'img/showcases/comp_audio04.png'\n }}\n order={{\n desktopImageLast: false,\n mobileImageLast: false\n }}\n sub=\"With Our Premium Over-Ear Headphones\"\n text=\"Our over-ear headphones provide an immersive audio experience. With noise-cancellation technology and high-quality sound.\"\n textAlign=\"left\"\n width=\"wide\"\n/>",
|
|
488
488
|
"args": {
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
},
|
|
524
524
|
{
|
|
525
525
|
"id": "components-cta--contact-banner",
|
|
526
|
-
"group": "Components/
|
|
526
|
+
"group": "Components/Cta",
|
|
527
527
|
"name": "ContactBanner",
|
|
528
528
|
"code": "<Cta\n buttons={[\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ]}\n contentAlign=\"center\"\n fullWidth\n headline=\"Get in touch\"\n image={{\n padding: false,\n src: 'img/contact-person.png'\n }}\n order={{\n desktopImageLast: false,\n mobileImageLast: false\n }}\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/>",
|
|
529
529
|
"args": {
|
|
@@ -561,7 +561,7 @@
|
|
|
561
561
|
},
|
|
562
562
|
{
|
|
563
563
|
"id": "components-cta--split-banner",
|
|
564
|
-
"group": "Components/
|
|
564
|
+
"group": "Components/Cta",
|
|
565
565
|
"name": "SplitBanner",
|
|
566
566
|
"code": "<Cta\n backgroundColor=\"#001856\"\n buttons={[\n {\n icon: 'person',\n label: 'What can we do for you?',\n target: '#'\n }\n ]}\n colorNeutral\n contentAlign=\"center\"\n fullWidth\n headline=\"Design System Services\"\n image={{\n padding: false,\n src: 'img/colored-square.png'\n }}\n order={{\n desktopImageLast: false,\n mobileImageLast: false\n }}\n sub=\"Subheadline\"\n text=\"Here at Systemics, we bring a range of design system services that can make a difference.\"\n textAlign=\"left\"\n width=\"wide\"\n/>",
|
|
567
567
|
"args": {
|
|
@@ -595,7 +595,7 @@
|
|
|
595
595
|
},
|
|
596
596
|
{
|
|
597
597
|
"id": "components-cta--angled-image",
|
|
598
|
-
"group": "Components/
|
|
598
|
+
"group": "Components/Cta",
|
|
599
599
|
"name": "AngledImage",
|
|
600
600
|
"code": "<Cta\n buttons={[\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ]}\n contentAlign=\"center\"\n fullWidth\n headline=\"Our **Approach** to Design Systems\"\n image={{\n padding: false,\n src: 'img/angled-image.png'\n }}\n order={{\n desktopImageLast: true,\n mobileImageLast: false\n }}\n sub=\"Subheadline\"\n text=\"We value efficiency without compromising quality. Our secret weapon? kickstartDS, a revolutionary code-first and open source framework for creating design systems.\n\nThis tool accelerates our development, saving you valuable time and helping us deliver top-notch results faster.\"\n textAlign=\"left\"\n width=\"wide\"\n/>",
|
|
601
601
|
"args": {
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
},
|
|
634
634
|
{
|
|
635
635
|
"id": "components-cta--colored-banner",
|
|
636
|
-
"group": "Components/
|
|
636
|
+
"group": "Components/Cta",
|
|
637
637
|
"name": "ColoredBanner",
|
|
638
638
|
"code": "<Cta\n backgroundColor=\"#a30051\"\n buttons={[\n {\n label: 'Learn More',\n target: '#'\n },\n {\n label: 'Contact Us',\n target: '#'\n }\n ]}\n colorNeutral\n contentAlign=\"center\"\n headline=\"Expertise in Scalable Solutions\"\n highlightText\n image={{\n padding: true\n }}\n order={{\n desktopImageLast: true,\n mobileImageLast: false\n }}\n sub=\"Subheadline\"\n text=\"Leverage our expertise in creating scalable and robust applications using modern technologies.\"\n textAlign=\"left\"\n/>",
|
|
639
639
|
"args": {
|
|
@@ -668,7 +668,7 @@
|
|
|
668
668
|
},
|
|
669
669
|
{
|
|
670
670
|
"id": "components-cta--align-bottom",
|
|
671
|
-
"group": "Components/
|
|
671
|
+
"group": "Components/Cta",
|
|
672
672
|
"name": "AlignBottom",
|
|
673
673
|
"code": "<Cta\n backgroundImage=\"img/grid-bg.svg\"\n buttons={[\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ]}\n contentAlign=\"bottom\"\n fullWidth\n headline=\"Custom Solutions\"\n image={{\n padding: true,\n src: 'img/offset-image.png'\n }}\n order={{\n desktopImageLast: false,\n mobileImageLast: false\n }}\n sub=\"Subheadline\"\n text=\"At Systemics, we believe in the power of technology to transform businesses. Our team of experienced professionals is dedicated to providing innovative solutions that meet the unique needs of your business.\n\nWe understand that every business is different, and that's why we offer custom solutions tailored to your specific business needs and requirements.\"\n textAlign=\"left\"\n width=\"wide\"\n/>",
|
|
674
674
|
"args": {
|
|
@@ -1726,7 +1726,7 @@
|
|
|
1726
1726
|
"id": "components-logos--centered-with-button",
|
|
1727
1727
|
"group": "Components/Logos",
|
|
1728
1728
|
"name": "CenteredWithButton",
|
|
1729
|
-
"code": "<Logos\n align=\"center\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'button',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: true\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n
|
|
1729
|
+
"code": "<Logos\n align=\"center\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'button',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: true\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n logo={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 2',\n src: 'img/logos/logoipsum-217.svg'\n },\n {\n alt: 'Logo 3',\n src: 'img/logos/logoipsum-239.svg'\n },\n {\n alt: 'Logo 4',\n src: 'img/logos/logoipsum-244.svg'\n },\n {\n alt: 'Logo 5',\n src: 'img/logos/logoipsum-250.svg'\n },\n {\n alt: 'Logo 6',\n src: 'img/logos/logoipsum-286.svg'\n }\n ]}\n logosPerRow={5}\n tagline=\"Your Success, Our Commitment\"\n/>",
|
|
1730
1730
|
"args": {
|
|
1731
1731
|
"tagline": "Your Success, Our Commitment",
|
|
1732
1732
|
"items": [
|
|
@@ -1752,7 +1752,7 @@
|
|
|
1752
1752
|
"label": "See all our partners",
|
|
1753
1753
|
"style": "button"
|
|
1754
1754
|
},
|
|
1755
|
-
"
|
|
1755
|
+
"logo": [
|
|
1756
1756
|
{
|
|
1757
1757
|
"src": "img/logos/logoipsum-212.svg",
|
|
1758
1758
|
"alt": "Logo 1"
|
|
@@ -1785,7 +1785,7 @@
|
|
|
1785
1785
|
"id": "components-logos--left-aligned-with-text-link",
|
|
1786
1786
|
"group": "Components/Logos",
|
|
1787
1787
|
"name": "LeftAlignedWithTextLink",
|
|
1788
|
-
"code": "<Logos\n align=\"left\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'text',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: true\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n
|
|
1788
|
+
"code": "<Logos\n align=\"left\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'text',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: true\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n logo={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 2',\n src: 'img/logos/logoipsum-217.svg'\n },\n {\n alt: 'Logo 3',\n src: 'img/logos/logoipsum-239.svg'\n },\n {\n alt: 'Logo 4',\n src: 'img/logos/logoipsum-244.svg'\n },\n {\n alt: 'Logo 5',\n src: 'img/logos/logoipsum-250.svg'\n },\n {\n alt: 'Logo 6',\n src: 'img/logos/logoipsum-286.svg'\n }\n ]}\n logosPerRow={5}\n tagline=\"Your Success, Our Commitment\"\n/>",
|
|
1789
1789
|
"args": {
|
|
1790
1790
|
"tagline": "Your Success, Our Commitment",
|
|
1791
1791
|
"items": [
|
|
@@ -1811,7 +1811,7 @@
|
|
|
1811
1811
|
"label": "See all our partners",
|
|
1812
1812
|
"style": "text"
|
|
1813
1813
|
},
|
|
1814
|
-
"
|
|
1814
|
+
"logo": [
|
|
1815
1815
|
{
|
|
1816
1816
|
"src": "img/logos/logoipsum-212.svg",
|
|
1817
1817
|
"alt": "Logo 1"
|
|
@@ -1844,7 +1844,7 @@
|
|
|
1844
1844
|
"id": "components-logos--logo-wall",
|
|
1845
1845
|
"group": "Components/Logos",
|
|
1846
1846
|
"name": "LogoWall",
|
|
1847
|
-
"code": "<Logos\n align=\"center\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'text',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: false\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n
|
|
1847
|
+
"code": "<Logos\n align=\"center\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'text',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: false\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n logo={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 2',\n src: 'img/logos/logoipsum-217.svg'\n },\n {\n alt: 'Logo 3',\n src: 'img/logos/logoipsum-239.svg'\n },\n {\n alt: 'Logo 4',\n src: 'img/logos/logoipsum-244.svg'\n },\n {\n alt: 'Logo 5',\n src: 'img/logos/logoipsum-250.svg'\n },\n {\n alt: 'Logo 6',\n src: 'img/logos/logoipsum-286.svg'\n },\n {\n alt: 'Logo 4',\n src: 'img/logos/logoipsum-244.svg'\n },\n {\n alt: 'Logo 5',\n src: 'img/logos/logoipsum-250.svg'\n },\n {\n alt: 'Logo 6',\n src: 'img/logos/logoipsum-286.svg'\n },\n {\n alt: 'Logo 4',\n src: 'img/logos/logoipsum-244.svg'\n },\n {\n alt: 'Logo 5',\n src: 'img/logos/logoipsum-250.svg'\n },\n {\n alt: 'Logo 6',\n src: 'img/logos/logoipsum-286.svg'\n }\n ]}\n logosPerRow={4}\n tagline=\"Your Success, Our Commitment\"\n/>",
|
|
1848
1848
|
"args": {
|
|
1849
1849
|
"tagline": "Your Success, Our Commitment",
|
|
1850
1850
|
"items": [
|
|
@@ -1870,7 +1870,7 @@
|
|
|
1870
1870
|
"label": "See all our partners",
|
|
1871
1871
|
"style": "text"
|
|
1872
1872
|
},
|
|
1873
|
-
"
|
|
1873
|
+
"logo": [
|
|
1874
1874
|
{
|
|
1875
1875
|
"src": "img/logos/logoipsum-212.svg",
|
|
1876
1876
|
"alt": "Logo 1"
|
|
@@ -1927,7 +1927,7 @@
|
|
|
1927
1927
|
"id": "components-logos--logo-row",
|
|
1928
1928
|
"group": "Components/Logos",
|
|
1929
1929
|
"name": "LogoRow",
|
|
1930
|
-
"code": "<Logos\n align=\"center\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'text',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: false\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n
|
|
1930
|
+
"code": "<Logos\n align=\"center\"\n cta={{\n label: 'See all our partners',\n link: '#',\n style: 'text',\n text: 'Explore the success stories of our valued customers and discover more about their journey.',\n toggle: false\n }}\n items={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n }\n ]}\n logo={[\n {\n alt: 'Logo 1',\n src: 'img/logos/logoipsum-212.svg'\n },\n {\n alt: 'Logo 2',\n src: 'img/logos/logoipsum-217.svg'\n },\n {\n alt: 'Logo 3',\n src: 'img/logos/logoipsum-239.svg'\n },\n {\n alt: 'Logo 4',\n src: 'img/logos/logoipsum-244.svg'\n },\n {\n alt: 'Logo 5',\n src: 'img/logos/logoipsum-250.svg'\n },\n {\n alt: 'Logo 6',\n src: 'img/logos/logoipsum-286.svg'\n }\n ]}\n logosPerRow={6}\n tagline=\"Your Success, Our Commitment\"\n/>",
|
|
1931
1931
|
"args": {
|
|
1932
1932
|
"tagline": "Your Success, Our Commitment",
|
|
1933
1933
|
"items": [
|
|
@@ -1953,7 +1953,7 @@
|
|
|
1953
1953
|
"label": "See all our partners",
|
|
1954
1954
|
"style": "text"
|
|
1955
1955
|
},
|
|
1956
|
-
"
|
|
1956
|
+
"logo": [
|
|
1957
1957
|
{
|
|
1958
1958
|
"src": "img/logos/logoipsum-212.svg",
|
|
1959
1959
|
"alt": "Logo 1"
|
|
@@ -2084,7 +2084,7 @@
|
|
|
2084
2084
|
"id": "layout-section--cards",
|
|
2085
2085
|
"group": "Layout/Section",
|
|
2086
2086
|
"name": "Cards",
|
|
2087
|
-
"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 style=\"default\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2087
|
+
"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 style=\"default\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2088
2088
|
"args": {
|
|
2089
2089
|
"width": "default",
|
|
2090
2090
|
"style": "default",
|
|
@@ -2115,7 +2115,7 @@
|
|
|
2115
2115
|
"id": "layout-section--slider",
|
|
2116
2116
|
"group": "Layout/Section",
|
|
2117
2117
|
"name": "Slider",
|
|
2118
|
-
"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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2118
|
+
"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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2119
2119
|
"args": {
|
|
2120
2120
|
"width": "default",
|
|
2121
2121
|
"style": "default",
|
|
@@ -2145,7 +2145,7 @@
|
|
|
2145
2145
|
"id": "layout-section--inverted",
|
|
2146
2146
|
"group": "Layout/Section",
|
|
2147
2147
|
"name": "Inverted",
|
|
2148
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2148
|
+
"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 inverted\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2149
2149
|
"args": {
|
|
2150
2150
|
"width": "default",
|
|
2151
2151
|
"style": "default",
|
|
@@ -2156,37 +2156,19 @@
|
|
|
2156
2156
|
"inverted": true,
|
|
2157
2157
|
"headerSpacing": false,
|
|
2158
2158
|
"headline": {
|
|
2159
|
-
"text": "
|
|
2159
|
+
"text": "Happy Customers Showcases",
|
|
2160
2160
|
"large": false,
|
|
2161
|
-
"width": "unset"
|
|
2161
|
+
"width": "unset",
|
|
2162
|
+
"sub": "We can create something shining for you too!"
|
|
2162
2163
|
},
|
|
2163
2164
|
"content": {
|
|
2164
2165
|
"width": "unset",
|
|
2165
2166
|
"align": "center",
|
|
2166
2167
|
"gutter": "default",
|
|
2167
|
-
"mode": "
|
|
2168
|
+
"mode": "tile",
|
|
2168
2169
|
"tileWidth": "default"
|
|
2169
2170
|
},
|
|
2170
|
-
"buttons": [
|
|
2171
|
-
{
|
|
2172
|
-
"label": "Book a meeting",
|
|
2173
|
-
"variant": "secondary",
|
|
2174
|
-
"size": "medium",
|
|
2175
|
-
"disabled": false
|
|
2176
|
-
},
|
|
2177
|
-
{
|
|
2178
|
-
"label": "Book a meeting",
|
|
2179
|
-
"variant": "secondary",
|
|
2180
|
-
"size": "medium",
|
|
2181
|
-
"disabled": false
|
|
2182
|
-
},
|
|
2183
|
-
{
|
|
2184
|
-
"label": "Book a meeting",
|
|
2185
|
-
"variant": "secondary",
|
|
2186
|
-
"size": "medium",
|
|
2187
|
-
"disabled": false
|
|
2188
|
-
}
|
|
2189
|
-
]
|
|
2171
|
+
"buttons": []
|
|
2190
2172
|
},
|
|
2191
2173
|
"screenshot": "img/screenshots/layout-section--inverted.png"
|
|
2192
2174
|
},
|
|
@@ -2194,7 +2176,7 @@
|
|
|
2194
2176
|
"id": "layout-section--spotlight",
|
|
2195
2177
|
"group": "Layout/Section",
|
|
2196
2178
|
"name": "Spotlight",
|
|
2197
|
-
"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 spotlight\n style=\"default\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2179
|
+
"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 spotlight\n style=\"default\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2198
2180
|
"args": {
|
|
2199
2181
|
"width": "default",
|
|
2200
2182
|
"style": "default",
|
|
@@ -2225,7 +2207,7 @@
|
|
|
2225
2207
|
"id": "layout-section--stagelights",
|
|
2226
2208
|
"group": "Layout/Section",
|
|
2227
2209
|
"name": "Stagelights",
|
|
2228
|
-
"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=\"stagelights\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2210
|
+
"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=\"stagelights\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2229
2211
|
"args": {
|
|
2230
2212
|
"width": "default",
|
|
2231
2213
|
"style": "stagelights",
|
|
@@ -2257,7 +2239,7 @@
|
|
|
2257
2239
|
"id": "layout-section--accent-background",
|
|
2258
2240
|
"group": "Layout/Section",
|
|
2259
2241
|
"name": "AccentBackground",
|
|
2260
|
-
"code": "<Section\n backgroundColor=\"accent\"\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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2242
|
+
"code": "<Section\n backgroundColor=\"accent\"\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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2261
2243
|
"args": {
|
|
2262
2244
|
"width": "default",
|
|
2263
2245
|
"style": "default",
|
|
@@ -2289,7 +2271,7 @@
|
|
|
2289
2271
|
"id": "layout-section--bold-background",
|
|
2290
2272
|
"group": "Layout/Section",
|
|
2291
2273
|
"name": "BoldBackground",
|
|
2292
|
-
"code": "<Section\n backgroundColor=\"bold\"\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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2274
|
+
"code": "<Section\n backgroundColor=\"bold\"\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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2293
2275
|
"args": {
|
|
2294
2276
|
"width": "default",
|
|
2295
2277
|
"style": "default",
|
|
@@ -2321,7 +2303,7 @@
|
|
|
2321
2303
|
"id": "layout-section--colorful-gradient",
|
|
2322
2304
|
"group": "Layout/Section",
|
|
2323
2305
|
"name": "ColorfulGradient",
|
|
2324
|
-
"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=\"horizontalGradient\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2306
|
+
"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=\"horizontalGradient\"\n width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2325
2307
|
"args": {
|
|
2326
2308
|
"width": "default",
|
|
2327
2309
|
"style": "horizontalGradient",
|
|
@@ -2353,7 +2335,7 @@
|
|
|
2353
2335
|
"id": "layout-section--with-buttons",
|
|
2354
2336
|
"group": "Layout/Section",
|
|
2355
2337
|
"name": "WithButtons",
|
|
2356
|
-
"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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2338
|
+
"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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2357
2339
|
"args": {
|
|
2358
2340
|
"width": "default",
|
|
2359
2341
|
"style": "default",
|
|
@@ -2400,7 +2382,7 @@
|
|
|
2400
2382
|
"id": "layout-section--tile-layout",
|
|
2401
2383
|
"group": "Layout/Section",
|
|
2402
2384
|
"name": "TileLayout",
|
|
2403
|
-
"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 width=\"max\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2385
|
+
"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 width=\"max\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n</Section>",
|
|
2404
2386
|
"args": {
|
|
2405
2387
|
"width": "max",
|
|
2406
2388
|
"style": "default",
|
|
@@ -2432,7 +2414,7 @@
|
|
|
2432
2414
|
"id": "layout-section--flex-layout",
|
|
2433
2415
|
"group": "Layout/Section",
|
|
2434
2416
|
"name": "FlexLayout",
|
|
2435
|
-
"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=\"default\"\n width=\"max\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2417
|
+
"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=\"default\"\n width=\"max\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n</Section>",
|
|
2436
2418
|
"args": {
|
|
2437
2419
|
"width": "max",
|
|
2438
2420
|
"style": "default",
|
|
@@ -2464,7 +2446,7 @@
|
|
|
2464
2446
|
"id": "layout-section--list-layout",
|
|
2465
2447
|
"group": "Layout/Section",
|
|
2466
2448
|
"name": "ListLayout",
|
|
2467
|
-
"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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: '
|
|
2449
|
+
"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 width=\"default\"\n>\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <No Display Name\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2468
2450
|
"args": {
|
|
2469
2451
|
"width": "default",
|
|
2470
2452
|
"style": "default",
|
|
@@ -2698,7 +2680,7 @@
|
|
|
2698
2680
|
"id": "components-testimonials--simple",
|
|
2699
2681
|
"group": "Components/Testimonials",
|
|
2700
2682
|
"name": "Simple",
|
|
2701
|
-
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n
|
|
2683
|
+
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n testimonial={[\n {\n image: {\n alt: 'Alt Text Customer 1',\n src: 'img/people/author-emily.png'\n },\n name: 'Emily Johnson',\n quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n title: undefined\n }\n ]}\n/>",
|
|
2702
2684
|
"args": {
|
|
2703
2685
|
"layout": "slider",
|
|
2704
2686
|
"items": [
|
|
@@ -2727,7 +2709,7 @@
|
|
|
2727
2709
|
}
|
|
2728
2710
|
}
|
|
2729
2711
|
],
|
|
2730
|
-
"
|
|
2712
|
+
"testimonial": [
|
|
2731
2713
|
{
|
|
2732
2714
|
"quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
|
|
2733
2715
|
"image": {
|
|
@@ -2744,7 +2726,7 @@
|
|
|
2744
2726
|
"id": "components-testimonials--with-title",
|
|
2745
2727
|
"group": "Components/Testimonials",
|
|
2746
2728
|
"name": "WithTitle",
|
|
2747
|
-
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n
|
|
2729
|
+
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n testimonial={[\n {\n image: {\n alt: 'Alt Text Customer 1',\n src: 'img/people/author-emily.png'\n },\n name: 'Emily Johnson',\n quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n title: 'Chief Marketing Officer at TechFusion Enterprises'\n }\n ]}\n/>",
|
|
2748
2730
|
"args": {
|
|
2749
2731
|
"layout": "slider",
|
|
2750
2732
|
"items": [
|
|
@@ -2773,7 +2755,7 @@
|
|
|
2773
2755
|
}
|
|
2774
2756
|
}
|
|
2775
2757
|
],
|
|
2776
|
-
"
|
|
2758
|
+
"testimonial": [
|
|
2777
2759
|
{
|
|
2778
2760
|
"quote": "Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.",
|
|
2779
2761
|
"image": {
|
|
@@ -2788,12 +2770,12 @@
|
|
|
2788
2770
|
"screenshot": "img/screenshots/components-testimonials--with-title.png"
|
|
2789
2771
|
},
|
|
2790
2772
|
{
|
|
2791
|
-
"id": "components-testimonials--
|
|
2773
|
+
"id": "components-testimonials--list-layout",
|
|
2792
2774
|
"group": "Components/Testimonials",
|
|
2793
|
-
"name": "
|
|
2794
|
-
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"
|
|
2775
|
+
"name": "ListLayout",
|
|
2776
|
+
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"list\"\n testimonials={[\n {\n image: {\n alt: 'Alt Text Customer 1',\n src: 'img/people/author-emily.png'\n },\n name: 'Emily Johnson',\n quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n rating: 5,\n title: 'Chief Marketing Officer at TechFusion Enterprises'\n },\n {\n image: {\n alt: 'Alt Text Customer 2',\n src: 'img/people/author-john.png'\n },\n name: 'John Smith',\n quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n rating: 4,\n title: 'Director of Digital Strategy at EcoTech Solutions'\n },\n {\n image: {\n alt: 'Alt Text Customer 3',\n src: 'img/people/author-alex.png'\n },\n name: 'Alex Chen',\n quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n rating: 5,\n title: 'CEO of LaunchPad Innovations'\n }\n ]}\n/>",
|
|
2795
2777
|
"args": {
|
|
2796
|
-
"layout": "
|
|
2778
|
+
"layout": "list",
|
|
2797
2779
|
"items": [
|
|
2798
2780
|
{
|
|
2799
2781
|
"quote": "This product is amazing!",
|
|
@@ -2828,7 +2810,8 @@
|
|
|
2828
2810
|
"alt": "Alt Text Customer 1"
|
|
2829
2811
|
},
|
|
2830
2812
|
"name": "Emily Johnson",
|
|
2831
|
-
"title": "Chief Marketing Officer at TechFusion Enterprises"
|
|
2813
|
+
"title": "Chief Marketing Officer at TechFusion Enterprises",
|
|
2814
|
+
"rating": 5
|
|
2832
2815
|
},
|
|
2833
2816
|
{
|
|
2834
2817
|
"quote": "Systemics's design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand's credibility. It's a partnership that continues to pay dividends.",
|
|
@@ -2837,7 +2820,8 @@
|
|
|
2837
2820
|
"alt": "Alt Text Customer 2"
|
|
2838
2821
|
},
|
|
2839
2822
|
"name": "John Smith",
|
|
2840
|
-
"title": "Director of Digital Strategy at EcoTech Solutions"
|
|
2823
|
+
"title": "Director of Digital Strategy at EcoTech Solutions",
|
|
2824
|
+
"rating": 4
|
|
2841
2825
|
},
|
|
2842
2826
|
{
|
|
2843
2827
|
"quote": "As a startup, we needed to hit the ground running. Systemics's approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.",
|
|
@@ -2846,17 +2830,18 @@
|
|
|
2846
2830
|
"alt": "Alt Text Customer 3"
|
|
2847
2831
|
},
|
|
2848
2832
|
"name": "Alex Chen",
|
|
2849
|
-
"title": "CEO of LaunchPad Innovations"
|
|
2833
|
+
"title": "CEO of LaunchPad Innovations",
|
|
2834
|
+
"rating": 5
|
|
2850
2835
|
}
|
|
2851
2836
|
]
|
|
2852
2837
|
},
|
|
2853
|
-
"screenshot": "img/screenshots/components-testimonials--
|
|
2838
|
+
"screenshot": "img/screenshots/components-testimonials--list-layout.png"
|
|
2854
2839
|
},
|
|
2855
2840
|
{
|
|
2856
|
-
"id": "components-testimonials--
|
|
2841
|
+
"id": "components-testimonials--slider-layout",
|
|
2857
2842
|
"group": "Components/Testimonials",
|
|
2858
|
-
"name": "
|
|
2859
|
-
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n testimonials={[\n {\n image: {\n alt: 'Alt Text Customer 1',\n src: 'img/people/author-emily.png'\n },\n name: 'Emily Johnson',\n quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n
|
|
2843
|
+
"name": "SliderLayout",
|
|
2844
|
+
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n testimonials={[\n {\n image: {\n alt: 'Alt Text Customer 1',\n src: 'img/people/author-emily.png'\n },\n name: 'Emily Johnson',\n quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n title: 'Chief Marketing Officer at TechFusion Enterprises'\n },\n {\n image: {\n alt: 'Alt Text Customer 2',\n src: 'img/people/author-john.png'\n },\n name: 'John Smith',\n quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n title: 'Director of Digital Strategy at EcoTech Solutions'\n },\n {\n image: {\n alt: 'Alt Text Customer 3',\n src: 'img/people/author-alex.png'\n },\n name: 'Alex Chen',\n quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n title: 'CEO of LaunchPad Innovations'\n }\n ]}\n/>",
|
|
2860
2845
|
"args": {
|
|
2861
2846
|
"layout": "slider",
|
|
2862
2847
|
"items": [
|
|
@@ -2893,8 +2878,7 @@
|
|
|
2893
2878
|
"alt": "Alt Text Customer 1"
|
|
2894
2879
|
},
|
|
2895
2880
|
"name": "Emily Johnson",
|
|
2896
|
-
"title": "Chief Marketing Officer at TechFusion Enterprises"
|
|
2897
|
-
"rating": 5
|
|
2881
|
+
"title": "Chief Marketing Officer at TechFusion Enterprises"
|
|
2898
2882
|
},
|
|
2899
2883
|
{
|
|
2900
2884
|
"quote": "Systemics's design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand's credibility. It's a partnership that continues to pay dividends.",
|
|
@@ -2903,8 +2887,7 @@
|
|
|
2903
2887
|
"alt": "Alt Text Customer 2"
|
|
2904
2888
|
},
|
|
2905
2889
|
"name": "John Smith",
|
|
2906
|
-
"title": "Director of Digital Strategy at EcoTech Solutions"
|
|
2907
|
-
"rating": 4
|
|
2890
|
+
"title": "Director of Digital Strategy at EcoTech Solutions"
|
|
2908
2891
|
},
|
|
2909
2892
|
{
|
|
2910
2893
|
"quote": "As a startup, we needed to hit the ground running. Systemics's approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.",
|
|
@@ -2913,20 +2896,19 @@
|
|
|
2913
2896
|
"alt": "Alt Text Customer 3"
|
|
2914
2897
|
},
|
|
2915
2898
|
"name": "Alex Chen",
|
|
2916
|
-
"title": "CEO of LaunchPad Innovations"
|
|
2917
|
-
"rating": 5
|
|
2899
|
+
"title": "CEO of LaunchPad Innovations"
|
|
2918
2900
|
}
|
|
2919
2901
|
]
|
|
2920
2902
|
},
|
|
2921
|
-
"screenshot": "img/screenshots/components-testimonials--
|
|
2903
|
+
"screenshot": "img/screenshots/components-testimonials--slider-layout.png"
|
|
2922
2904
|
},
|
|
2923
2905
|
{
|
|
2924
|
-
"id": "components-testimonials--
|
|
2906
|
+
"id": "components-testimonials--with-rating",
|
|
2925
2907
|
"group": "Components/Testimonials",
|
|
2926
|
-
"name": "
|
|
2927
|
-
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"
|
|
2908
|
+
"name": "WithRating",
|
|
2909
|
+
"code": "<Testimonials\n items={[\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n },\n {\n image: {\n src: 'https://example.com/image.jpg'\n },\n name: 'John Doe',\n quote: 'This product is amazing!',\n title: 'CEO'\n }\n ]}\n layout=\"slider\"\n testimonials={[\n {\n image: {\n alt: 'Alt Text Customer 1',\n src: 'img/people/author-emily.png'\n },\n name: 'Emily Johnson',\n quote: 'Working with Systemics technology has been a game-changer for our brand. Their design system expertise brought harmony to our user experiences, making our digital platforms not just functional, but truly captivating.',\n rating: 5,\n title: 'Chief Marketing Officer at TechFusion Enterprises'\n },\n {\n image: {\n alt: 'Alt Text Customer 2',\n src: 'img/people/author-john.png'\n },\n name: 'John Smith',\n quote: 'Systemics\\'s design system transformed our development process. The consistency it introduced across our platforms not only saved us time but also boosted our brand\\'s credibility. It\\'s a partnership that continues to pay dividends.',\n rating: 4,\n title: 'Director of Digital Strategy at EcoTech Solutions'\n },\n {\n image: {\n alt: 'Alt Text Customer 3',\n src: 'img/people/author-alex.png'\n },\n name: 'Alex Chen',\n quote: 'As a startup, we needed to hit the ground running. Systemics\\'s approach streamlined our dev and design process, allowing us to scale faster and focus on what truly matters - building a product that stands out in the market.',\n rating: 5,\n title: 'CEO of LaunchPad Innovations'\n }\n ]}\n/>",
|
|
2928
2910
|
"args": {
|
|
2929
|
-
"layout": "
|
|
2911
|
+
"layout": "slider",
|
|
2930
2912
|
"items": [
|
|
2931
2913
|
{
|
|
2932
2914
|
"quote": "This product is amazing!",
|
|
@@ -2986,7 +2968,7 @@
|
|
|
2986
2968
|
}
|
|
2987
2969
|
]
|
|
2988
2970
|
},
|
|
2989
|
-
"screenshot": "img/screenshots/components-testimonials--
|
|
2971
|
+
"screenshot": "img/screenshots/components-testimonials--with-rating.png"
|
|
2990
2972
|
},
|
|
2991
2973
|
{
|
|
2992
2974
|
"id": "components-testimonials--alternating-layout",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
import { SectionProps } from "../../SectionProps-
|
|
3
|
+
import { SectionProps } from "../../SectionProps-83d399b4.js";
|
|
4
4
|
declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const SectionProvider: FC<PropsWithChildren<any>>;
|
|
6
6
|
export { Section, SectionProvider };
|
package/dist/global.css
CHANGED
|
@@ -454,7 +454,7 @@ h3 {
|
|
|
454
454
|
|
|
455
455
|
:root .c-form-check, :root #root .c-form-check, [ks-inverted] .c-form-check, [ks-inverted] #root .c-form-check, #root [ks-inverted] .c-form-check, [ks-inverted] #root .c-form-check, [ks-theme] .c-form-check, [ks-theme] #root .c-form-check, #root [ks-theme] .c-form-check {
|
|
456
456
|
--c-form-check_box--size: var(--dsa-form-check--size, 1rem);
|
|
457
|
-
--c-form-check_box--border: var(--dsa-form-check--border, var(--ks-border-width-default) solid
|
|
457
|
+
--c-form-check_box--border: var(--dsa-form-check--border, var(--ks-border-width-default)) solid;
|
|
458
458
|
--c-form-check_box--border-color: var(--dsa-form-check--border-color, var(--ks-border-color-interface-interactive));
|
|
459
459
|
--c-form-check_box-hover--border-color: var(
|
|
460
460
|
--dsa-form-check--border-color_hover,
|
package/dist/static/tokens.css
CHANGED
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
File without changes
|