diy-template-components 2.0.87 → 2.0.89

package/build/index.js

@@ -242,6 +242,78 @@ const useSectionStyles$a = createUseStyles(theme => ({
     justifyContent: 'center',
     width: '10%'
   },
+  offerPrice: {
+    fontSize: theme.typography.fontSize.h4,
+    fontWeight: '700'
+  },
+  originalPrice: {
+    textDecoration: 'line-through',
+    color: 'rgba(51, 51, 51, 0.6)'
+  },
+  offerDiscount: {
+    color: '#08BD80',
+    fontWeight: '600'
+  },
+  rightNav: {
+    marginRight: '120px',
+    display: 'flex',
+    alignItems: "center"
+  },
+  priceBox: {
+    marginRight: '16px'
+  },
+  offerBox: {
+    marginRight: '24px',
+    display: 'flex',
+    flexDirection: 'column',
+    backgroundColor: 'rgba(244, 249, 253, 1)',
+    justifyContent: 'space-between',
+    borderRadius: '8px'
+  },
+  offerBoxText: {
+    color: 'rgba(51, 51, 51, 0.6)',
+    fontWeight: '600',
+    fontSize: '10px',
+    padding: '3px 12px 3px, 12px',
+    padding: '4px',
+    textAlign: 'center',
+    marginTop: '4px'
+  },
+  offerBoxCountDown: {
+    backgroundColor: 'rgba(235, 87, 87, 0.1)',
+    border: '0px 1px 1px 1px',
+    borderRadius: '8px',
+    color: '#EB5757',
+    fontSize: '16px',
+    fontWeight: '700',
+    padding: '6px 16px'
+  },
+  BottomSheetContainer: {
+    display: 'flex',
+    flexDirection: 'column',
+    borderTop: '1px solid #e5e5e5',
+    background: '#021927',
+    color: '#FFFFFF'
+  },
+  BottomSheetPriceContainer: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    padding: '16px 16px 24px',
+    alignItems: "center"
+  },
+  BottomSheetOfferContainer: {
+    padding: '12px 0 ',
+    padding: '16px 16px 24px',
+    border: '1px solid rgba(0, 0, 0, 1)'
+  },
+  offerBottom: {
+    display: 'flex',
+    justifyContent: 'space-between'
+  },
+  smallText: {
+    fontWeight: '400',
+    fontSize: '8px'
+  },
   '@media screen and (max-width: 767px)': {
     optionsContainer: {
       flexDirection: 'column',
@@ -277,6 +349,24 @@ const useSectionStyles$a = createUseStyles(theme => ({
         borderBottom: '1px solid #F3F3F3',
         width: '100%'
       }
+    },
+    offerPrice: {
+      color: '#FFFFFF',
+      fontSize: '18px'
+    },
+    offerDiscount: {
+      color: 'rgba(8, 189, 128, 1)'
+    },
+    originalPrice: {
+      color: '#FFFFFF',
+      textDecoration: 'line-through'
+    },
+    BottomSheetContainer: {
+      position: 'fixed',
+      bottom: 0,
+      left: 0,
+      width: '100%',
+      zIndex: '9999'
     }
   },
   mobileAppNameClass: {
@@ -1321,7 +1411,8 @@ function DesktopHeader({
   navData,
   isTutorWebsite,
   isLandingPage = false,
-  onDownloadAppTriggered
+  onDownloadAppTriggered,
+  extraProps
 }) {
   const {
     isFixed = true
@@ -1358,6 +1449,107 @@ function DesktopHeader({
 
   // console.log(header, 'sakshat header desktop');
 
+  const renderer = ({
+    days,
+    hours,
+    minutes,
+    seconds
+  }) => {
+    if (days === 0 && hours < 24) {
+      return /*#__PURE__*/React__default["default"].createElement("span", null, hours, "h : ", minutes, "m : ", seconds, "s");
+    } else {
+      let given = moment__default["default"](header.endDate);
+      let current = moment__default["default"]().startOf('day');
+      return /*#__PURE__*/React__default["default"].createElement("span", null, Math.floor(moment__default["default"].duration(given.diff(current)).asDays()), " ", 'Days');
+    }
+  };
+  const checkIfOfferIsValid = (endDate = null) => moment__default["default"]().diff(moment__default["default"](endDate || 0)) < 0;
+  const checkForShowDiscount = (endDate = null, offerPriceValidFor = null, discount = 0) => {
+    let conversions = extraProps?.conversions || 0;
+    if (endDate === null || checkIfOfferIsValid()) {
+      if (discount > 0 && offerPriceValidFor === null) {
+        return true;
+      } else if (discount > 0 && offerPriceValidFor !== null && offerPriceValidFor - conversions <= 0) {
+        return false;
+      }
+    } else if (offerPriceValidFor >= null && discount) {
+      if (offerPriceValidFor <= conversions) {
+        return false;
+      }
+      if (offerPriceValidFor - conversions < 0) {
+        return false;
+      } else {
+        return true;
+      }
+    }
+    if (discount > 0) {
+      return true;
+    }
+  };
+  const getDiscount = (price, discount) => {
+    return (discount / price * 100).toFixed(2);
+  };
+  const OfferDetailsJSX = () => {
+    if (!header?.effectivePrice) {
+      return null;
+    }
+    let conversions = extraProps?.conversions || 0;
+    const currentTimestamp = new Date().getTime();
+    if (checkForShowDiscount(header?.endDate, header?.offerPriceValidFor, header?.discount) && header?.endDate ? checkIfOfferIsValid(header?.endDate) : true) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.rightNav
+      }, header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.offerBox
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.offerBoxText
+      }, "Offer Ends In"), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.offerBoxCountDown
+      }, /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
+        renderer: renderer,
+        date: header?.endDate
+      }))) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.priceBox
+      }, header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.offerDiscount
+      }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.originalPrice
+      }, header?.price), ' ') : null, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          textAlign: 'end'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.offerPrice
+      }, header?.effectivePrice), ' ')), /*#__PURE__*/React__default["default"].createElement(Button, {
+        data: {
+          // link: 'headerData?.loginCtaLink',
+          // isLink: 1,
+          value: 'BUY NOW'
+          // isExternal: 1
+        },
+        onClick: extraProps?.courseBuyNow,
+        type: 'primary',
+        size: 'small',
+        target: null,
+        name: "button",
+        rel: null
+        // styling={isMobile ? { margin: '0 40px' } : {}}
+      }));
+    } else return /*#__PURE__*/React__default["default"].createElement(Button, {
+      data: {
+        // link: 'headerData?.loginCtaLink',
+        // isLink: 1,
+        value: 'BUY NOW'
+        // isExternal: 1
+      },
+      onClick: extraProps?.courseBuyNow,
+      type: 'primary',
+      size: 'medium',
+      target: null,
+      name: "button",
+      rel: null
+      // styling={isMobile ? { margin: '0 40px' } : {}}
+    });
+  };
   return /*#__PURE__*/React__default["default"].createElement("nav", {
     className: classes.section
   }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1392,19 +1584,22 @@ function DesktopHeader({
     moreContent: moreContentFn(),
     isTutorWebsite: isTutorWebsite,
     onDownloadAppTriggered: onDownloadAppTriggered
-  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }), OfferDetailsJSX())) : /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       paddingTop: '30px'
     }
   }));
 }
 
