@designcrowd/library.brand-page 6.2.11 → 6.2.12

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/real-brandsite-header-banner.v22.json

@@ -0,0 +1,660 @@
+{
+  "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": {
+      "textStyleOptions": {
+        "heading1": {
+          "type": "heading1",
+          "title": "Heading 1",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "6.875em",
+            "fontWeight": "bold",
+            "lineHeight": "1.2"
+          },
+          "isModified": false
+        },
+        "heading2": {
+          "type": "heading2",
+          "title": "Heading 2",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "5.25em",
+            "fontWeight": "bold",
+            "lineHeight": "1.2"
+          },
+          "isModified": false
+        },
+        "heading3": {
+          "type": "heading3",
+          "title": "Heading 3",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "3.1875em",
+            "fontWeight": "bold",
+            "lineHeight": "1.25"
+          },
+          "isModified": false
+        },
+        "heading4": {
+          "type": "heading4",
+          "title": "Heading 4",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "2.1875em",
+            "fontWeight": "bold",
+            "lineHeight": "1.3"
+          },
+          "isModified": false
+        },
+        "heading5": {
+          "type": "heading5",
+          "title": "Heading 5",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "1.4375em",
+            "fontWeight": "bold",
+            "lineHeight": "1.35"
+          },
+          "isModified": false
+        },
+        "heading6": {
+          "type": "heading6",
+          "title": "Heading 6",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "1em",
+            "fontWeight": "bold",
+            "lineHeight": "1.4"
+          },
+          "isModified": false
+        },
+        "paragraph1": {
+          "type": "paragraph1",
+          "title": "Paragraph 1",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "1.375em",
+            "fontWeight": "normal",
+            "lineHeight": "1.5"
+          },
+          "isModified": false
+        },
+        "paragraph2": {
+          "type": "paragraph2",
+          "title": "Paragraph 2",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "1.125em",
+            "fontWeight": "normal",
+            "lineHeight": "1.5"
+          },
+          "isModified": false
+        },
+        "paragraph3": {
+          "type": "paragraph3",
+          "title": "Paragraph 3",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "0.875em",
+            "fontWeight": "normal",
+            "lineHeight": "1.6"
+          },
+          "isModified": false
+        },
+        "button": {
+          "type": "button",
+          "title": "Button text",
+          "style": {
+            "fontFamily": "Lato",
+            "fontSize": "1em",
+            "fontWeight": "normal",
+            "lineHeight": "1.2"
+          },
+          "isModified": false
+        },
+        "titles": {
+          "type": "titles",
+          "title": "Titles",
+          "style": {
+            "fontSize": "2.25em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.1",
+            "letterSpacing": "0"
+          },
+          "isModified": false
+        },
+        "headings": {
+          "type": "headings",
+          "title": "Headings",
+          "style": {
+            "fontSize": "1.5em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "letterSpacing": "0"
+          },
+          "isModified": false
+        },
+        "paragraphs": {
+          "type": "paragraphs",
+          "title": "Paragraphs",
+          "style": {
+            "fontSize": "1em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "letterSpacing": "0"
+          },
+          "isModified": false
+        },
+        "buttons": {
+          "type": "buttons",
+          "title": "Buttons",
+          "style": {
+            "fontSize": "1em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "letterSpacing": "0"
+          },
+          "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",
+        "textAlign": "center",
+        "lineHeight": "1.1",
+        "textStyleType": "paragraph1"
+      },
+      "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",
+          "backgroundColor": "var(--palette-1)",
+          "color": "var(--palette-0)",
+          "textStyleType": "button",
+          "lineHeight": "1.5",
+          "letterSpacing": "0"
+        },
+        "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": {},
+    "logoImageUrl": "",
+    "logoDraftToken": "",
+    "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",
+        "textAlign": "center",
+        "borderStyle": "solid",
+        "borderRadius": "0px",
+        "lineHeight": "1.3",
+        "textStyleType": "paragraph1"
+      },
+      "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",
+          "backgroundColor": "var(--palette-1)",
+          "color": "var(--palette-0)",
+          "textStyleType": "button",
+          "lineHeight": "1.5",
+          "letterSpacing": "0"
+        },
+        "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": {},
+    "logoImageUrl": "",
+    "logoDraftToken": "",
+    "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",
+      "fontWeight": "normal",
+      "textStyleType": "heading5"
+    },
+    "backgroundStyle": {
+      "backgroundColor": "var(--palette-1)"
+    },
+    "iconStyle": {
+      "fill": "var(--palette-0)"
+    },
+    "isLogoOptional": true,
+    "isLogoVisible": true,
+    "logoImageStyle": {},
+    "logoImageUrl": "",
+    "logoDraftToken": "",
+    "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"
+      }
+    ],
+    "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",
+      "fontWeight": "normal",
+      "textStyleType": "heading5"
+    },
+    "backgroundStyle": {
+      "backgroundColor": "var(--palette-1)"
+    },
+    "iconStyle": {
+      "fill": "var(--palette-0)"
+    },
+    "isLogoOptional": true,
+    "isLogoVisible": true,
+    "logoImageStyle": {},
+    "logoImageUrl": "",
+    "logoDraftToken": "",
+    "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"
+      }
+    ],
+    "viewport": "desktop",
+    "logoImageHeight": "10rem",
+    "logoImageWidth": "10rem"
+  },
+  "pages": [
+    {
+      "slug": "home",
+      "title": "Home",
+      "contents": [
+        {
+          "id": "5ba2eb90-773f-402e-bfee-c03623b5e12f",
+          "url": "",
+          "type": "banner-section",
+          "title": {
+            "type": "doc",
+            "content": [
+              {
+                "type": "paragraph",
+                "attrs": {
+                  "textAlign": "left"
+                },
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "This is a banner",
+                    "marks": [
+                      {
+                        "type": "textStyle",
+                        "attrs": {
+                          "fontWeight": "normal",
+                          "fontFamily": "var(--role-font-family)",
+                          "fontSize": "2.25em",
+                          "lineHeight": "1.1",
+                          "letterSpacing": "0",
+                          "fontStyle": "var(--role-font-style)",
+                          "textDecoration": "var(--role-text-decoration)",
+                          "color": "var(--palette-0)"
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          "imageUrl": "",
+          "cardStyle": {
+            "backgroundColor": "var(--palette-custom-h4ppr5)"
+          },
+          "buttonText": "Get Started",
+          "titleStyle": {
+            "textAlign": "left",
+            "textStyleType": "heading4",
+            "lineHeight": "1.1",
+            "applyAutoScale": true,
+            "fontSize": "2.25em",
+            "fontWeight": "normal",
+            "letterSpacing": "0"
+          },
+          "description": {
+            "type": "doc",
+            "content": [
+              {
+                "type": "paragraph",
+                "attrs": {
+                  "textAlign": "left"
+                },
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "This is banner description",
+                    "marks": [
+                      {
+                        "type": "textStyle",
+                        "attrs": {
+                          "fontFamily": "var(--role-font-family)",
+                          "fontSize": "1em",
+                          "lineHeight": "var(--role-line-height)",
+                          "letterSpacing": "0",
+                          "fontWeight": "var(--role-font-weight)",
+                          "fontStyle": "var(--role-font-style)",
+                          "textDecoration": "var(--role-text-decoration)",
+                          "color": "var(--palette-0)"
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          "displayStyle": "left-aligned",
+          "overlayColor": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "buttonLinkType": "url",
+          "overlayOpacity": 50,
+          "backgroundStyle": {},
+          "buttonTextStyle": {
+            "textAlign": "left",
+            "textStyleType": "button",
+            "lineHeight": "1.5",
+            "applyAutoScale": true,
+            "letterSpacing": "0"
+          },
+          "descriptionStyle": {
+            "textAlign": "left",
+            "textStyleType": "paragraph1",
+            "applyAutoScale": true,
+            "fontSize": "1em",
+            "letterSpacing": "0"
+          },
+          "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": {}
+}