diy-template-components 0.0.72 → 0.1.2

package/build/index.es.js

@@ -12,6 +12,8 @@ function ___$insertStyle(css) {
 import React, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
 import Slider from 'react-slick';
 import axios from 'axios';
+import moment from 'moment';
+import Countdown from 'react-countdown';
 import { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';
 
 function _extends() {
@@ -617,6 +619,16 @@ var success = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%
 
 var quote = "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2221%22%20viewBox%3D%220%200%2028%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.352%2020.88H3.384L0%2010.584V0H11.736V10.584L8.352%2020.88ZM24.0476%2020.88H19.1516L15.7676%2010.584V0H27.5036V10.584L24.0476%2020.88Z%22%20fill%3D%22%236269C9%22%2F%3E%3C%2Fsvg%3E";
 
+var clock = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.5C13.1421%2016.5%2016.5%2013.1421%2016.5%209C16.5%204.85786%2013.1421%201.5%209%201.5C4.85786%201.5%201.5%204.85786%201.5%209C1.5%2013.1421%204.85786%2016.5%209%2016.5Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M11.7825%2011.9478C11.685%2011.9478%2011.5875%2011.9253%2011.4975%2011.8653L9.17248%2010.4778C8.59498%2010.1328%208.16748%209.37531%208.16748%208.70781V5.63281C8.16748%205.32531%208.42248%205.07031%208.72998%205.07031C9.03748%205.07031%209.29248%205.32531%209.29248%205.63281V8.70781C9.29248%208.97781%209.51748%209.37531%209.74998%209.51031L12.075%2010.8978C12.345%2011.0553%2012.4275%2011.4003%2012.27%2011.6703C12.1575%2011.8503%2011.97%2011.9478%2011.7825%2011.9478Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
+
+var bookSaved = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.4375%204.50055V14.933C8.4375%2015.4655%207.8975%2015.833%207.41%2015.6305C6.015%2015.0455%204.2825%2014.5355%203.0525%2014.3705L2.82%2014.3405C2.0925%2014.2505%201.5%2013.583%201.5%2012.8555V3.93805C1.5%203.03805%202.2275%202.31055%203.1275%202.31055H3.18C4.59%202.43055%206.6675%203.09055%208.04%203.83305C8.2875%203.96805%208.4375%204.21555%208.4375%204.50055Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M14.8725%202.31055H14.8275C14.6475%202.32555%2014.4525%202.34805%2014.25%202.38555C13.3275%202.53555%2012.2325%202.85055%2011.25%203.24055C10.785%203.42805%2010.35%203.63055%209.9675%203.83305C9.72%203.96805%209.5625%204.22305%209.5625%204.50055V14.933C9.5625%2015.4655%2010.1025%2015.833%2010.59%2015.6305C11.985%2015.0455%2013.7175%2014.5355%2014.9475%2014.3705L15.18%2014.3405C15.9075%2014.2505%2016.5%2013.583%2016.5%2012.8555V3.93805C16.5%203.03805%2015.7725%202.31055%2014.8725%202.31055ZM14.4525%2010.298C14.4525%2010.5905%2014.2425%2010.718%2013.9875%2010.5755L13.1925%2010.133C13.11%2010.088%2012.975%2010.088%2012.885%2010.133L12.09%2010.5755C11.835%2010.718%2011.625%2010.5905%2011.625%2010.298V7.99555C11.625%207.65055%2011.91%207.36555%2012.255%207.36555H13.83C14.175%207.36555%2014.46%207.65055%2014.46%207.99555V10.298H14.4525Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
+
+var certificate = "data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.7%22%20d%3D%22M10.5%200H1.5C0.675%200%200%200.63%200%201.4V12.6C0%2013.37%200.675%2014%201.5%2014H10.5C11.325%2014%2012%2013.37%2012%2012.6V1.4C12%200.63%2011.325%200%2010.5%200ZM1.5%201.4H5.25V7L3.375%205.95L1.5%207V1.4Z%22%20fill%3D%22%231676F3%22%2F%3E%3C%2Fsvg%3E";
+
+var calendar = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.5627%202.67V1.5C12.5627%201.1925%2012.3077%200.9375%2012.0002%200.9375C11.6927%200.9375%2011.4377%201.1925%2011.4377%201.5V2.625H6.56267V1.5C6.56267%201.1925%206.30767%200.9375%206.00017%200.9375C5.69267%200.9375%205.43767%201.1925%205.43767%201.5V2.67C3.41267%202.8575%202.43017%204.065%202.28017%205.8575C2.26517%206.075%202.44517%206.255%202.65517%206.255H15.3452C15.5627%206.255%2015.7427%206.0675%2015.7202%205.8575C15.5702%204.065%2014.5877%202.8575%2012.5627%202.67Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M15%207.38086H3C2.5875%207.38086%202.25%207.71836%202.25%208.13086V12.7509C2.25%2015.0009%203.375%2016.5009%206%2016.5009H12C14.625%2016.5009%2015.75%2015.0009%2015.75%2012.7509V8.13086C15.75%207.71836%2015.4125%207.38086%2015%207.38086ZM6.9075%2013.6584C6.87%2013.6884%206.8325%2013.7259%206.795%2013.7484C6.75%2013.7784%206.705%2013.8009%206.66%2013.8159C6.615%2013.8384%206.57%2013.8534%206.525%2013.8609C6.4725%2013.8684%206.4275%2013.8759%206.375%2013.8759C6.2775%2013.8759%206.18%2013.8534%206.09%2013.8159C5.9925%2013.7784%205.9175%2013.7259%205.8425%2013.6584C5.7075%2013.5159%205.625%2013.3209%205.625%2013.1259C5.625%2012.9309%205.7075%2012.7359%205.8425%2012.5934C5.9175%2012.5259%205.9925%2012.4734%206.09%2012.4359C6.225%2012.3759%206.375%2012.3609%206.525%2012.3909C6.57%2012.3984%206.615%2012.4134%206.66%2012.4359C6.705%2012.4509%206.75%2012.4734%206.795%2012.5034C6.8325%2012.5334%206.87%2012.5634%206.9075%2012.5934C7.0425%2012.7359%207.125%2012.9309%207.125%2013.1259C7.125%2013.3209%207.0425%2013.5159%206.9075%2013.6584ZM6.9075%2011.0334C6.765%2011.1684%206.57%2011.2509%206.375%2011.2509C6.18%2011.2509%205.985%2011.1684%205.8425%2011.0334C5.7075%2010.8909%205.625%2010.6959%205.625%2010.5009C5.625%2010.3059%205.7075%2010.1109%205.8425%209.96836C6.0525%209.75836%206.3825%209.69086%206.66%209.81086C6.7575%209.84836%206.84%209.90086%206.9075%209.96836C7.0425%2010.1109%207.125%2010.3059%207.125%2010.5009C7.125%2010.6959%207.0425%2010.8909%206.9075%2011.0334ZM9.5325%2013.6584C9.39%2013.7934%209.195%2013.8759%209%2013.8759C8.805%2013.8759%208.61%2013.7934%208.4675%2013.6584C8.3325%2013.5159%208.25%2013.3209%208.25%2013.1259C8.25%2012.9309%208.3325%2012.7359%208.4675%2012.5934C8.745%2012.3159%209.255%2012.3159%209.5325%2012.5934C9.6675%2012.7359%209.75%2012.9309%209.75%2013.1259C9.75%2013.3209%209.6675%2013.5159%209.5325%2013.6584ZM9.5325%2011.0334C9.495%2011.0634%209.4575%2011.0934%209.42%2011.1234C9.375%2011.1534%209.33%2011.1759%209.285%2011.1909C9.24%2011.2134%209.195%2011.2284%209.15%2011.2359C9.0975%2011.2434%209.0525%2011.2509%209%2011.2509C8.805%2011.2509%208.61%2011.1684%208.4675%2011.0334C8.3325%2010.8909%208.25%2010.6959%208.25%2010.5009C8.25%2010.3059%208.3325%2010.1109%208.4675%209.96836C8.535%209.90086%208.6175%209.84836%208.715%209.81086C8.9925%209.69086%209.3225%209.75836%209.5325%209.96836C9.6675%2010.1109%209.75%2010.3059%209.75%2010.5009C9.75%2010.6959%209.6675%2010.8909%209.5325%2011.0334ZM12.1575%2013.6584C12.015%2013.7934%2011.82%2013.8759%2011.625%2013.8759C11.43%2013.8759%2011.235%2013.7934%2011.0925%2013.6584C10.9575%2013.5159%2010.875%2013.3209%2010.875%2013.1259C10.875%2012.9309%2010.9575%2012.7359%2011.0925%2012.5934C11.37%2012.3159%2011.88%2012.3159%2012.1575%2012.5934C12.2925%2012.7359%2012.375%2012.9309%2012.375%2013.1259C12.375%2013.3209%2012.2925%2013.5159%2012.1575%2013.6584ZM12.1575%2011.0334C12.12%2011.0634%2012.0825%2011.0934%2012.045%2011.1234C12%2011.1534%2011.955%2011.1759%2011.91%2011.1909C11.865%2011.2134%2011.82%2011.2284%2011.775%2011.2359C11.7225%2011.2434%2011.67%2011.2509%2011.625%2011.2509C11.43%2011.2509%2011.235%2011.1684%2011.0925%2011.0334C10.9575%2010.8909%2010.875%2010.6959%2010.875%2010.5009C10.875%2010.3059%2010.9575%2010.1109%2011.0925%209.96836C11.1675%209.90086%2011.2425%209.84836%2011.34%209.81086C11.475%209.75086%2011.625%209.73586%2011.775%209.76586C11.82%209.77336%2011.865%209.78836%2011.91%209.81086C11.955%209.82586%2012%209.84836%2012.045%209.87836C12.0825%209.90836%2012.12%209.93836%2012.1575%209.96836C12.2925%2010.1109%2012.375%2010.3059%2012.375%2010.5009C12.375%2010.6959%2012.2925%2010.8909%2012.1575%2011.0334Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
+
+var video = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8625%205.1275C15.555%204.9625%2014.91%204.79%2014.0325%205.405L12.93%206.185C12.8475%203.8525%2011.835%202.9375%209.375%202.9375H4.875C2.31%202.9375%201.3125%203.935%201.3125%206.5V12.5C1.3125%2014.225%202.25%2016.0625%204.875%2016.0625H9.375C11.835%2016.0625%2012.8475%2015.1475%2012.93%2012.815L14.0325%2013.595C14.4975%2013.925%2014.9025%2014.03%2015.225%2014.03C15.5025%2014.03%2015.72%2013.9475%2015.8625%2013.8725C16.17%2013.715%2016.6875%2013.2875%2016.6875%2012.215V6.785C16.6875%205.7125%2016.17%205.285%2015.8625%205.1275ZM8.25%209.035C7.4775%209.035%206.84%208.405%206.84%207.625C6.84%206.845%207.4775%206.215%208.25%206.215C9.0225%206.215%209.66%206.845%209.66%207.625C9.66%208.405%209.0225%209.035%208.25%209.035Z%22%20fill%3D%22%23589DF5%22%2F%3E%3C%2Fsvg%3E";
+
 /** @returns {import('./types').IconData} */
 
 const getConfiguredIcon1 = url => ({
@@ -704,7 +716,13 @@ const icons = {
   // Others
   Teachers: getConfiguredIcon2(teachers, false, true),
   Learning: getConfiguredIcon2(learning, false, true),
-  Success: getConfiguredIcon2(success, false, true)
+  Success: getConfiguredIcon2(success, false, true),
+  // landing pages
+  Clock: getConfiguredIcon2(clock, false, true),
+  'Book Saved': getConfiguredIcon2(bookSaved, false, true),
+  Certificate: getConfiguredIcon2(certificate, false, true),
+  Calendar: getConfiguredIcon2(calendar, false, true),
+  Video: getConfiguredIcon2(video, false, true)
 };
 
 const someMethod1 = (
@@ -989,7 +1007,8 @@ function OptionList({
   isMobile,
   moreContent,
   navDataCount,
-  isTutorWebsite
+  isTutorWebsite,
+  isLandingPages
 }) {
   useContext(PageContext);
 
@@ -1000,7 +1019,7 @@ function OptionList({
         link: dt.slug,
         active: dt.active,
         isLink: true,
-        isExisting: false
+        isExistingLink: false
       };
     });
   };
@@ -1051,7 +1070,7 @@ function OptionList({
       link: headerData?.appLink,
       isLink: 1,
       value: 'Download App',
-      isExisting: false
+      isExistingLink: false
     },
     type: 'primary',
     size: 'small',
@@ -1065,7 +1084,7 @@ function OptionList({
       link: headerData?.loginCtaLink,
       isLink: 1,
       value: 'Login',
-      isExisting: false
+      isExistingLink: false
     },
     type: 'primary',
     size: isMobile ? 'small' : 'medium',
@@ -1080,7 +1099,8 @@ function OptionList({
 function DesktopHeader({
   header,
   navData,
-  isTutorWebsite
+  isTutorWebsite,
+  isLandingPages
 }) {
   const {
     isFixed = true
@@ -1139,6 +1159,7 @@ function DesktopHeader({
     navDataCount: navData?.length,
     headerData: header,
     isMobile: false,
+    isLandingPages: isLandingPages,
     moreContent: moreContentFn(),
     isTutorWebsite: isTutorWebsite
   }))));
@@ -1151,7 +1172,8 @@ var phoneAndroid = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%224
 function MobileHeader({
   header,
   navData,
-  isTutorWebsite
+  isTutorWebsite,
+  isLandingPages
 }) {
   const {
     isFixed = true
@@ -1189,7 +1211,7 @@ function MobileHeader({
             src: phoneIos,
             alt: "iosUrl"
           }),
-          isExisting: false
+          isExistingLink: false
         },
         type: '',
         size: 'small',
@@ -1211,7 +1233,7 @@ function MobileHeader({
             src: phoneAndroid,
             alt: "iosUrl"
           }),
-          isExisting: false
+          isExistingLink: false
         },
         type: '',
         size: 'small',
@@ -1231,7 +1253,7 @@ function MobileHeader({
           link: header?.iosUrl,
           isLink: 1,
           value: 'Download App',
-          isExisting: false
+          isExistingLink: false
         },
         type: 'primary',
         size: 'small',
@@ -1244,7 +1266,7 @@ function MobileHeader({
           link: header?.androidURL,
           isLink: 1,
           value: 'Download App',
-          isExisting: false
+          isExistingLink: false
         },
         type: 'primary',
         size: 'small',
@@ -1261,7 +1283,7 @@ function MobileHeader({
           link: header?.appLink,
           isLink: 1,
           value: 'Download App',
-          isExisting: false
+          isExistingLink: false
         },
         type: 'primary',
         size: 'small',
@@ -1322,7 +1344,8 @@ function Header({
 }) {
   const {
     isMobile,
-    isTutorWebsite
+    isTutorWebsite,
+    isLandingPages
   } = useContext(PageContext);
 
   const filterHiddenNavs = () => {
@@ -1332,11 +1355,13 @@ function Header({
   return isMobile ? /*#__PURE__*/React.createElement(MobileHeader, {
     navData: filterHiddenNavs(),
     header: data,
-    isTutorWebsite: isTutorWebsite
+    isTutorWebsite: isTutorWebsite,
+    isLandingPages: isLandingPages
   }) : /*#__PURE__*/React.createElement(DesktopHeader, {
     navData: filterHiddenNavs(),
     header: data,
-    isTutorWebsite: isTutorWebsite
+    isTutorWebsite: isTutorWebsite,
+    isLandingPages: isLandingPages
   });
 }
 
@@ -1796,44 +1821,51 @@ function ArimaMadurai() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
-  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
-  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
-  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
-  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
-  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
-  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
-  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
-  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
-  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
-  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
-  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
+  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
+  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
+  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
+  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
+  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
+  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
+  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
+  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
+  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
+  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
+  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
+  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
+  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
+  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
+  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
+  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
+  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
+  WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
+  COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
+  FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
 };
 
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
 
 const MemoisedSection$1 = /*#__PURE__*/memo(({
-  sectionData
+  sectionData,
+  extraProps
 }) => {
   const SectionComp = getCompToRender$1(sectionData.type);
   return /*#__PURE__*/React.createElement(SectionComp, {
-    sectionData: sectionData
+    sectionData: sectionData,
+    extraProps: extraProps
   });
 });
 function SectionRenderer$1({
-  sectionData
+  sectionData,
+  extraProps
 }) {
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
     /*GIF maybe*/
 
   }, /*#__PURE__*/React.createElement(MemoisedSection$1, {
-    sectionData: sectionData
+    sectionData: sectionData,
+    extraProps: extraProps
   }));
 }
 
@@ -1861,9 +1893,11 @@ function PageRenderer$1({
     sections,
     header,
     footer,
-    validations = {}
+    validations = {},
+    _id
   },
   isMobile = false,
+  isLandingPages = false,
   baseURLs = {},
   hashToken,
   SectionWrapper,
@@ -1873,12 +1907,15 @@ function PageRenderer$1({
   isEdit,
   sectionPlaceholder,
   templateId,
-  isTutorWebsite = false
+  isTutorWebsite = false,
+  extraProps,
+  hideLogin
 }) {
   const theme = useMemo(() => getTheme(color, font), [color, font]);
   const navList = header?.navs;
   const context = useMemo(() => ({
     isMobile,
+    isLandingPages,
     layout,
     baseURLs,
     hashToken,
@@ -1889,8 +1926,11 @@ function PageRenderer$1({
     templateId,
     navList,
     validations,
-    isTutorWebsite
-  }), [isMobile, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite]);
+    isTutorWebsite,
+    extraProps,
+    hideLogin,
+    _id
+  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id]);
   const Wrapper = SectionWrapper || Fragment;
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
@@ -1900,7 +1940,8 @@ function PageRenderer$1({
     fontFamily: font
   }), !!header && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: header,
-    isHeader: true
+    isHeader: true,
+    hideLogin
   }, /*#__PURE__*/React.createElement(Header, {
     data: header
   })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React.createElement(Wrapper, _extends({}, !!SectionWrapper && {
@@ -1909,7 +1950,8 @@ function PageRenderer$1({
   }, {
     key: sectionData.type + (sectionData._id || sectionIndex)
   }), /*#__PURE__*/React.createElement(SectionRenderer$1, {
-    sectionData: sectionData
+    sectionData: sectionData,
+    extraProps: extraProps
   }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: footer,
     isFooter: true
@@ -2334,7 +2376,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -2586,7 +2628,7 @@ function List({
   }))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -2755,7 +2797,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -2946,7 +2988,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -3315,7 +3357,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -3577,7 +3619,7 @@ function Testimonials({
   }));
 }
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -3730,13 +3772,13 @@ function VideoPlayer(props) {
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, !isLoaded && /*#__PURE__*/React.createElement("div", {
     className: classes.imgContainer
-  }, isEnabled ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Icon, {
+  }, isEnabled ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(React.Fragment, null, props.onlyThumbnail ? null : /*#__PURE__*/React.createElement(Icon, {
     name: "Video Play",
     color: theme.palette.font.invertedDefault,
     onClick: () => {
       setIsEnableed(true);
     }
-  })), isEnabled && /*#__PURE__*/React.createElement("iframe", {
+  }))), isEnabled && /*#__PURE__*/React.createElement("iframe", {
     className: classes.iframe + ' ' + classes.hideImg,
     src: imageUrl ? getId(videoUrl) + '?autoplay=1' : getId(videoUrl),
     frameBorder: "0",
@@ -3877,7 +3919,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
   };
 });
 
-const SingleVideoSlide = props => {
+const SingleVideoSlide$2 = props => {
   const {
     data
   } = props;
@@ -3950,13 +3992,13 @@ function VideoTestimonial({
     dangerouslySetInnerHTML: {
       __html: videoData.title.metadata.value
     }
-  })), /*#__PURE__*/React.createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React.createElement(SingleVideoSlide, {
+  })), /*#__PURE__*/React.createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React.createElement(SingleVideoSlide$2, {
     data: data,
     key: index
   }))))));
 }
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -4184,7 +4226,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -4410,7 +4452,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -4529,7 +4571,7 @@ const TextSection = ({
   })))));
 };
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -4686,7 +4728,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -4864,7 +4906,7 @@ const Accordion = ({
   })));
 };
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5029,7 +5071,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -5483,7 +5525,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -5706,7 +5748,7 @@ function TeamCard({
   }, " ", carouselContent)));
 }
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -6080,7 +6122,7 @@ function FormEnquiry({
   }))))));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -6454,46 +6496,1068 @@ function Contact({
   }))))));
 }
 
