@designcrowd/library.brand-page 6.2.11 → 6.2.12

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

@@ -0,0 +1,800 @@
+{
+  "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-hamburger-horizontal-stack-left-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": "desktop"
+    },
+    "isLogoOptional": false,
+    "isLogoVisible": true,
+    "logoImageHeight": "13rem",
+    "logoImageWidth": "13rem",
+    "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-000000000009"
+      },
+      {
+        "url": "https://www.instagram.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "instagram",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000010"
+      },
+      {
+        "url": "https://www.x.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "x",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000011"
+      }
+    ],
+    "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-000000000006"
+      },
+      {
+        "url": "https://www.instagram.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "instagram",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000007"
+      },
+      {
+        "url": "https://www.x.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "x",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000008"
+      }
+    ],
+    "textFontFamily": {},
+    "viewport": "desktop",
+    "logoImageHeight": "10rem",
+    "logoImageWidth": "10rem"
+  },
+  "pages": [
+    {
+      "slug": "home",
+      "title": "Home",
+      "contents": [
+        {
+          "id": "97e7fda2-e5d7-4818-890e-092233fc99ae",
+          "type": "divider-section",
+          "dividerColor": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "dividerStyle": "none",
+          "paddingStyle": "14",
+          "backgroundStyle": {
+            "backgroundColor": "var(--palette-0)"
+          }
+        },
+        {
+          "id": "43699582-100d-46aa-871e-f6ab428b5865",
+          "text": "",
+          "type": "text",
+          "iconUrl": "",
+          "textSize": {
+            "fontSize": "1em",
+            "lineHeight": "1.5rem"
+          },
+          "textColor": {},
+          "textItems": [
+            {
+              "text": "Innovative Legal Advice",
+              "textStyle": {
+                "color": "var(--palette-1)",
+                "fontSize": "4.0625em",
+                "textAlign": "center",
+                "fontFamily": "Poppins",
+                "fontWeight": "bold",
+                "lineHeight": "1.5",
+                "textDecoration": "",
+                "applyAutoScale": true
+              },
+              "id": "00000000-0000-4000-8000-000000000001"
+            },
+            {
+              "text": "Tailored Solutions for Your Complex Needs",
+              "textStyle": {
+                "color": "var(--palette-1)",
+                "fontSize": "1.875em",
+                "textAlign": "center",
+                "fontFamily": "Poppins",
+                "lineHeight": "1.5",
+                "applyAutoScale": true
+              },
+              "id": "00000000-0000-4000-8000-000000000002"
+            }
+          ],
+          "textStyle": {
+            "textAlign": "center",
+            "textStyleType": "paragraphs",
+            "applyAutoScale": true
+          },
+          "columnStyle": "1",
+          "textAlignment": {},
+          "backgroundColor": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "topPadding": 12,
+          "bottomPadding": 12
+        },
+        {
+          "id": "e5284ea7-9bfc-4aba-b742-bc83c5fde2dc",
+          "type": "testimonial-section",
+          "items": [
+            {
+              "name": "Client Name",
+              "imageUrl": "",
+              "position": "",
+              "mediaType": "image",
+              "testimonials": "%0AThey explained everything clearly, offered strategic advice, and ultimately helped me secure a deal that exceeded my expectations.",
+              "colorReplacements": [],
+              "id": "00000000-0000-4000-8000-000000000003"
+            },
+            {
+              "name": "Client Name",
+              "imageUrl": "",
+              "position": "",
+              "mediaType": "image",
+              "testimonials": "%0AThey were compassionate, understanding, and always available to answer my questions. Their expertise and guidance were invaluable%0A",
+              "colorReplacements": [],
+              "id": "00000000-0000-4000-8000-000000000004"
+            },
+            {
+              "name": "Client Name",
+              "imageUrl": "",
+              "position": "",
+              "mediaType": "image",
+              "testimonials": "%0AThey are not only incredibly knowledgeable but also proactive in identifying potential issues and developing solutions.",
+              "colorReplacements": [],
+              "id": "00000000-0000-4000-8000-000000000005"
+            }
+          ],
+          "title": "",
+          "cardStyle": {
+            "backgroundColor": "var(--palette-1)"
+          },
+          "nameStyle": {
+            "color": "var(--palette-0)",
+            "fontSize": "1em",
+            "textAlign": "center",
+            "fontFamily": "Poppins",
+            "fontWeight": "bold",
+            "lineHeight": "1.5",
+            "textDecoration": "",
+            "applyAutoScale": true
+          },
+          "titleStyle": {
+            "color": "var(--palette-1)",
+            "fontSize": "2.25em",
+            "textAlign": "center",
+            "fontFamily": "Poppins",
+            "fontWeight": "bold",
+            "lineHeight": "1.1",
+            "textDecoration": "",
+            "applyAutoScale": true
+          },
+          "displayStyle": "columns",
+          "positionStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "textStyleType": "paragraphs",
+            "applyAutoScale": true
+          },
+          "backgroundStyle": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "testimonialStyle": {
+            "color": "var(--palette-0)",
+            "fontSize": "1.0625em",
+            "textAlign": "center",
+            "fontFamily": "Poppins",
+            "lineHeight": "1.4",
+            "applyAutoScale": true
+          },
+          "topPadding": 48,
+          "bottomPadding": 48
+        },
+        {
+          "id": "c49e9ac1-0c02-433d-871b-6e69f770ce78",
+          "type": "about-section",
+          "title": "",
+          "imageUrl": "https://images.unsplash.com/photo-1603796846097-bee99e4a601f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjQzOTV8MHwxfHNlYXJjaHw2fHxsZWdhbHxlbnwwfHx8fDE3MTIxNTUzOTl8MA&ixlib=rb-4.0.3&q=80&w=1080",
+          "mediaType": "image",
+          "paragraph": "",
+          "titleStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.1",
+            "textStyleType": "titles",
+            "applyAutoScale": true
+          },
+          "displayStyle": "centered",
+          "paragraphStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "textStyleType": "paragraphs",
+            "applyAutoScale": true
+          },
+          "backgroundStyle": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "colorReplacements": [],
+          "topPadding": 32,
+          "bottomPadding": 32
+        },
+        {
+          "id": "d5eb3616-ad86-48bb-bea2-4b3c8a83226a",
+          "type": "divider-section",
+          "dividerColor": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "dividerStyle": "none",
+          "paddingStyle": 24,
+          "backgroundStyle": {
+            "backgroundColor": "var(--palette-0)"
+          }
+        },
+        {
+          "id": "11013233-5d29-42b9-a8c2-fe4b3fd42f26",
+          "type": "contact-form",
+          "title": "Contact Us",
+          "fields": [
+            {
+              "id": "firstName",
+              "name": "First name",
+              "type": "text",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "lastName",
+              "name": "Last name",
+              "type": "text",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "emailAddress",
+              "name": "Email address",
+              "type": "email",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "phoneNumber",
+              "name": "Phone number",
+              "type": "phone",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "message",
+              "name": "Message",
+              "type": "text-area",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "customField1",
+              "name": "Custom Field",
+              "enabled": false,
+              "required": false,
+              "type": "text"
+            },
+            {
+              "id": "customField2",
+              "name": "Custom Field",
+              "enabled": false,
+              "required": false,
+              "type": "text"
+            },
+            {
+              "id": "customField3",
+              "name": "Custom Field",
+              "enabled": false,
+              "required": false,
+              "type": "text"
+            }
+          ],
+          "imageUrl": "",
+          "cardStyle": {
+            "backgroundColor": "var(--palette-custom-h4ppr5)"
+          },
+          "buttonText": "Send",
+          "titleStyle": {
+            "textAlign": "center",
+            "textStyleType": "titles",
+            "fontFamily": "Lato",
+            "lineHeight": "1.3",
+            "applyAutoScale": true
+          },
+          "description": "",
+          "layoutStyle": "center-card-aligned",
+          "displayStyle": "preview",
+          "responseEmail": "fhadsf@Fgf.wfvwq",
+          "successMessage": "Thank you! We'll get in touch with you as soon as possible.",
+          "backgroundStyle": {},
+          "buttonTextStyle": {
+            "textAlign": "center",
+            "textStyleType": "buttons",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": true
+          },
+          "descriptionStyle": {
+            "textAlign": "center",
+            "textStyleType": "paragraphs",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": true
+          },
+          "topPadding": 32,
+          "bottomPadding": 32
+        },
+        {
+          "id": "b8dbf3ed-26ad-4747-b68b-2d88ba366e8d",
+          "type": "divider-section",
+          "dividerColor": {
+            "backgroundColor": "var(--palette-0)"
+          },
+          "dividerStyle": "thin",
+          "paddingStyle": 24,
+          "backgroundStyle": {}
+        },
+        {
+          "id": "564c1b60-728d-4b8d-a010-7207a1a43e7c",
+          "url": "",
+          "size": "100%",
+          "type": "banner-section",
+          "title": "This is a banner",
+          "imageUrl": "https://bcassetcdn.com/shapes/prod/005bb177-89d0-4754-a80a-9eee5a284db1.svg",
+          "cardStyle": {
+            "backgroundColor": "var(--palette-custom-h4ppr5)"
+          },
+          "mediaType": "shape",
+          "buttonText": "Get Started",
+          "titleStyle": {
+            "textAlign": "left",
+            "textStyleType": "titles",
+            "fontFamily": "Lato",
+            "lineHeight": "1.3",
+            "applyAutoScale": true
+          },
+          "description": "This is banner description",
+          "displayStyle": "right-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": [
+            {
+              "attribute": "fill",
+              "originalColor": "#000000",
+              "replacementColor": "#000000"
+            }
+          ],
+          "buttonPageId": "",
+          "topPadding": 32,
+          "bottomPadding": 32
+        },
+        {
+          "id": "ef1dee02-275a-448c-8f3f-8219a404ebf0",
+          "type": "mailing-list",
+          "buttonText": "Subscribe",
+          "title": "Join mailing list",
+          "titleStyle": {
+            "textAlign": "center",
+            "textStyleType": "headings",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "applyAutoScale": true
+          },
+          "acceptedFields": "emailOnly",
+          "buttonTextStyle": {
+            "textAlign": "center",
+            "textStyleType": "buttons",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": true
+          },
+          "backgroundStyle": {
+            "backgroundColor": "var(--palette-0)"
+          }
+        }
+      ],
+      "id": "4aad6ba1-d693-5e83-b790-a441c01e353c"
+    },
+    {
+      "slug": "page1",
+      "title": "page1",
+      "contents": [],
+      "id": "aaa2454e-ae04-52a4-a523-ca53599530c0"
+    }
+  ],
+  "nav": {
+    "orders": [
+      {
+        "routeId": "40b2da0a-05b5-5704-a224-61183d6e0370",
+        "subRoutes": []
+      },
+      {
+        "routeId": "0bb22261-ae40-5083-86ba-9558f878e9b4",
+        "subRoutes": []
+      }
+    ],
+    "routes": [
+      {
+        "id": "40b2da0a-05b5-5704-a224-61183d6e0370",
+        "pageId": "4aad6ba1-d693-5e83-b790-a441c01e353c",
+        "pageSlug": "home",
+        "isHidden": false,
+        "displayName": "Home"
+      },
+      {
+        "id": "0bb22261-ae40-5083-86ba-9558f878e9b4",
+        "pageId": "aaa2454e-ae04-52a4-a523-ca53599530c0",
+        "pageSlug": "page1",
+        "isHidden": false,
+        "displayName": "page1"
+      }
+    ]
+  },
+  "isModifiedAfterTemplateApplied": true,
+  "brandPageType": "brandSite",
+  "cookieOptions": {}
+}