+var timer = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.99996%2015.1667C4.50663%2015.1667%201.66663%2012.3267%201.66663%208.83333C1.66663%205.34%204.50663%202.5%207.99996%202.5C11.4933%202.5%2014.3333%205.34%2014.3333%208.83333C14.3333%2012.3267%2011.4933%2015.1667%207.99996%2015.1667ZM7.99996%203.5C5.05996%203.5%202.66663%205.89333%202.66663%208.83333C2.66663%2011.7733%205.05996%2014.1667%207.99996%2014.1667C10.94%2014.1667%2013.3333%2011.7733%2013.3333%208.83333C13.3333%205.89333%2010.94%203.5%207.99996%203.5Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M8%209.16671C7.72667%209.16671%207.5%208.94004%207.5%208.66671V5.33337C7.5%205.06004%207.72667%204.83337%208%204.83337C8.27333%204.83337%208.5%205.06004%208.5%205.33337V8.66671C8.5%208.94004%208.27333%209.16671%208%209.16671Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10%201.83337H6C5.72667%201.83337%205.5%201.60671%205.5%201.33337C5.5%201.06004%205.72667%200.833374%206%200.833374H10C10.2733%200.833374%2010.5%201.06004%2010.5%201.33337C10.5%201.60671%2010.2733%201.83337%2010%201.83337Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
+
 function MobileHeader({
   header,
   navData,
   isTutorWebsite,
   isLandingPage = false,
-  onDownloadAppTriggered
+  onDownloadAppTriggered,
+  extraProps
 }) {
   const {
     isCustomWebsite,
@@ -1441,6 +1636,106 @@ function MobileHeader({
 
   // console.log(header, 'sakshat header mobile');
 
+  const getDiscount = (price, discount) => {
+    return (discount / price * 100).toFixed(2);
+  };
+  const renderer = ({
+    days,
+    hours,
+    minutes,
+    seconds
+  }) => {
+    if (days === 0 && hours < 24) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.offerBottom
+      }, /*#__PURE__*/React__default["default"].createElement("div", null, "Offer ends in"), /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          gap: '5px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        src: timer,
+        alt: ""
+      }), ' ', /*#__PURE__*/React__default["default"].createElement("div", null, hours, " ", /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.smallText
+      }, "hrs"), " : ", minutes, ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.smallText
+      }, "Mins"), " : ", seconds, ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.smallText
+      }, "Secs"))));
+    } else {
+      let given = moment__default["default"](header.endDate);
+      let current = moment__default["default"]().startOf('day');
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.offerBottom
+      }, /*#__PURE__*/React__default["default"].createElement("div", null, "This offer is only valid for"), /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          gap: '5px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        src: timer,
+        alt: ""
+      }), ' ', /*#__PURE__*/React__default["default"].createElement("div", null, Math.floor(moment__default["default"].duration(given.diff(current)).asDays()), /*#__PURE__*/React__default["default"].createElement("span", {
+        className: classes.smallText
+      }, "\xA0\xA0Days"))));
+    }
+  };
+  const OfferDetailsJSX = () => {
+    let conversions = extraProps?.conversions || 0;
+    const currentTimestamp = new Date().getTime();
+    if (header?.isOfferActive && header?.endDate && header?.endDate && header?.endDate > currentTimestamp && (header?.offerPriceValidFor ? header.offerPriceValidFor - conversions > 0 : true)) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classes.BottomSheetOfferContainer
+      }, ' ', /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
+        renderer: renderer,
+        date: header?.endDate
+      }));
+    }
+    return null;
+  };
+  const BottomSheetJSX = () => {
+    if (!header?.effectivePrice) {
+      return null;
+    }
+    const body = navEl?.current?.ownerDocument?.body;
+    console.log("body", body);
+    console.log("body 1", document?.getElementsByClassName(classes.section)?.closest('body'));
+    if (body) {
+      body.style.marginBottom = '130px';
+    }
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.BottomSheetContainer
+    }, OfferDetailsJSX(), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.BottomSheetPriceContainer
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.BottomSheetPrice
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        textAlign: 'start'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.offerPrice
+    }, header?.effectivePrice), ' '), header?.price && header?.discount && header?.effectivePrice && header?.price !== header?.effectivePrice ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.originalPrice
+    }, header?.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+      className: classes.offerDiscount
+    }, `${getDiscount(header?.price, header?.discount)}%`, "\xA0OFF"), "\xA0\xA0") : null)), /*#__PURE__*/React__default["default"].createElement(Button, {
+      data: {
+        // link: 'headerData?.loginCtaLink',
+        // isLink: 1,
+        value: 'BUY NOW'
+        // isExternal: 1
+      },
+      onClick: extraProps?.courseBuyNow,
+      type: 'primary',
+      size: 'medium',
+      target: null,
+      name: "button",
+      rel: null
+      // styling={isMobile ? { margin: '0 40px' } : {}}
+    }))));
+  };
   if (isTutorWebsite) {
     if (isAndroidDelisted && apkURL) {
       downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
@@ -1513,7 +1808,7 @@ function MobileHeader({
       downloadLink = null;
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("nav", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("nav", {
     ref: navEl,
     className: classes.section
   }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1546,7 +1841,7 @@ function MobileHeader({
     order: 1
   }))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React__default["default"].createElement("p", {
     className: classes.mobileAppNameClass
-  }, " ", header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, ' ', header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.mobileMenu
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.backdrop,
@@ -1566,7 +1861,7 @@ function MobileHeader({
     style: {
       paddingTop: '30px'
     }
-  }));
+  })), /*#__PURE__*/React__default["default"].createElement(BottomSheetJSX, null));
 }
 
 function Header({
@@ -1586,13 +1881,15 @@ function Header({
     header: data,
     isTutorWebsite: isTutorWebsite,
     isLandingPage: isLandingPage,
-    onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
+    onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered,
+    extraProps: extraProps
   }) : /*#__PURE__*/React__default["default"].createElement(DesktopHeader, {
     navData: filterHiddenNavs(),
     header: data,
     isTutorWebsite: isTutorWebsite,
     isLandingPage: isLandingPage,
-    onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered
+    onDownloadAppTriggered: extraProps?.DownloadAppButtonTriggered,
+    extraProps: extraProps
   });
 }
 
@@ -1631,7 +1928,6 @@ const useSectionStyles$9 = createUseStyles(theme => ({
 
     // '& img': { maxHeight: '55px' }
   },
-
   upperContainerItem1Img: {
     maxHeight: '55px',
     paddingBottom: '84px',
@@ -1946,14 +2242,18 @@ function Footer({
     alt: "classplus",
     className: classes.poweredDivImg
   })))) : null, orgId === 643870 || extraProps?.org_id === 643870 ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classes.lowerContainer
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classes.bottomLeftText
-  }, "\xA9 Samko Automotive Solution")) : null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classes.lowerContainer
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classes.bottomLeftText
-  }, "\xA9 Bhushan Ramchandra Gawarepatil")));
+    style: {
+      display: 'flex',
+      alignSelf: 'start',
+      marginBottom: '10px'
+    }
+  }, "\xA9 Samko Automotive Solution") : null, orgId === 510746 || extraProps?.org_id === 510746 ? /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      alignSelf: 'start',
+      marginBottom: '10px'
+    }
+  }, "\xA9 Bhushan Ramchandra Gawarepatil") : null);
 }
 
 const borderRadius = {
@@ -2068,7 +2368,6 @@ const mobilePadding = {
   // 24px
   medium: baseFactor * 6 // 48px
 };
-
 const padding = {
   minute: baseFactor * 2,
   // 16px
@@ -2194,29 +2493,30 @@ function NanumSquare() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$m; })),
-  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
-  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
-  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
-  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
-  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
-  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
-  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
-  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
-  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
-  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
-  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
-  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
-  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
-  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
-  ABOUT_INSTITUTE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
+  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$n; })),
+  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$m; })),
+  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
+  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
+  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
+  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
+  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
+  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
+  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
+  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
+  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
+  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
+  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
+  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
+  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
+  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
+  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
+  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
+  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
+  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
+  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
+  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
+  ABOUT_INSTITUTE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
+  TIMER_AND_CALL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
 };
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
 const MemoisedSection$1 = /*#__PURE__*/React.memo(({
@@ -2537,7 +2837,6 @@ const useSectionStyles$8 = createUseStyles(theme => ({
     //   }
     // }
   },
-
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -2969,7 +3268,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$m = /*#__PURE__*/Object.freeze({
+var index$n = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -3107,7 +3406,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
           // padding: '0'
         }
       },
-
       '&:nth-child(2n+1)': {
         marginRight: '0',
         '& $contentText': {
@@ -3117,7 +3415,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
         }
       }
     },
-
     contentNumber: {
       width: '100%',
       padding: '24px',
@@ -3195,7 +3492,7 @@ function List({
   }))));
 }
 
-var index$l = /*#__PURE__*/Object.freeze({
+var index$m = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -3398,7 +3695,8 @@ const useSectionStyles$6 = createUseStyles(theme => {
 
 const Section$3 = ({
   nodeData,
-  sectionIndex
+  sectionIndex,
+  extraProps
 }) => {
   const {
     layout: {
@@ -3419,6 +3717,10 @@ const Section$3 = ({
     hasContent,
     mobileImage: nodeData?.mobileImage?.metadata?.value
   });
+  const handleButton = () => {
+    console.log('buy now clicked');
+    extraProps?.courseBuyNow();
+  };
   return /*#__PURE__*/React__default["default"].createElement("section", {
     className: classes.bannerCarouselCenterSection
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3449,7 +3751,13 @@ const Section$3 = ({
     }
   }) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.buttonClass
-  }, /*#__PURE__*/React__default["default"].createElement(Button, {
+  }, nodeData?.cta?.metadata?.default === true ? /*#__PURE__*/React__default["default"].createElement(Button, {
+    data: nodeData.cta.metadata,
+    ref: nodeData?.cta?.refSetter,
+    type: nodeData?.cta?.metadata?.type,
+    size: isMobile ? 'small' : 'medium',
+    onClick: handleButton
+  }) : /*#__PURE__*/React__default["default"].createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
@@ -3467,7 +3775,8 @@ const Section$3 = ({
 function BannerCarouselCenter({
   sectionData,
   isCustomWebsite,
-  sectionIndex
+  sectionIndex,
+  extraProps
 }) {
   const classes = useSectionStyles$6({
     isCustomWebsite
@@ -3486,11 +3795,12 @@ function BannerCarouselCenter({
     nodeData: node,
     isCustomWebsite: isCustomWebsite,
     key: idx /* or some other unique property */,
-    sectionIndex: sectionIndex
+    sectionIndex: sectionIndex,
+    extraProps: extraProps
   }))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -3511,7 +3821,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -3525,7 +3834,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
 
       // padding: `${theme?.spacing?.padding?.regular}px ${theme?.spacing?.padding?.medium}px 0px ${theme?.spacing?.padding?.medium}px`
     },
-
     imageContainerDiv: {
       width: '50%',
       position: 'relative'
@@ -3597,7 +3905,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
         width: '100%'
         // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
       },
-
       imageContainer: {
         height: 'unset !important',
         '& img': {
@@ -3722,7 +4029,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -4118,7 +4425,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -4406,7 +4713,7 @@ function Testimonials({
   }));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4604,7 +4911,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
         fontFamily: theme?.typography?.fontFamily
         // boxSizing: 'border-box'
       },
-
       '& h2,& h3,& p': {
         marginTop: '0'
       }
@@ -4629,7 +4935,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
       wordBreak: 'break-word'
       // marginBottom: '8px'
     },
-
     videoTestimonialTitle: {
       fontSize: theme.typography.fontSize.h2,
       // lineHeight: '71px',
@@ -4812,7 +5117,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -5048,7 +5353,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -5070,7 +5375,6 @@ const useSectionStyles$3 = createUseStyles(theme => ({
     //   }
     // }
   },
-
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -5285,7 +5589,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -5404,7 +5708,7 @@ const TextSection = ({
   })))));
 };
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -5428,7 +5732,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -5459,7 +5762,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       position: 'relative',
       paddingBottom: '59.83%' // keeping aspect ratio 585x350
     },
-
     contentRow: {
       display: 'grid',
       gridTemplateColumns: ({
@@ -5629,7 +5931,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -5812,7 +6114,7 @@ const Accordion = ({
   })));
 };
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5983,7 +6285,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -6006,7 +6308,6 @@ const useCourseStyles = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -6039,7 +6340,6 @@ const useCourseStyles = createUseStyles(theme => {
       // textAlign: 'center',
       // wordBreak: 'break-word'
     },
-
     slickContainer: {
       marginRight: '-20px'
     },
@@ -6087,7 +6387,6 @@ const useCourseStyles = createUseStyles(theme => {
       justifyContent: 'space-between'
       //alignItems: 'center',
     },
-
     courseCardTags: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6118,7 +6417,6 @@ const useCourseStyles = createUseStyles(theme => {
       // whiteSpace: 'nowrap',
       // textOverflow: 'ellipsis'
     },
-
     courseCardDiscount: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6225,7 +6523,6 @@ const useCourseStyles = createUseStyles(theme => {
         // whiteSpace: 'nowrap',
         // textOverflow: 'ellipsis'
       },
-
       singleCard: {
         margin: '6px 2px'
         // width: 'calc(100% - 12px)'
@@ -6515,7 +6812,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -6573,7 +6870,6 @@ const useTeamStyles = createUseStyles(theme => {
       // gridTemplateColumns: ({ slidesToShow } = {}) =>
       //   `repeat(${slidesToShow},minmax(0, 1fr))`
     },
-
     singleSlideContainer: {
       backgroundColor: theme?.palette?.background?.default,
       margin: '20px 0',
@@ -6599,7 +6895,6 @@ const useTeamStyles = createUseStyles(theme => {
       padding: '24px'
       // overflowWrap: 'break-word'
     },
-
     teamDetailsHeading: {
       fontSize: theme.typography.fontSize.h6,
       fontWeight: theme.typography.fontWeight.bold,
@@ -6834,7 +7129,7 @@ function TeamCard({
   }, " ", getCarouselContent())));
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -6862,7 +7157,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     //   }
     // }
   },
-
   formContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -6899,14 +7193,12 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     display: 'flex'
     // alignItems: 'flex-start',
   },
-
   leftContainerForm: {
     width: '65%',
     display: 'flex',
     flexDirection: 'column'
     // justifyContent: 'space-between'
   },
-
   subtitle: {
     // margin: '0 0 40px 0',
     fontSize: theme.typography.fontSize.h5,
@@ -6974,7 +7266,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
       width: '100%'
       // padding: '0 16ox'
     },
-
     rightContainer: {
       width: '100%',
       padding: '0'
@@ -7259,7 +7550,7 @@ function FormEnquiry({
   })))))));
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -7287,7 +7578,6 @@ const useSectionStyles = createUseStyles(theme => ({
     //   }
     // }
   },
-
   contactContainer: {
     width: '100%',
     margin: '0 auto',
@@ -7326,7 +7616,6 @@ const useSectionStyles = createUseStyles(theme => ({
     // justifyContent: 'space-between',
     // flex: 1
   },
-
   subtitle: {
     // margin: '0 0 auto 0',
     fontSize: theme.typography.fontSize.h6,
@@ -7683,7 +7972,7 @@ function Contact({
   })))))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -7771,7 +8060,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       marginTop: '5%'
       // padding: '0px 5% 0px 5%'
     },
-
     iframe: {
       position: 'absolute',
       width: '100%',
@@ -8119,7 +8407,6 @@ const SingleVideoSlide$1 = props => {
       value: data.isPaid ? buyNowText : registerNowText
       // isExternal: 1
     },
-
     onClick: webinarCtaClick,
     type: 'primary',
     size: 'medium',
@@ -8162,7 +8449,7 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
@@ -8188,7 +8475,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
       //   }
       // }
     },
-
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -8306,7 +8592,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
       // paddingBottom: '10px',
       // paddingTop: '10px'
     },
-
     bannerContainer: {
       width: '100%',
       background: theme?.colors?.bannerColor,
@@ -8321,7 +8606,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
       clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))'
       // marginBottom: '16px'
     },
-
     bannerContainerText: {
       transform: 'rotate(180deg)'
     },
@@ -8434,7 +8718,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
         height: 'max-content'
         // paddingRight: '10px'
       },
-
       videoDetails: {
         width: '100%'
       },
@@ -8693,7 +8976,6 @@ const SingleVideoSlide = props => {
       value: buyNowText
       // isExternal: 1
     },
-
     onClick: courseBuyNow,
     type: 'primary',
     size: 'medium',
@@ -8754,7 +9036,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -8798,7 +9080,6 @@ const useFormPageStyles = createUseStyles(theme => ({
     // border: '1px solid #D8E0F0',
     // borderRadius: '16px'
   },
-
   inputFieldLabel: {
     color: theme?.colors?.lightblack,
     fontSize: theme.typography.fontSize.body,
@@ -9111,7 +9392,6 @@ const FormPage = ({
       value: countryCode === 'KR' ? '제출하기' : 'SUBMIT'
       // isExternal: 1
     },
-
     type: 'primary',
     size: 'medium',
     target: null,
@@ -9119,7 +9399,7 @@ const FormPage = ({
   })))));
 };
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -9267,7 +9547,7 @@ function Tiles({
   }, TileDiv)));
 }
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Tiles
 });