-var index = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
 
-const TYPE_TO_COMPONENT_MAP = {
-  BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
-  GRID_CARD: List,
-  BANNER_CAROUSEL_CENTER: BannerCarouselCenter,
-  BANNER_CAROUSEL_LEFT: BannerCarouselLeft,
-  FORM_SUBSCRIBE: SubscribeToNewsletter,
-  TEXT_TESTIMONIAL: Testimonials,
-  VIDEO_TESTIMONIAL: VideoTestimonial,
-  VIDEO: Video,
-  INFO: Info,
-  TEXT: TextSection,
-  IMAGE_GALLERY: PhotoGallery,
-  FAQ_LISTING: FAQListing,
-  TEXT_GRID: TextGrid,
-  COURSE_CAROUSEL: courses,
-  TEAM_CARD: TeamCard,
-  CONTACT: FormEnquiry,
-  FORM_ENQUIRY: Contact
-};
+const useWebinarPromotionPage = createUseStyles(theme => {
+  return {
+    webinarSuperContainer: {
+      display: 'flex',
+      justifyContent: 'center',
+      padding: '70px',
+      '&, & *, & *:before, & *:after': {
+        fontFamily: theme?.typography?.fontFamily,
+        boxSizing: 'border-box'
+      },
+      '& h2,& h3': {
+        fontWeight: '500',
+        '& b,& strong': {
+          fontWeight: '700'
+        }
+      }
+    },
+    sectionContainer: {
+      margin: '0 auto',
+      maxWidth: ({
+        containerWidth
+      } = {}) => containerWidth
+    },
+    videoTestimonialContainer: {
+      width: '100%',
+      maxWidth: '1440px',
+      fontFamily: theme?.typography?.fontFamily
+    },
+    videoTestimonialHeading: {
+      fontSize: '16px',
+      lineHeight: '20px',
+      letterSpacing: '3px',
+      textTransform: 'uppercase',
+      color: theme.palette.font.tertiary,
+      wordBreak: 'break-word',
+      fontWeight: '700'
+    },
+    videoTestimonialTitle: {
+      fontSize: '56px',
+      lineHeight: '71px',
+      letterSpacing: '-3px',
+      margin: '0',
+      color: theme.palette.font.default,
+      wordBreak: 'break-word'
+    },
+    videoCarouselContainer: {
+      marginTop: '16px'
+    },
+    webinarCarousel: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      gap: '60px'
+    },
+    iframeSuperContainer: {
+      height: '100%',
+      width: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    iframeContainer: {
+      width: '90%',
+      position: 'relative',
+      paddingBottom: '56.25%',
+      // top: "6%",
+      left: '5%'
+    },
+    offerText: {
+      textAlign: 'center',
+      color: theme.palette.font.primary
+    },
+    offerPrice: {
+      fontSize: '32px',
+      fontWeight: '700'
+    },
+    priceContainer: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: 'fit-content'
+    },
+    originalPrice: {
+      textDecoration: 'line-through',
+      color: 'rgba(51, 51, 51, 0.6)'
+    },
+    offerDiscount: {
+      color: '#08BD80',
+      fontWeight: '600'
+    },
+    bottomContainer: {
+      display: 'flex',
+      justifyContent: 'space-around',
+      marginTop: '5%'
+    },
+    iframe: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      borderRadius: theme.shape.borderRadius.small
+    },
+    videoDetails: {
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    },
+    videoDetailsHeading: {
+      fontSize: '40px',
+      lineHeight: '48px',
+      margin: '0',
+      letterSpacing: '-1px',
+      wordBreak: 'break-word',
+      color: theme.palette.font.default
+    },
+    courseViewContainer: {
+      width: '645px',
+      backgroundColor: '#f4f9ff',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    bannerContainer: {
+      background: '#EB5757',
+      color: '#fff',
+      textAlign: 'center',
+      padding: '6.5px 18px',
+      position: 'relative',
+      '&:after': {
+        width: '0',
+        height: '0',
+        border: '11.5px solid transparent',
+        position: 'absolute',
+        content: '""',
+        borderTopColor: '#EB5757',
+        right: '-23px',
+        top: '0px',
+        borderLeftColor: ' #EB5757'
+      },
+      '&:before': {
+        width: 0,
+        height: 0,
+        border: '22.5px solid transparent',
+        position: 'absolute',
+        content: '""',
+        borderBottomColor: '#EB5757',
+        right: '-23px',
+        top: '-10.5px'
+      }
+    },
+    courseDetailsTags: {
+      marginTop: '16px',
+      display: 'flex'
+    },
+    courseDetailTag: {
+      display: 'flex',
+      alignItems: 'center',
+      marginRight: '20px',
+      '& div': {
+        fontSize: '14px',
+        marginLeft: '10px'
+      }
+    },
+    courseDetailContent: {
+      marginTop: '16px',
+      fontSize: '16px',
+      lineHeight: '24px',
+      wordBreak: 'break-word',
+      color: theme.palette.font.primary,
+      margin: '10px 0 20px'
+    },
+    courseDetailViewFullDetails: {
+      cursor: 'pointer',
+      fontSize: '16px',
+      lineHeight: '24px',
+      margin: '0',
+      color: '#1676F3',
+      wordBreak: 'break-word'
+    },
+    courseDetailTime: {
+      color: '#EB5757',
+      fontWeight: '600'
+    },
+    webinarButtonContainer: {
+      marginBottom: '20px'
+    },
+    '@media (max-width: 767px)': {
+      courseViewContainer: {
+        width: '100%'
+      },
+      webinarSuperContainer: {
+        padding: '20px 10px 60px 20px'
+      },
+      videoCarousel: {
+        flexDirection: 'column-reverse',
+        gap: '20px'
+      },
+      videoCarouselContainer: {
+        height: 'max-content',
+        paddingRight: '10px'
+      },
+      videoDetails: {
+        width: '100%'
+      },
+      videoDetailsHeading: {
+        fontSize: '16px',
+        lineHeight: '20px'
+      },
+      videoTestimonialTitle: {
+        fontSize: '24px',
+        lineHeight: '36px',
+        letterSpacing: '-1px'
+      },
+      videoDetailsContent: {
+        marginTop: '4px'
+      }
+    }
+  };
+});
 
