@designcrowd/library.brand-page 6.2.11-builder-v2-1 → 6.2.12

package/src/brand-page/__fixtures__/migration-22-v21/real-brandsite-header-banner.v21.json

@@ -0,0 +1,481 @@
+{
+  "v": 21,
+  "styles": {
+    "backgroundStyles": {
+      "style": {
+        "background": "var(--palette-1)"
+      },
+      "backgroundShapeStyle": {
+        "background": ""
+      },
+      "backgroundImageUrl": "",
+      "backgroundShapes": [],
+      "mediaOverlayStyle": {
+        "backgroundColor": "var(--palette-0)",
+        "opacity": "0"
+      }
+    },
+    "buttonStyles": {
+      "style": {
+        "color": "var(--palette-1)",
+        "borderColor": "var(--palette-1)",
+        "backgroundColor": "var(--palette-0)"
+      },
+      "iconStyle": {
+        "fill": "var(--palette-1)"
+      },
+      "selectedButtonStyleId": "BUTTON_STYLE_1"
+    },
+    "logoStyles": {
+      "imageStyle": {
+        "width": "10.5rem",
+        "height": "9.5rem"
+      }
+    },
+    "textStyles": {
+      "textFontFamily": "lato",
+      "textStyleOptions": {
+        "titles": {
+          "type": "titles",
+          "title": "Titles",
+          "style": {
+            "fontSize": "2.25em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.1",
+            "letterSpacing": "0",
+            "color": "var(--palette-0)"
+          },
+          "isModified": false
+        },
+        "headings": {
+          "type": "headings",
+          "title": "Headings",
+          "style": {
+            "fontSize": "1.5em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "letterSpacing": "0",
+            "color": "var(--palette-0)"
+          },
+          "isModified": false
+        },
+        "paragraphs": {
+          "type": "paragraphs",
+          "title": "Paragraphs",
+          "style": {
+            "fontSize": "1em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "letterSpacing": "0",
+            "color": "var(--palette-0)"
+          },
+          "isModified": false
+        },
+        "buttons": {
+          "type": "buttons",
+          "title": "Buttons",
+          "style": {
+            "fontSize": "1em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "letterSpacing": "0",
+            "color": "var(--palette-1)"
+          },
+          "isModified": false
+        }
+      }
+    },
+    "galleryStyles": {
+      "galleryType": "grid"
+    },
+    "colors": [
+      {
+        "id": "palette-0",
+        "value": "#000000",
+        "type": "palette"
+      },
+      {
+        "id": "palette-1",
+        "value": "#d0f3ff",
+        "type": "palette"
+      },
+      {
+        "id": "palette-2",
+        "value": "#eeeeee",
+        "type": "palette"
+      },
+      {
+        "id": "palette-3",
+        "value": "#6f7e83",
+        "type": "palette"
+      },
+      {
+        "id": "palette-custom-h4ppr5",
+        "value": "#ffffff",
+        "type": "custom"
+      }
+    ]
+  },
+  "pageHeaderMobile": {
+    "displayStyle": "mobile-hamburger-horizontal-stack-centered-logo-right-menu",
+    "navigation": {
+      "displayType": "nav-hamburger-hamburger",
+      "renderAfterLogo": false,
+      "defaultButtonStyle": {
+        "borderBottomWidth": "0px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "fontFamily": "Lato",
+        "fontWeight": "normal",
+        "textAlign": "center",
+        "lineHeight": "1.1"
+      },
+      "selectedButtonStyle": {
+        "borderStyle": "solid",
+        "borderRadius": "0px",
+        "borderBottomWidth": "4px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "borderColor": "var(--palette-0)"
+      },
+      "iconStyle": {},
+      "isLogoVisible": true,
+      "hamburgerMenuStyle": {
+        "defaultButtonStyle": {
+          "textAlign": "left",
+          "fontFamily": "Lato",
+          "backgroundColor": "var(--palette-1)",
+          "color": "var(--palette-0)",
+          "textStyleType": "buttons"
+        },
+        "selectedButtonStyle": {
+          "backgroundColor": "var(--palette-0)",
+          "color": "var(--palette-1)"
+        },
+        "iconStyle": {
+          "border": "solid",
+          "borderWidth": "0px",
+          "borderRadius": "8px",
+          "color": "var(--palette-1)",
+          "backgroundColor": "var(--palette-0)"
+        }
+      },
+      "viewport": "mobile"
+    },
+    "isLogoOptional": false,
+    "isLogoVisible": true,
+    "logoImageHeight": "10rem",
+    "logoImageWidth": "10rem",
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "backgroundStyle": {
+      "backgroundOpacity": 100
+    },
+    "style": {},
+    "viewport": "mobile"
+  },
+  "pageHeaderDesktop": {
+    "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
+    "navigation": {
+      "displayType": "nav-tab-tabs",
+      "renderAfterLogo": false,
+      "defaultButtonStyle": {
+        "borderBottomWidth": "0px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "fontFamily": "Lato",
+        "fontWeight": "normal",
+        "textAlign": "center",
+        "borderStyle": "solid",
+        "borderRadius": "0px",
+        "lineHeight": "1.3"
+      },
+      "selectedButtonStyle": {
+        "borderStyle": "solid",
+        "borderRadius": "0px",
+        "borderBottomWidth": "4px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "borderColor": "var(--palette-0)"
+      },
+      "iconStyle": {},
+      "isLogoVisible": true,
+      "hamburgerMenuStyle": {
+        "defaultButtonStyle": {
+          "textAlign": "left",
+          "fontFamily": "Lato",
+          "backgroundColor": "var(--palette-1)",
+          "color": "var(--palette-0)",
+          "textStyleType": "buttons"
+        },
+        "selectedButtonStyle": {
+          "backgroundColor": "var(--palette-0)",
+          "color": "var(--palette-1)"
+        },
+        "iconStyle": {
+          "border": "solid",
+          "borderWidth": "0px",
+          "borderRadius": "8px",
+          "color": "var(--palette-1)",
+          "backgroundColor": "var(--palette-0)"
+        }
+      },
+      "viewport": "desktop"
+    },
+    "isLogoOptional": false,
+    "isLogoVisible": true,
+    "logoImageHeight": "10rem",
+    "logoImageWidth": "10rem",
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "backgroundStyle": {
+      "backgroundOpacity": 100
+    },
+    "style": {},
+    "viewport": "desktop"
+  },
+  "pageFooterMobile": {
+    "displayStyle": "centered-menu",
+    "copyrightText": "© 2024. All Rights Reserved.",
+    "copyrightStyle": {
+      "color": "var(--palette-0)",
+      "fontSize": "1.25em",
+      "wordBreak": "normal",
+      "fontFamily": "Poppins",
+      "lineHeight": "1.1",
+      "overflowWrap": "anywhere"
+    },
+    "backgroundStyle": {
+      "backgroundColor": "var(--palette-1)"
+    },
+    "iconStyle": {
+      "fill": "var(--palette-0)"
+    },
+    "isLogoOptional": true,
+    "isLogoVisible": true,
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "socialLinks": [
+      {
+        "url": "https://www.facebook.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "facebook",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000027"
+      },
+      {
+        "url": "https://www.instagram.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "instagram",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000028"
+      },
+      {
+        "url": "https://www.x.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "x",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000029"
+      }
+    ],
+    "textFontFamily": {},
+    "viewport": "mobile",
+    "logoImageHeight": "10rem",
+    "logoImageWidth": "10rem"
+  },
+  "pageFooterDesktop": {
+    "displayStyle": "justified-menu",
+    "copyrightText": "© 2024. All Rights Reserved.",
+    "copyrightStyle": {
+      "color": "var(--palette-0)",
+      "fontSize": "1.25em",
+      "wordBreak": "normal",
+      "fontFamily": "Poppins",
+      "lineHeight": "1.1",
+      "overflowWrap": "anywhere"
+    },
+    "backgroundStyle": {
+      "backgroundColor": "var(--palette-1)"
+    },
+    "iconStyle": {
+      "fill": "var(--palette-0)"
+    },
+    "isLogoOptional": true,
+    "isLogoVisible": true,
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "socialLinks": [
+      {
+        "url": "https://www.facebook.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "facebook",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000024"
+      },
+      {
+        "url": "https://www.instagram.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "instagram",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000025"
+      },
+      {
+        "url": "https://www.x.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "x",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000026"
+      }
+    ],
+    "textFontFamily": {},
+    "viewport": "desktop",
+    "logoImageHeight": "10rem",
+    "logoImageWidth": "10rem"
+  },
+  "pages": [
+    {
+      "slug": "home",
+      "title": "Home",
+      "contents": [
+        {
+          "id": "5ba2eb90-773f-402e-bfee-c03623b5e12f",
+          "url": "",
+          "type": "banner-section",
+          "title": "This is a banner",
+          "imageUrl": "",
+          "cardStyle": {
+            "backgroundColor": "var(--palette-custom-h4ppr5)"
+          },
+          "buttonText": "Get Started",
+          "titleStyle": {
+            "textAlign": "left",
+            "textStyleType": "titles",
+            "fontFamily": "Lato",
+            "lineHeight": "1.3",
+            "applyAutoScale": true
+          },
+          "description": "This is banner description",
+          "displayStyle": "left-aligned",
+          "overlayColor": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "buttonLinkType": "url",
+          "overlayOpacity": 50,
+          "backgroundStyle": {},
+          "buttonTextStyle": {
+            "textAlign": "left",
+            "textStyleType": "buttons",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": true
+          },
+          "descriptionStyle": {
+            "textAlign": "left",
+            "textStyleType": "paragraphs",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": true
+          },
+          "colorReplacements": [],
+          "buttonPageId": "",
+          "topPadding": 32,
+          "bottomPadding": 32
+        }
+      ],
+      "id": "4aad6ba1-d693-5e83-b790-a441c01e353c"
+    },
+    {
+      "slug": "page2",
+      "title": "Page2",
+      "contents": [],
+      "id": "1390300f-4b6d-53fb-87f1-8f1cd6ccd685"
+    }
+  ],
+  "nav": {
+    "orders": [
+      {
+        "routeId": "40b2da0a-05b5-5704-a224-61183d6e0370",
+        "subRoutes": []
+      },
+      {
+        "routeId": "328850bd-59d8-534b-a16b-1ef809a5ab11",
+        "subRoutes": []
+      }
+    ],
+    "routes": [
+      {
+        "id": "40b2da0a-05b5-5704-a224-61183d6e0370",
+        "pageId": "4aad6ba1-d693-5e83-b790-a441c01e353c",
+        "pageSlug": "home",
+        "isHidden": false,
+        "displayName": "Home"
+      },
+      {
+        "id": "328850bd-59d8-534b-a16b-1ef809a5ab11",
+        "pageId": "1390300f-4b6d-53fb-87f1-8f1cd6ccd685",
+        "pageSlug": "page2",
+        "isHidden": false,
+        "displayName": "Page2"
+      }
+    ]
+  },
+  "isModifiedAfterTemplateApplied": true,
+  "brandPageType": "brandSite",
+  "cookieOptions": {}
+}