@@ -9294,7 +9574,6 @@ const useEmailStyles = createUseStyles(theme => ({
     height: '48px'
     /* margin: 18px 0px; */
   },
-
   'p-young-guru-title': {
     fontFamily: theme?.typography?.fontFamily,
     fontStyle: 'normal',
@@ -9322,7 +9601,6 @@ const useEmailStyles = createUseStyles(theme => ({
     textAlign: 'center'
     /* padding:35px 0 40px */
   },
-
   'two-columns .column': {
     width: '100%',
     maxWidth: '275px',
@@ -9742,7 +10020,7 @@ function EmailDripMarket({
   })));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailDripMarket
 });
@@ -9792,7 +10070,6 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
     // borderRadius: '16px',
     // border: '1px solid var(--stroke, #D8E0F0)',
   },
-
   image: {
     width: '100%',
     height: '100%',
@@ -10111,11 +10388,181 @@ function ABOUT_INSTITUTE({
   }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)));
 }
 
-var index = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ABOUT_INSTITUTE
 });
 
+const useTimerCallPageStyles = createUseStyles(theme => ({
+  timerAndCallSection: {
+    padding: ({
+      isMobile
+    } = {}) => isMobile ? '24px' : '80px 120px',
+    background: theme?.colors?.white,
+    '&, & *, & *:before, & *:after': {
+      fontFamily: theme?.typography?.fontFamily,
+      boxSizing: 'border-box'
+    }
+  },
+  timerAndCallContainer: {
+    padding: '72px',
+    background: '#F4F9FF',
+    borderRadius: '8px',
+    boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.16)'
+  },
+  timerAndCallBox: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '42px',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  title: {
+    fontWeight: '700',
+    fontSize: '40px',
+    textAlign: 'center',
+    lineHeight: '45px'
+  },
+  offerWrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  offerEndsTitle: {
+    fontWeight: '700',
+    fontSize: '16px'
+  },
+  countdown: {
+    display: 'flex',
+    gap: '10px'
+  },
+  counterBox: {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    border: '0.56px solid #2C88FF',
+    borderRadius: '8px',
+    background: '#FFFFFF',
+    color: '#2C88FF',
+    padding: '12px 16px 12px 16px',
+    fontWeight: '600',
+    fontSize: '14px'
+  },
+  // SMALL SCREEN
+  '@media screen and (max-width: 767px)': {
+    timerAndCallSection: {
+      padding: '24px'
+    },
+    timerAndCallContainer: {
+      padding: '16px'
+    },
+    timerAndCallBox: {
+      gap: '32px'
+    },
+    title: {
+      fontSize: '24px'
+    },
+    offerWrapper: {
+      gap: '16px'
+    }
+  }
+}));
+
+const TimerAndCall = ({
+  sectionData,
+  extraProps = {}
+}) => {
+  const {
+    isMobile,
+    fullPageData
+  } = React.useContext(PageContext);
+  const [nodeData] = sectionData?.components;
+  const classes = useTimerCallPageStyles({
+    isMobile
+  });
+  const CounterBox = ({
+    value,
+    text
+  }) => {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.counterBox
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, value), /*#__PURE__*/React__default["default"].createElement("div", null, text));
+  };
+  const renderer = ({
+    formatted,
+    completed
+  }) => {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.countdown
+    }, /*#__PURE__*/React__default["default"].createElement(CounterBox, {
+      value: formatted?.hours,
+      text: "Hours"
+    }), /*#__PURE__*/React__default["default"].createElement(CounterBox, {
+      value: formatted?.minutes,
+      text: "Mins"
+    }), /*#__PURE__*/React__default["default"].createElement(CounterBox, {
+      value: formatted?.seconds,
+      text: "Secs"
+    }));
+  };
+  const CountDownJSX = offerPriceValidFor => {
+    let conversions = extraProps?.conversions || 0;
+    if (offerPriceValidFor && offerPriceValidFor - conversions <= 0) {
+      return null;
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.offerWrapper
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classes.offerEndsTitle
+    }, "Offer ends in"), /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
+      renderer: renderer,
+      date: nodeData.offerCounter?.metadata?.endDate,
+      daysInHours: true
+    }));
+  };
+  return /*#__PURE__*/React__default["default"].createElement("section", {
+    className: classes.timerAndCallSection
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.timerAndCallContainer
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.timerAndCallBox
+  }, nodeData?.showOffer?.metadata?.value && nodeData.offerCounter?.metadata?.isOfferActive ? CountDownJSX(nodeData.offerCounter?.metadata?.offerPriceValidFor) : null, nodeData?.title?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.title
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: nodeData?.heading?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.title?.metadata?.value
+    }
+  })) : null, nodeData?.timerButton?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement(Button, {
+    style: {
+      width: '100%',
+      fontWeight: '700',
+      fontSize: '14px'
+    },
+    data: {
+      // link: 'headerData?.loginCtaLink',
+      // isLink: 1,
+      value: nodeData.timerButton.metadata.value
+      // isExternal: 1
+    },
+    onClick: extraProps?.courseBuyNow,
+    type: 'primary',
+    size: 'medium',
+    target: null,
+    name: "button",
+    rel: null
+    // styling={isMobile ? { margin: '0 40px' } : {}}
+  }) : null)));
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': TimerAndCall
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -10139,7 +10586,8 @@ const TYPE_TO_COMPONENT_MAP = {
   FORM_LANDING_PAGE: FormPage,
   TILES_SECTION: Tiles,
   EMAIL_DRIP_MARKET: EmailDripMarket,
-  ABOUT_INSTITUTE
+  ABOUT_INSTITUTE,
+  TIMER_AND_CALL: TimerAndCall
 };
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
 const MemoisedSection = /*#__PURE__*/React.memo(({
@@ -10148,6 +10596,7 @@ const MemoisedSection = /*#__PURE__*/React.memo(({
   isCustomWebsite,
   sectionIndex
 }) => {
+  console.log('extraProps in section data', extraProps);
   const SectionComp = getCompToRender(sectionData.type);
   return /*#__PURE__*/React__default["default"].createElement(SectionComp, {
     sectionData: sectionData,