-const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
+const SingleVideoSlide$1 = props => {
+  useEffect(() => {// remaining days epoch
+    // current date epoch
+    // subtract remaining days from current day epoch
+    // moment the result - and see if there are days
+    // days is present show days
+    // else start reverse timer
+  }, []);
+  const {
+    data,
+    webinarCtaClick
+  } = props;
 
-const MemoisedSection = /*#__PURE__*/memo(({
-  sectionData
-}) => {
-  const SectionComp = getCompToRender(sectionData.type);
-  return /*#__PURE__*/React.createElement(SectionComp, {
-    sectionData: sectionData
-  });
-});
-function SectionRenderer({
-  sectionData
+  const renderer = ({
+    hours,
+    minutes,
+    seconds,
+    completed
+  }) => {
+    if (hours < 24) {
+      return /*#__PURE__*/React.createElement("span", null, hours, ":", minutes, ":", seconds);
+    } else {
+      let given = moment(props.data.endTime);
+      let current = moment().startOf('day');
+      return /*#__PURE__*/React.createElement("span", null, moment().duration(given.diff(current)).asDays());
+    }
+  };
+
+  const classes = useWebinarPromotionPage();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.videoCarouselContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.webinarCarousel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.iframeSuperContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.videoDetails
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: classes.bannerContainer
+  }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React.createElement("h3", {
+    ref: data?.videoTextHeading?.refSetter,
+    className: classes.videoDetailsHeading,
+    dangerouslySetInnerHTML: {
+      __html: data.title
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailsTags
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Calendar'
+  }), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).format('dddd, MMMM Do, h:mm:ss'))), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Video'
+  }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
+    ref: data?.videoTextContent?.refSetter,
+    className: classes.courseDetailContent,
+    dangerouslySetInnerHTML: {
+      __html: data.description.substring(0, 250)
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    ref: data?.videoTextSubContent?.refSetter,
+    className: classes.courseDetailViewFullDetails,
+    dangerouslySetInnerHTML: {
+      __html: data.description.length > 250 ? 'Read More' : null
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseViewContainer
+  }, /*#__PURE__*/React.createElement("p", {
+    className: classes.offerText
+  }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
+    className: classes.courseDetailTime
+  }, /*#__PURE__*/React.createElement(Countdown, {
+    renderer: renderer,
+    date: data.endDate
+  }))), /*#__PURE__*/React.createElement("div", {
+    ref: data?.videoFrame?.refSetter,
+    className: classes.iframeContainer
+  }, /*#__PURE__*/React.createElement(VideoPlayer, {
+    onlyThumbnail: true,
+    imageUrl: data.thumbnail,
+    videoUrl: data.thumbnail
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classes.bottomContainer
+  }, data.isPaid && /*#__PURE__*/React.createElement("div", {
+    className: classes.priceContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.offerPrice
+  }, data.offerPrice), /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: '20px'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.originalPrice
+  }, data.regularPrice), ' ', /*#__PURE__*/React.createElement("span", {
+    className: classes.offerDiscount
+  }, "50% OFF"))), /*#__PURE__*/React.createElement("div", {
+    className: classes.webinarButtonContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      backgroundColor: '#009AE0',
+      width: data.isPaid ? '150px' : '250px'
+    },
+    data: {
+      // link: 'headerData?.loginCtaLink',
+      // isLink: 1,
+      value: data.isPaid ? 'BUY NOW' : 'REGISTER NOW' // isExternal: 1
+
+    },
+    onClick: webinarCtaClick,
+    type: 'primary',
+    size: 'medium',
+    target: null,
+    rel: null
+  }))))));
+};
+
+function CoursePromotionPage$1({
+  sectionData,
+  extraProps = {}
+}) {
+  const {
+    layout: {
+      containerWidth
+    }
+  } = useContext(PageContext);
+  const classes = useWebinarPromotionPage({
+    containerWidth
+  });
+  console.log(sectionData);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.webinarSuperContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.videoTestimonialContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.sectionContainer
+  }, /*#__PURE__*/React.createElement(SingleVideoSlide$1, {
+    data: sectionData.components[0].metadata,
+    webinarCtaClick: extraProps.webinarCtaClick
+  }))));
+}
+
+var index$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': CoursePromotionPage$1
+});
+
+const useCoursePromotionPage = createUseStyles(theme => {
+  return {
+    courseSuperContainer: {
+      display: 'flex',
+      justifyContent: 'center',
+      padding: '70px ',
+      '&, & *, & *:before, & *:after': {
+        fontFamily: theme?.typography?.fontFamily,
+        boxSizing: 'border-box'
+      },
+      '& h2,& h3': {
+        fontWeight: '500',
+        '& b,& strong': {
+          fontWeight: '700'
+        }
+      }
+    },
+    sectionContainer: {
+      margin: '0 auto',
+      maxWidth: ({
+        containerWidth
+      } = {}) => containerWidth
+    },
+    videoTestimonialContainer: {
+      width: '100%',
+      maxWidth: '1440px',
+      fontFamily: theme?.typography?.fontFamily
+    },
+    videoTestimonialHeading: {
+      fontSize: '16px',
+      lineHeight: '20px',
+      letterSpacing: '3px',
+      textTransform: 'uppercase',
+      color: theme.palette.font.tertiary,
+      wordBreak: 'break-word',
+      fontWeight: '700'
+    },
+    videoTestimonialTitle: {
+      fontSize: '56px',
+      lineHeight: '71px',
+      letterSpacing: '-3px',
+      margin: '0',
+      color: theme.palette.font.default,
+      wordBreak: 'break-word'
+    },
+    videoCarouselContainer: {
+      marginTop: '16px'
+    },
+    coursePageCarousel: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      gap: '60px'
+    },
+    iframeSuperContainer: {
+      height: '100%',
+      width: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    iframeContainer: {
+      width: '90%',
+      position: 'relative',
+      paddingBottom: '56.25%',
+      // top: "6%",
+      left: '5%'
+    },
+    offerText: {
+      textAlign: 'center',
+      color: theme.palette.font.primary
+    },
+    offerPrice: {
+      fontSize: '32px',
+      fontWeight: '700'
+    },
+    priceContainer: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: 'fit-content'
+    },
+    originalPrice: {
+      textDecoration: 'line-through',
+      color: 'rgba(51, 51, 51, 0.6)'
+    },
+    offerDiscount: {
+      color: '#08BD80',
+      fontWeight: '600'
+    },
+    bottomContainer: {
+      display: 'flex',
+      justifyContent: 'space-around',
+      marginTop: '5%'
+    },
+    iframe: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      borderRadius: theme.shape.borderRadius.small
+    },
+    videoDetails: {
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    },
+    videoDetailsHeading: {
+      fontSize: '40px',
+      lineHeight: '48px',
+      margin: '0',
+      letterSpacing: '-1px',
+      wordBreak: 'break-word',
+      color: theme.palette.font.default
+    },
+    courseViewContainer: {
+      width: '645px',
+      backgroundColor: '#f4f9ff',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    bannerContainer: {
+      background: '#EB5757',
+      color: '#fff',
+      textAlign: 'center',
+      padding: '6.5px 18px',
+      position: 'relative',
+      '&:after': {
+        width: '0',
+        height: '0',
+        border: '11.5px solid transparent',
+        position: 'absolute',
+        content: '""',
+        borderTopColor: '#EB5757',
+        right: '-23px',
+        top: '0px',
+        borderLeftColor: ' #EB5757'
+      },
+      '&:before': {
+        width: 0,
+        height: 0,
+        border: '22.5px solid transparent',
+        position: 'absolute',
+        content: '""',
+        borderBottomColor: '#EB5757',
+        right: '-23px',
+        top: '-10.5px'
+      }
+    },
+    courseDetailsTags: {
+      marginTop: '16px',
+      display: 'flex'
+    },
+    courseDetailTag: {
+      display: 'flex',
+      alignItems: 'center',
+      marginRight: '20px',
+      '& div': {
+        fontSize: '14px',
+        marginLeft: '10px'
+      }
+    },
+    courseDetailContent: {
+      marginTop: '16px',
+      fontSize: '16px',
+      lineHeight: '24px',
+      wordBreak: 'break-word',
+      color: theme.palette.font.primary,
+      margin: '10px 0 20px'
+    },
+    courseDetailViewFullDetails: {
+      cursor: 'pointer',
+      fontSize: '16px',
+      lineHeight: '24px',
+      margin: '0',
+      color: '#1676F3',
+      wordBreak: 'break-word'
+    },
+    courseDetailTime: {
+      color: '#EB5757',
+      fontWeight: '600'
+    },
+    '@media (max-width: 767px)': {
+      courseViewContainer: {
+        width: '100%'
+      },
+      courseSuperContainer: {
+        padding: '20px 10px 60px 20px'
+      },
+      videoCarousel: {
+        flexDirection: 'column-reverse',
+        gap: '20px'
+      },
+      videoCarouselContainer: {
+        height: 'max-content',
+        paddingRight: '10px'
+      },
+      videoDetails: {
+        width: '100%'
+      },
+      videoDetailsHeading: {
+        fontSize: '20px',
+        fontWeight: '600',
+        lineHeight: '20px'
+      },
+      videoTestimonialTitle: {
+        fontSize: '24px',
+        lineHeight: '36px',
+        letterSpacing: '-1px'
+      },
+      videoDetailsContent: {
+        marginTop: '4px'
+      }
+    }
+  };
+});
+
+const SingleVideoSlide = props => {
+  useEffect(() => {// remaining days epoch
+    // current date epoch
+    // subtract remaining days from current day epoch
+    // moment the result - and see if there are days
+    // days is present show days
+    // else start reverse timer
+  }, []);
+
+  const renderer = ({
+    hours,
+    minutes,
+    seconds,
+    completed
+  }) => {
+    if (hours < 24) {
+      return /*#__PURE__*/React.createElement("span", null, hours, ":", minutes, ":", seconds);
+    } else {
+      let given = moment(props.data.endTime);
+      let current = moment().startOf('day');
+      return /*#__PURE__*/React.createElement("span", null, moment.duration(given.diff(current)).asDays());
+    }
+  };
+
+  const {
+    data,
+    courseBuyNow
+  } = props;
+  const classes = useCoursePromotionPage();
+  console.log(courseBuyNow, 'courseBuyNow');
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.videoCarouselContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.coursePageCarousel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.iframeSuperContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.videoDetails
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: classes.bannerContainer
+  }, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React.createElement(React.Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React.createElement("h3", {
+    ref: data?.videoTextHeading?.refSetter,
+    className: classes.videoDetailsHeading,
+    dangerouslySetInnerHTML: {
+      __html: data.courseName
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailsTags
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Clock'
+  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.validity ? data.courseInfo?.validity : '1 year Validity')), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Book Saved'
+  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.books ? data.courseInfo?.books : 'Physical Books')), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseDetailTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Certificate'
+  }), /*#__PURE__*/React.createElement("div", null, data.courseInfo?.certificate ? data.courseInfo?.certificate : 'Course Cerficate'))), /*#__PURE__*/React.createElement("p", {
+    ref: data?.videoTextContent?.refSetter,
+    className: classes.courseDetailContent,
+    dangerouslySetInnerHTML: {
+      __html: data.description.substring(0, 250)
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    ref: data?.videoTextSubContent?.refSetter,
+    className: classes.courseDetailViewFullDetails,
+    dangerouslySetInnerHTML: {
+      __html: data.description.length > 250 ? 'Read More' : null
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classes.courseViewContainer
+  }, /*#__PURE__*/React.createElement("p", {
+    className: classes.offerText
+  }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
+    className: classes.courseDetailTime
+  }, /*#__PURE__*/React.createElement(Countdown, {
+    renderer: renderer,
+    date: data.endDate
+  }))), /*#__PURE__*/React.createElement("div", {
+    ref: data?.videoFrame?.refSetter,
+    className: classes.iframeContainer
+  }, /*#__PURE__*/React.createElement(VideoPlayer, {
+    onlyThumbnail: true,
+    imageUrl: data.thumbnail,
+    videoUrl: data.thumbnail
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classes.bottomContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.priceContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.offerPrice
+  }, "\u20B9 ", data.effectivePrice), /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: '20px'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.originalPrice
+  }, "\u20B9 ", data.price), ' ', /*#__PURE__*/React.createElement("span", {
+    className: classes.offerDiscount
+  }, "50% OFF"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      width: '150px'
+    },
+    data: {
+      // link: 'headerData?.loginCtaLink',
+      // isLink: 1,
+      value: 'BUY NOW' // isExternal: 1
+
+    },
+    onClick: courseBuyNow,
+    type: 'primary',
+    size: 'medium',
+    target: null,
+    rel: null // styling={isMobile ? { margin: '0 40px' } : {}}
+
+  }))))));
+};
+
+function CoursePromotionPage({
+  sectionData,
+  extraProps = {}
+}) {
+  const {
+    layout: {
+      containerWidth
+    }
+  } = useContext(PageContext);
+  const classes = useCoursePromotionPage({
+    containerWidth
+  });
+  console.log(sectionData, 'sectionData');
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.courseSuperContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.videoTestimonialContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.sectionContainer
+  }, /*#__PURE__*/React.createElement(SingleVideoSlide, {
+    data: sectionData.components[0].metadata,
+    courseBuyNow: extraProps.courseBuyNow
+  }))));
+}
+
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': CoursePromotionPage
+});
+
+const useFormPageStyles = createUseStyles(theme => ({
+  formPageSection: {
+    padding: '35px 70px',
+    background: '#F4F9FF',
+    '&, & *, & *:before, & *:after': {
+      fontFamily: theme?.typography?.fontFamily,
+      boxSizing: 'border-box'
+    }
+  },
+  formPageHeader: {
+    textAlign: 'center'
+  },
+  formPageTitle: {
+    fontSize: '50px',
+    fontWeight: '700'
+  },
+  formPageSubtitle: {
+    marginTop: '16px',
+    fontSize: '16px',
+    lineHeight: '23px',
+    color: 'rgba(51, 51, 51, 0.5)',
+    marginBottom: '32px'
+  },
+  formPageFormContainer: {
+    marginTop: '32px',
+    '& form': {
+      padding: '35px 140px',
+      background: '#FFFFFF',
+      borderRadius: '8px',
+      boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.16)'
+    }
+  },
+  inputField: {
+    marginTop: '20px',
+    padding: '20px',
+    border: '1px solid #D8E0F0',
+    borderRadius: '16px'
+  },
+  inputFieldLabel: {
+    color: '#333',
+    fontSize: '20px',
+    display: 'block',
+    marginBottom: '10px'
+  },
+  inputFieldControl: {
+    width: '100%',
+    height: '50px',
+    borderRadius: '8px',
+    border: '1px solid #D8E0F0',
+    padding: '5px 10px',
+    color: '#7D8592',
+    fontSize: '16px'
+  },
+  checkboxField: {
+    marginTop: '20px',
+    padding: '20px',
+    border: '1px solid #D8E0F0',
+    borderRadius: '8px'
+  },
+  checkBoxFieldLabel: {
+    color: '#333',
+    fontSize: '20px',
+    margin: '10px 0'
+  },
+  checkboxFieldControl: {
+    padding: '6px 0',
+    '& label': {
+      fontFamily: '16px',
+      marginLeft: '10px',
+      color: '#7D8592'
+    }
+  },
+  submitBtnContainer: {
+    marginTop: '20px',
+    width: '100%',
+    margin: '0 auto',
+    '& button': {
+      background: '#6269C9',
+      height: '44px',
+      padding: '10px 40px',
+      border: '1px solid #4A90E2',
+      color: '#FFFFFF',
+      fontSize: '16px',
+      cursor: 'pointer',
+      borderRadius: '8px'
+    }
+  },
+  // SMALL SCREEN
+  '@media screen and (max-width: 767px)': {
+    formPageSection: {
+      padding: '24px'
+    },
+    formPageTitle: {
+      fontSize: '24px'
+    },
+    formPageFormContainer: {
+      '& form': {
+        padding: '24px'
+      }
+    }
+  }
+}));
+
+const formPageMock = {
+  title: 'Sed ut perspiciatis unde omnis iste',
+  subTitle: 'Sed ut perspiciatis unde omnis iste natus error',
+  questions: [{
+    _id: '22',
+    text: 'fdsafds',
+    type: 'SA',
+    options: [{
+      value: ''
+    }],
+    isRequired: false,
+    order: 1
+  }, {
+    _id: '23',
+    text: 'fasdfdsaffdsafds',
+    type: 'MC',
+    options: [{
+      value: 'fadsfdsf'
+    }, {
+      value: 'fdsafdsaf'
+    }, {
+      value: 'fsadfd'
+    }, {
+      value: 'fadsf'
+    }],
+    isRequired: false,
+    order: 1
+  }, {
+    _id: '24',
+    text: 'ewaofdsfkds',
+    type: 'SC',
+    options: [{
+      value: 'fasdfdsf'
+    }, {
+      value: 'fasdfdasf'
+    }, {
+      value: 'fdsafsdf'
+    }, {
+      value: 'fdsafds'
+    }],
+    isRequired: false,
+    order: 1
+  }]
+};
+
+const FormPage = ({
+  sectionData,
+  extraProps = {}
+}) => {
+  const [formData, setFormData] = useState({});
+  const classes = useFormPageStyles();
+  const metadata = sectionData?.components?.[0]?.metadata || formPageMock;
+  const {
+    _id
+  } = useContext(PageContext);
+
+  const handleSubmit = async e => {
+    e.preventDefault();
+    let formResponse = [];
+
+    for (const [key, value] of Object.entries(formData)) {
+      formResponse.push({
+        questionId: key,
+        questionName: value.questionName,
+        questionType: value.questionType,
+        solutionArray: value.solutionArray
+      });
+    } // page id - section id
+
+
+    axios.post(`https://diy.clp.staging.classplus.co/v1/diy/landingPages/form`, {
+      paylaod: formResponse,
+      sectionId: sectionData?.components?.[0]?._id || null,
+      landingPageId: _id || null
+    }).then(() => {
+      if (extraProps && extraProps.formSubmitSuccess) {
+        extraProps.formSubmitSuccess();
+      }
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("section", {
+    className: classes.formPageSection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.formPageFormContainer
+  }, /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.formPageHeader
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.formPageTitle
+  }, metadata?.title), /*#__PURE__*/React.createElement("div", {
+    className: classes.formPageSubtitle
+  }, metadata?.subTitle)), metadata?.questions?.map((item, index) => /*#__PURE__*/React.createElement(React.Fragment, null, item.type === 'SA' && /*#__PURE__*/React.createElement("div", {
+    className: classes.inputField
+  }, /*#__PURE__*/React.createElement("label", {
+    className: classes.inputFieldLabel
+  }, item.text), /*#__PURE__*/React.createElement("input", {
+    className: classes.inputFieldControl,
+    type: "text",
+    placeholder: "Short answer",
+    name: item._id,
+    onChange: e => {
+      setFormData({ ...formData,
+        [item._id]: {
+          questionName: item.text,
+          solutionArray: [e.target.value],
+          questionType: 'SA'
+        }
+      });
+    }
+  })), item.type === 'MC' && /*#__PURE__*/React.createElement("div", {
+    className: classes.checkboxField
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.checkBoxFieldLabel
+  }, item.text), item.options.map((option, index) => /*#__PURE__*/React.createElement("div", {
+    className: classes.checkboxFieldControl
+  }, /*#__PURE__*/React.createElement("input", {
+    value: option.value,
+    type: "checkbox",
+    name: option.value,
+    id: option.value,
+    onChange: e => {
+      setFormData({ ...formData,
+        [item._id]: {
+          questionName: item.text,
+          solutionArray: [],
+          questionType: 'SA'
+        }
+      });
+    },
+    onBlur: e => {
+      let newSolArray = [];
+
+      if (formData[item._id]) {
+        if (!formData[item._id].solutionArray?.find(el => el === option.value)) {
+          newSolArray.push(e.target.value);
+        }
+      }
+
+      setFormData({ ...formData,
+        [item._id]: {
+          questionName: item.text,
+          solutionArray: [...newSolArray],
+          questionType: 'SA'
+        }
+      });
+    }
+  }), /*#__PURE__*/React.createElement("label", {
+    htmlFor: option.value
+  }, option.value)))), item.type === 'SC' && /*#__PURE__*/React.createElement("div", {
+    className: classes.checkboxField
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.checkBoxFieldLabel
+  }, item.text), item.options.map((option, index) => /*#__PURE__*/React.createElement("div", {
+    className: classes.checkboxFieldControl
+  }, /*#__PURE__*/React.createElement("input", {
+    // value={option.value}
+    type: "radio",
+    name: "text" // name={option.value}
+    // id={option.value}
+    ,
+    onChange: e => {
+      setFormData({ ...formData,
+        [item._id]: {
+          questionName: item.text,
+          solutionArray: [item.text],
+          questionType: 'SC'
+        }
+      });
+    }
+  }), /*#__PURE__*/React.createElement("label", {
+    htmlFor: option.value
+  }, option.value)))))), /*#__PURE__*/React.createElement("div", {
+    className: classes.submitBtnContainer
+  }, /*#__PURE__*/React.createElement("button", null, "Submit")))));
+};
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': FormPage
+});
+
+const TYPE_TO_COMPONENT_MAP = {
+  BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
+  GRID_CARD: List,
+  BANNER_CAROUSEL_CENTER: BannerCarouselCenter,
+  BANNER_CAROUSEL_LEFT: BannerCarouselLeft,
+  FORM_SUBSCRIBE: SubscribeToNewsletter,
+  TEXT_TESTIMONIAL: Testimonials,
+  VIDEO_TESTIMONIAL: VideoTestimonial,
+  VIDEO: Video,
+  INFO: Info,
+  TEXT: TextSection,
+  IMAGE_GALLERY: PhotoGallery,
+  FAQ_LISTING: FAQListing,
+  TEXT_GRID: TextGrid,
+  COURSE_CAROUSEL: courses,
+  TEAM_CARD: TeamCard,
+  CONTACT: FormEnquiry,
+  FORM_ENQUIRY: Contact,
+  WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
+  COURSE_LANDING_PAGE: CoursePromotionPage,
+  FORM_LANDING_PAGE: FormPage
+};
+
+const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
+
+const MemoisedSection = /*#__PURE__*/memo(({
+  sectionData,
+  extraProps
+}) => {
+  const SectionComp = getCompToRender(sectionData.type);
+  return /*#__PURE__*/React.createElement(SectionComp, {
+    sectionData: sectionData,
+    extraProps: extraProps
+  });
+});
+function SectionRenderer({
+  sectionData,
+  extraProps
 }) {
   return /*#__PURE__*/React.createElement(MemoisedSection, {
-    sectionData: sectionData
+    sectionData: sectionData,
+    extraProps: extraProps
   });
 }
 
