@designcrowd/library.brand-page 6.2.16 → 6.2.17-header-logo-2

package/src/brand-page/utils/container-text-color.util.test.ts

@@ -1244,6 +1244,132 @@ describe('applyTextContrast — standalone button labels (BP-5969)', () => {
   });
 });
 
+describe('applyTextContrast — FAQ shared question and answer styles', () => {
+  test('a new FAQ bakes a contrast colour into the shared question and answer styles', () => {
+    const styles = new PageStyles();
+
+    styles.colors = [
+      { id: 'palette-0', value: '#000000', type: 'palette' }, // dark brand
+      { id: 'palette-1', value: '#ffffff', type: 'palette' }, // light brand
+    ];
+
+    const content = {
+      id: 'faq',
+      type: 'faq-section',
+      backgroundStyle: { backgroundColor: 'var(--palette-0)' }, // dark band
+      questionStyle: { textStyleType: 'heading5' },
+      answerStyle: { textStyleType: 'paragraph2' },
+      items: [{ id: 'a', question: 'Q1', answer: 'A1' }],
+    } as unknown as Content & {
+      questionStyle: { color?: string };
+      answerStyle: { color?: string };
+    };
+
+    applyTextContrast(content, styles);
+
+    expect(content.questionStyle.color).toBe('var(--palette-1)'); // light on dark
+    expect(content.answerStyle.color).toBe('var(--palette-1)');
+  });
+
+  // The shared style's colour is only the birth colour; a question recoloured in its doc keeps
+  // that colour when a later text-style change re-runs contrast (applyCardContrastToItem).
+  test("a re-run bakes only the shared style, never over a recoloured question's doc", () => {
+    const styles = new PageStyles();
+
+    styles.colors = [
+      { id: 'palette-0', value: '#000000', type: 'palette' },
+      { id: 'palette-1', value: '#ffffff', type: 'palette' },
+    ];
+
+    const redQuestion = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Q1',
+              marks: [{ type: 'textStyle', attrs: { color: '#ff0000' } }],
+            },
+          ],
+        },
+      ],
+    };
+    const content = {
+      id: 'faq',
+      type: 'faq-section',
+      backgroundStyle: { backgroundColor: 'var(--palette-0)' },
+      questionStyle: { textStyleType: 'heading5' }, // colour cleared by a role change
+      answerStyle: { textStyleType: 'paragraph2' },
+      items: [
+        { id: 'a', question: structuredClone(redQuestion), answer: 'A1' },
+      ],
+    } as unknown as Content & {
+      questionStyle: { color?: string };
+      items: { question: unknown }[];
+    };
+
+    applyTextContrast(content, styles);
+
+    expect(content.questionStyle.color).toBe('var(--palette-1)');
+    expect(content.items[0].question).toEqual(redQuestion);
+  });
+});
+
+describe('applyTextContrast — FAQ icon and divider', () => {
+  const styles = (): PageStyles => {
+    const pageStyles = new PageStyles();
+
+    pageStyles.colors = [
+      { id: 'palette-0', value: '#000000', type: 'palette' },
+      { id: 'palette-1', value: '#ffffff', type: 'palette' },
+    ];
+
+    return pageStyles;
+  };
+
+  const faq = (iconColor: BrandPageCssStyle, dividerColor: BrandPageCssStyle) =>
+    ({
+      id: 'f',
+      type: 'faq-section',
+      titleStyle: { textStyleType: 'heading4' },
+      items: [],
+      iconColor,
+      dividerColor,
+      backgroundStyle: {},
+    }) as unknown as Content & {
+      iconColor: BrandPageCssStyle;
+      dividerColor: BrandPageCssStyle;
+    };
+
+  test('a new FAQ stores its title colour on the icon and divider', () => {
+    const content = faq({}, {});
+
+    applyTextContrast(content, styles());
+
+    const titleColour = (
+      content as unknown as { titleStyle: { color?: string } }
+    ).titleStyle.color;
+
+    expect(titleColour).toMatch(/^var\(--palette-/);
+    expect(content.iconColor.color).toBe(titleColour);
+    expect(content.dividerColor.backgroundColor).toBe(titleColour);
+  });
+
+  test('an explicit or transparent colour is left alone', () => {
+    const content = faq(
+      { color: '#abcdef' },
+      { backgroundColor: 'transparent' },
+    );
+
+    applyTextContrast(content, styles());
+
+    expect(content.iconColor.color).toBe('#abcdef');
+    expect(content.dividerColor.backgroundColor).toBe('transparent');
+  });
+});
+
 describe('applyTextContrast — social-links icon fill', () => {
   const styles = (): PageStyles => {
     const pageStyles = new PageStyles();

package/src/brand-page/utils/container-text-color.util.ts

@@ -17,6 +17,7 @@ import type {
   PageStyles,
   BrandPageType,
   ColorItem,
+  FaqSectionContent,
   ShopContent,
   SocialLinksContent,
   TextStyleDeclaration,
@@ -753,6 +754,21 @@ export const applyTextContrast = (
     }
   }
 
+  // Same for the FAQ's +/− icons and divider: with no base coat to inherit, a new section
+  // stores its title's contrast colour, so both start linked to the palette.
+  if (content.type === 'faq-section') {
+    const faq = content as FaqSectionContent;
+    const fill = titleSurfaceContrastFill(content, styles, brandPageType);
+
+    if (fill && isBlankColorValue(faq.iconColor?.color)) {
+      faq.iconColor = { ...faq.iconColor, color: fill };
+    }
+
+    if (fill && isBlankColorValue(faq.dividerColor?.backgroundColor)) {
+      faq.dividerColor = { ...faq.dividerColor, backgroundColor: fill };
+    }
+  }
+
   return content;
 };
 

package/src/brand-page/utils/content-callback-util.ts

@@ -17,6 +17,7 @@ import type {
   ButtonContent,
   PageModel,
   BookingSectionContent,
+  FaqSectionContent,
 } from '../models';
 
 export type ContentCallback = {
@@ -39,6 +40,7 @@ export type ContentCallback = {
   shopSectionContentCallback: (content: ShopContent) => void;
   buttonContentCallback: (content: ButtonContent) => void;
   bookingSectionContentCallback: (content: BookingSectionContent) => void;
+  faqSectionContentCallback: (content: FaqSectionContent) => void;
 };
 
 export const forEachPageCallContentCallback = (
@@ -101,6 +103,9 @@ export const forEachPageCallContentCallback = (
           content as BookingSectionContent,
         );
         break;
+      case 'faq-section':
+        callbacks.faqSectionContentCallback(content as FaqSectionContent);
+        break;
       case 'general-link':
       case 'website':
       case 'email':

package/src/brand-page/utils/logo.util.recalculate.test.ts

@@ -28,6 +28,11 @@ const createHeaderStores = () => ({
           logoImageWidth: '9rem',
           logoVariation: 1,
         },
+        mobile: {
+          logoImageHeight: '12rem',
+          logoImageWidth: '12rem',
+          logoVariation: 1,
+        },
       },
     },
   },
@@ -101,6 +106,38 @@ describe('logo.util resize lookups', () => {
     expect(pageSettingsStore.sections.header.desktop.logoImageHeight).toBe(
       '10rem',
     );
+    // Brand site sizes its desktop header only; its mobile header isn't
+    // driven by this recalculation.
+    expect(pageSettingsStore.sections.header.mobile).toMatchObject({
+      logoImageWidth: '12rem',
+      logoImageHeight: '12rem',
+    });
+  });
+
+  test('header: a post-purchase brand page sizes both header viewports', async () => {
+    client.getLogoDimensionsByLogoImageAsync.mockResolvedValue({
+      width: 300,
+      height: 100,
+    });
+    const { pageSettingsStore, logoSettingsStore } = createHeaderStores();
+
+    await recalculateHeaderLogoSizes(
+      pageSettingsStore,
+      logoSettingsStore,
+      [],
+      BRAND_PAGE_TYPES.default,
+      false,
+      true,
+    );
+
+    expect(pageSettingsStore.sections.header.desktop).toMatchObject({
+      logoImageWidth: '8rem',
+      logoImageHeight: '8rem',
+    });
+    expect(pageSettingsStore.sections.header.mobile).toMatchObject({
+      logoImageWidth: '8rem',
+      logoImageHeight: '8rem',
+    });
   });
 
   test('pre-purchase header: sizes from the editable variation, the size-only reply unused', async () => {

package/src/brand-page/utils/logo.util.test.ts

@@ -218,9 +218,36 @@ describe('logo-util', () => {
     );
   });
 
+  // The header is the logo's home for every type; the footer stays brand-site only.
+  test('applyLogoImageToBrandPageTemplateModel writes both header viewports for a brand page, leaving its footer untouched', () => {
+    const brandPageModel = createTestBrandPageModel();
+    const originalFooterToken =
+      brandPageModel.pageFooterDesktop.logoImage.logoDraftToken;
+
+    const logoImage = {
+      logoDraftToken: 'new-token',
+      logoVariation: 0,
+      logoLastUpdate: undefined,
+    };
+
+    const result = applyLogoImageToBrandPageTemplateModel(
+      brandPageModel,
+      logoImage,
+    );
+
+    expect(result.pageHeaderDesktop.logoImage.logoDraftToken).toBe('new-token');
+    expect(result.pageHeaderMobile.logoImage.logoDraftToken).toBe('new-token');
+    expect(result.pageFooterDesktop.logoImage.logoDraftToken).toBe(
+      originalFooterToken,
+    );
+    expect(result.pageFooterMobile.logoImage.logoDraftToken).toBe(
+      originalFooterToken,
+    );
+  });
+
   describe('getLogoImageFromModel', () => {
-    // Distinct tokens in the content block vs the header so each assertion
-    // proves which location the helper read from.
+    // A distinct token on the content block, never read, proves the header is the
+    // source for every type — not a fallback that happens to agree with it.
     const buildModel = (brandPageType: BrandPageType): BrandPageModel => {
       const model = createTestBrandPageModel();
 
@@ -239,30 +266,16 @@ describe('logo-util', () => {
       return model;
     };
 
-    test('reads the header logo for brand-site', () => {
-      const model = buildModel(BRAND_PAGE_TYPES.brandSite);
+    test.each([
+      ['brand-site', BRAND_PAGE_TYPES.brandSite],
+      ['brand-page', BRAND_PAGE_TYPES.default],
+      ['brand-contact', BRAND_PAGE_TYPES.brandContact],
+    ])('reads the header logo for %s', (_name, brandPageType) => {
+      const model = buildModel(brandPageType);
 
       expect(logoUtil.getLogoImageFromModel(model)?.logoDraftToken).toBe(
         'header-token',
       );
     });
-
-    test('reads the content-block logo for brand-page', () => {
-      const model = buildModel(BRAND_PAGE_TYPES.default);
-
-      expect(logoUtil.getLogoImageFromModel(model)?.logoDraftToken).toBe(
-        'content-token',
-      );
-    });
-
-    // Regression guard: brand-contact previously fell through to the header
-    // branch (the `=== brandPage` check) and read a stale header logo on undo.
-    test('reads the content-block logo for brand-contact', () => {
-      const model = buildModel(BRAND_PAGE_TYPES.brandContact);
-
-      expect(logoUtil.getLogoImageFromModel(model)?.logoDraftToken).toBe(
-        'content-token',
-      );
-    });
   });
 });

package/src/brand-page/utils/logo.util.ts

@@ -216,15 +216,10 @@ export const applyLogoImageToBrandPageTemplateModel = (
     }),
   );
 
+  applyLogoImageToTemplatePageSectionStyles(model.pageHeaderDesktop, logoImage);
+  applyLogoImageToTemplatePageSectionStyles(model.pageHeaderMobile, logoImage);
+
   if (model.brandPageType === BRAND_PAGE_TYPES.brandSite) {
-    applyLogoImageToTemplatePageSectionStyles(
-      model.pageHeaderDesktop,
-      logoImage,
-    );
-    applyLogoImageToTemplatePageSectionStyles(
-      model.pageHeaderMobile,
-      logoImage,
-    );
     applyLogoImageToTemplatePageSectionStyles(
       model.pageFooterDesktop,
       logoImage,
@@ -252,15 +247,16 @@ export const applyLogoImageBase64UrlToBrandPageTemplateModel = (
     }),
   );
 
+  applyLogoImageBase64UrlToTemplatePageSectionStyles(
+    model.pageHeaderDesktop,
+    logoImageBase64Url,
+  );
+  applyLogoImageBase64UrlToTemplatePageSectionStyles(
+    model.pageHeaderMobile,
+    logoImageBase64Url,
+  );
+
   if (model.brandPageType === BRAND_PAGE_TYPES.brandSite) {
-    applyLogoImageBase64UrlToTemplatePageSectionStyles(
-      model.pageHeaderDesktop,
-      logoImageBase64Url,
-    );
-    applyLogoImageBase64UrlToTemplatePageSectionStyles(
-      model.pageHeaderMobile,
-      logoImageBase64Url,
-    );
     applyLogoImageBase64UrlToTemplatePageSectionStyles(
       model.pageFooterDesktop,
       logoImageBase64Url,
@@ -288,9 +284,10 @@ export const applyLogoTemplateImageToBrandPageTemplateModel = (
     }),
   );
 
+  model.pageHeaderDesktop.logoTemplateImage = logoTemplateImage;
+  model.pageHeaderMobile.logoTemplateImage = logoTemplateImage;
+
   if (model.brandPageType === BRAND_PAGE_TYPES.brandSite) {
-    model.pageHeaderDesktop.logoTemplateImage = logoTemplateImage;
-    model.pageHeaderMobile.logoTemplateImage = logoTemplateImage;
     model.pageFooterDesktop.logoTemplateImage = logoTemplateImage;
     model.pageFooterMobile.logoTemplateImage = logoTemplateImage;
   }
@@ -395,27 +392,12 @@ export const calculateOptimizedLogoDimensions = (
 };
 
 /**
- * Resolves the "current" logo image from a brand-page MODEL (the raw,
- * deserialized shape — not the live stores, whose contents are wrapped in
- * `settings.content`).
- *
- * Brand-site keeps its logo in the page header; brand-page and brand-contact
- * keep it as a logo CONTENT block on the home page — the same `isBrandSite ?
- * header : content` split the logo-settings store getters/setter use. This is
- * the single source of truth for model-level logo reads: initial load and
- * history-restore both call it so the two paths can't drift. They previously
- * hard-coded `=== brandPage`, which silently excluded brand-contact and read a
- * stale header logo on undo.
+ * Model-level logo read used by initial load and history-restore: the desktop
+ * header, for every type.
  */
 export const getLogoImageFromModel = (
   model: BrandPageModel,
-): LogoImageModel | undefined => {
-  if (model.brandPageType === BRAND_PAGE_TYPES.brandSite) {
-    return model.pageHeaderDesktop?.logoImage;
-  }
-
-  return model.pages?.[0]?.contents?.find(isLogoContent)?.logoImage;
-};
+): LogoImageModel | undefined => model.pageHeaderDesktop?.logoImage;
 
 export const recalculateLogoContentDimensions = async (
   pageData: any,
@@ -510,6 +492,16 @@ export const recalculateHeaderLogoSizes = async (
         optimalSize.newLogoSize;
       pageSettingsStore.sections.header.desktop.logoImageHeight =
         optimalSize.newLogoSize;
+
+      // Brand site sizes only its desktop header here (its mobile header isn't
+      // driven by this recalculation); BP/BC size both, since one leftover block's
+      // size now also applies to both header viewports.
+      if (brandPageType !== BRAND_PAGE_TYPES.brandSite) {
+        pageSettingsStore.sections.header.mobile.logoImageWidth =
+          optimalSize.newLogoSize;
+        pageSettingsStore.sections.header.mobile.logoImageHeight =
+          optimalSize.newLogoSize;
+      }
     }
   } catch (error) {
     console.warn('Failed to recalculate header logo dimensions:', error);

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/edited-brandsite-sections.v22.json

@@ -225,7 +225,6 @@
     "displayStyle": "mobile-hamburger-horizontal-stack-centered-logo-right-menu",
     "navigation": {
       "displayType": "nav-hamburger-hamburger",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -270,7 +269,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": true,
@@ -297,7 +297,6 @@
     "displayStyle": "desktop-hamburger-horizontal-stack-left-logo-right-menu",
     "navigation": {
       "displayType": "nav-hamburger-hamburger",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -342,7 +341,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": true,

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/new-brandcontact-every-section.v22.json

@@ -230,7 +230,6 @@
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -275,7 +274,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,
@@ -300,7 +300,6 @@
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -345,7 +344,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/new-brandpage-every-section.v22.json

@@ -230,7 +230,6 @@
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -275,7 +274,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,
@@ -300,7 +300,6 @@
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -345,7 +344,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/new-brandsite-every-section.v22.json

@@ -230,7 +230,6 @@
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -275,7 +274,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": true,
@@ -300,7 +300,6 @@
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -345,7 +344,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": true,

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/real-brandcontact.v22.json

@@ -233,7 +233,6 @@
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -277,7 +276,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,
@@ -304,7 +304,6 @@
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -348,7 +347,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/real-brandpage-general-link.v22.json

@@ -228,7 +228,6 @@
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -272,7 +271,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,
@@ -299,7 +299,6 @@
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -343,7 +342,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,

package/src/brand-page/utils/migration/__snapshots__/migration-22-output/real-brandpage-links.v22.json

@@ -233,7 +233,6 @@
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -277,7 +276,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "mobile"
+      "viewport": "mobile",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,
@@ -304,7 +304,6 @@
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "navigation": {
       "displayType": "nav-tab-tabs",
-      "renderAfterLogo": false,
       "defaultButtonStyle": {
         "borderBottomWidth": "0px",
         "borderLeftWidth": "0px",
@@ -348,7 +347,8 @@
           "backgroundColor": "var(--palette-0)"
         }
       },
-      "viewport": "desktop"
+      "viewport": "desktop",
+      "renderAfterLogo": false
     },
     "isLogoOptional": false,
     "isLogoVisible": false,