@@ -6512,6 +7576,7 @@ function PageRenderer({
     validations = {}
   },
   isMobile = false,
+  isLandingPages = false,
   baseURLs = {},
   hashToken,
   SectionWrapper,
@@ -6521,12 +7586,15 @@ function PageRenderer({
   isEdit,
   sectionPlaceholder,
   templateId,
-  isTutorWebsite = false
+  isTutorWebsite = false,
+  extraProps,
+  hideLogin
 }) {
   const theme = useMemo(() => getTheme(color, font), [color, font]);
   const navList = header?.navs;
   const context = useMemo(() => ({
     isMobile,
+    isLandingPages,
     layout,
     baseURLs,
     hashToken,
@@ -6537,8 +7605,10 @@ function PageRenderer({
     templateId,
     navList,
     validations,
-    isTutorWebsite
-  }), [isMobile, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite]);
+    isTutorWebsite,
+    extraProps,
+    hideLogin
+  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin]);
   const Wrapper = SectionWrapper || Fragment;
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
@@ -6557,7 +7627,8 @@ function PageRenderer({
   }, {
     key: sectionData.type + (sectionData._id || sectionIndex)
   }), /*#__PURE__*/React.createElement(SectionRenderer, {
-    sectionData: sectionData
+    sectionData: sectionData,
+    extraProps: extraProps
   }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: footer,
     isFooter: true