diy-template-components 2.0.21 → 2.0.23

package/build/index.es.js

@@ -1592,6 +1592,7 @@ const useSectionStyles$9 = createUseStyles(theme => ({
 
     // '& img': { maxHeight: '55px' }
   },
+
   upperContainerItem1Img: {
     maxHeight: '55px',
     paddingBottom: '84px',
@@ -2018,6 +2019,7 @@ const mobilePadding = {
   // 24px
   medium: baseFactor * 6 // 48px
 };
+
 const padding = {
   minute: baseFactor * 2,
   // 16px
@@ -2143,28 +2145,29 @@ function NanumSquare() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
-  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
-  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
-  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
-  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
-  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
-  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
-  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
-  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
-  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
-  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
-  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
-  FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
-  TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
-  EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
+  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$m; })),
+  GRID_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$l; })),
+  BANNER_CAROUSEL_CENTER: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$k; })),
+  BANNER_CAROUSEL_LEFT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$j; })),
+  FORM_SUBSCRIBE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$i; })),
+  TEXT_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$h; })),
+  VIDEO_TESTIMONIAL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$g; })),
+  VIDEO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$f; })),
+  INFO: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$e; })),
+  TEXT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$d; })),
+  IMAGE_GALLERY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$c; })),
+  FAQ_LISTING: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$b; })),
+  COURSE_CAROUSEL: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$9; })),
+  TEAM_CARD: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$8; })),
+  TEXT_GRID: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$a; })),
+  CONTACT: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$7; })),
+  FORM_ENQUIRY: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$6; })),
+  WEBINAR_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$5; })),
+  COURSE_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$4; })),
+  FORM_LANDING_PAGE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$3; })),
+  TILES_SECTION: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$2; })),
+  EMAIL_DRIP_MARKET: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index$1; })),
+  ABOUT_INSTITUTE: /*#__PURE__*/lazy(() => Promise.resolve().then(function () { return index; }))
 };
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
 const MemoisedSection$1 = /*#__PURE__*/memo(({
@@ -2483,6 +2486,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
     //   }
     // }
   },
+
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -2914,7 +2918,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$l = /*#__PURE__*/Object.freeze({
+var index$m = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -3052,6 +3056,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
           // padding: '0'
         }
       },
+
       '&:nth-child(2n+1)': {
         marginRight: '0',
         '& $contentText': {
@@ -3061,6 +3066,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
         }
       }
     },
+
     contentNumber: {
       width: '100%',
       padding: '24px',
@@ -3138,7 +3144,7 @@ function List({
   }))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -3432,7 +3438,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -3453,6 +3459,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -3466,6 +3473,7 @@ 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'
@@ -3537,6 +3545,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
         width: '100%'
         // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
       },
+
       imageContainer: {
         height: 'unset !important',
         '& img': {
@@ -3661,7 +3670,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -4057,7 +4066,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -4345,7 +4354,7 @@ function Testimonials({
   }));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4543,6 +4552,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
         fontFamily: theme?.typography?.fontFamily
         // boxSizing: 'border-box'
       },
+
       '& h2,& h3,& p': {
         marginTop: '0'
       }
@@ -4567,6 +4577,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
       wordBreak: 'break-word'
       // marginBottom: '8px'
     },
+
     videoTestimonialTitle: {
       fontSize: theme.typography.fontSize.h2,
       // lineHeight: '71px',
@@ -4749,7 +4760,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -4985,7 +4996,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -5007,6 +5018,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
     //   }
     // }
   },
+
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -5221,7 +5233,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -5340,7 +5352,7 @@ const TextSection = ({
   })))));
 };
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -5364,6 +5376,7 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -5394,6 +5407,7 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       position: 'relative',
       paddingBottom: '59.83%' // keeping aspect ratio 585x350
     },
+
     contentRow: {
       display: 'grid',
       gridTemplateColumns: ({
@@ -5563,7 +5577,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -5746,7 +5760,7 @@ const Accordion = ({
   })));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5917,7 +5931,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -5940,6 +5954,7 @@ const useCourseStyles = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -5972,6 +5987,7 @@ const useCourseStyles = createUseStyles(theme => {
       // textAlign: 'center',
       // wordBreak: 'break-word'
     },
+
     slickContainer: {
       marginRight: '-20px'
     },
@@ -6019,6 +6035,7 @@ const useCourseStyles = createUseStyles(theme => {
       justifyContent: 'space-between'
       //alignItems: 'center',
     },
+
     courseCardTags: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6049,6 +6066,7 @@ const useCourseStyles = createUseStyles(theme => {
       // whiteSpace: 'nowrap',
       // textOverflow: 'ellipsis'
     },
+
     courseCardDiscount: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6155,6 +6173,7 @@ const useCourseStyles = createUseStyles(theme => {
         // whiteSpace: 'nowrap',
         // textOverflow: 'ellipsis'
       },
+
       singleCard: {
         margin: '6px 2px'
         // width: 'calc(100% - 12px)'
@@ -6444,7 +6463,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -6526,6 +6545,7 @@ const useTeamStyles = createUseStyles(theme => {
       padding: '24px'
       // overflowWrap: 'break-word'
     },
+
     teamDetailsHeading: {
       fontSize: theme.typography.fontSize.h6,
       fontWeight: theme.typography.fontWeight.bold,
@@ -6743,7 +6763,7 @@ function TeamCard({
   }, " ", carouselContent)));
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -6771,6 +6791,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     //   }
     // }
   },
+
   formContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -6807,12 +6828,14 @@ 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,
@@ -6880,6 +6903,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
       width: '100%'
       // padding: '0 16ox'
     },
+
     rightContainer: {
       width: '100%',
       padding: '0'
@@ -7164,7 +7188,7 @@ function FormEnquiry({
   })))))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -7192,6 +7216,7 @@ const useSectionStyles = createUseStyles(theme => ({
     //   }
     // }
   },
+
   contactContainer: {
     width: '100%',
     margin: '0 auto',
@@ -7230,6 +7255,7 @@ const useSectionStyles = createUseStyles(theme => ({
     // justifyContent: 'space-between',
     // flex: 1
   },
+
   subtitle: {
     // margin: '0 0 auto 0',
     fontSize: theme.typography.fontSize.h6,
@@ -7586,7 +7612,7 @@ function Contact({
   })))))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -7674,6 +7700,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       marginTop: '5%'
       // padding: '0px 5% 0px 5%'
     },
+
     iframe: {
       position: 'absolute',
       width: '100%',
@@ -8021,6 +8048,7 @@ const SingleVideoSlide$1 = props => {
       value: data.isPaid ? buyNowText : registerNowText
       // isExternal: 1
     },
+
     onClick: webinarCtaClick,
     type: 'primary',
     size: 'medium',
@@ -8063,7 +8091,7 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
@@ -8089,6 +8117,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -8206,6 +8235,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
       // paddingBottom: '10px',
       // paddingTop: '10px'
     },
+
     bannerContainer: {
       width: '100%',
       background: theme?.colors?.bannerColor,
@@ -8220,6 +8250,7 @@ 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)'
     },
@@ -8332,6 +8363,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
         height: 'max-content'
         // paddingRight: '10px'
       },
+
       videoDetails: {
         width: '100%'
       },
@@ -8590,6 +8622,7 @@ const SingleVideoSlide = props => {
       value: buyNowText
       // isExternal: 1
     },
+
     onClick: courseBuyNow,
     type: 'primary',
     size: 'medium',
@@ -8650,7 +8683,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -8694,6 +8727,7 @@ const useFormPageStyles = createUseStyles(theme => ({
     // border: '1px solid #D8E0F0',
     // borderRadius: '16px'
   },
+
   inputFieldLabel: {
     color: theme?.colors?.lightblack,
     fontSize: theme.typography.fontSize.body,
@@ -9006,6 +9040,7 @@ const FormPage = ({
       value: countryCode === 'KR' ? '제출하기' : 'SUBMIT'
       // isExternal: 1
     },
+
     type: 'primary',
     size: 'medium',
     target: null,
@@ -9013,7 +9048,7 @@ const FormPage = ({
   })))));
 };
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -9161,7 +9196,7 @@ function Tiles({
   }, TileDiv)));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Tiles
 });
@@ -9188,6 +9223,7 @@ const useEmailStyles = createUseStyles(theme => ({
     height: '48px'
     /* margin: 18px 0px; */
   },
+
   'p-young-guru-title': {
     fontFamily: theme?.typography?.fontFamily,
     fontStyle: 'normal',
@@ -9215,6 +9251,7 @@ const useEmailStyles = createUseStyles(theme => ({
     textAlign: 'center'
     /* padding:35px 0 40px */
   },
+
   'two-columns .column': {
     width: '100%',
     maxWidth: '275px',
@@ -9634,11 +9671,235 @@ function EmailDripMarket({
   })));
 }
 
-var index = /*#__PURE__*/Object.freeze({
+var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailDripMarket
 });
 
+const useAboutInstituteStyles = createUseStyles(theme => ({
+  aboutInstWrapper: {
+    padding: '64px 128px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'column'
+  },
+  abtoutInstText: {
+    color: theme?.palette?.font?.secondary,
+    fontWeight: '400',
+    fontSize: theme.typography.fontSize.subHead,
+    lineHeight: '20px',
+    textAlign: 'center',
+    textTransform: 'uppercase',
+    wordBreak: 'break-word'
+  },
+  aboutInstHeader: {
+    fontSize: theme.typography.fontSize.h2,
+    lineHeight: '70px',
+    color: theme?.palette?.font?.default,
+    marginTop: '8px',
+    marginBottom: theme.spacing.margin.tiny,
+    textAlign: 'center'
+  },
+  imageContainer: {
+    padding: '24px',
+    width: '240px',
+    height: '240px',
+    borderRadius: '16px',
+    border: '1px solid var(--stroke, #D8E0F0)'
+  },
+  image: {
+    maxWidth: '100%',
+    maxHeight: '100%',
+    margin: 'auto',
+    borderRadius: '50%'
+  },
+  infoContainer: {
+    flex: 1,
+    padding: '24px',
+    gap: '16px',
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '16px',
+    background: 'var(--Blue-Tertiary, #F4F9FF)'
+  },
+  metaInfo: {
+    display: 'flex'
+  },
+  metaInfoChild: {
+    display: 'flex'
+  },
+  contentWrapper: {
+    display: 'flex',
+    gap: '24px'
+  },
+  cardWrapper: {
+    display: 'flex',
+    width: '100%',
+    gap: '24px'
+  },
+  card: {
+    padding: '24px',
+    display: 'flex',
+    justifyContent: 'space-between',
+    borderRadius: '16px',
+    background: 'var(--Blue-Tertiary, #F4F9FF)',
+    width: '100%'
+  },
+  cardDesc: {
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  // SMALL SCREEN
+  '@media screen and (max-width: 767px)': {
+    imageContainer: {
+      padding: '15px',
+      width: '150px',
+      height: '150px',
+      borderRadius: '10px',
+      border: '1px solid var(--stroke, #D8E0F0)'
+    },
+    infoContainer: {},
+    cardWrapper: {
+      flexDirection: 'Column'
+    },
+    aboutInstWrapper: {
+      padding: '16px 0'
+    },
+    aboutInstHeader: {
+      lineHeight: '36px',
+      color: theme?.palette?.font?.default,
+      margin: '0px 0 12px 0',
+      textAlign: 'center'
+    }
+  }
+}));
+
+function ABOUT_INSTITUTE({
+  sectionData,
+  sectionIndex
+}) {
+  const {
+    layout: {
+      containerWidth
+    },
+    baseURLs,
+    isMobile,
+    validations,
+    isPreview,
+    isEdit,
+    isLandingPages,
+    extraProps
+  } = useContext(PageContext);
+  const classes = useAboutInstituteStyles({
+    containerWidth,
+    isMobile
+  });
+  const [nodeData] = sectionData?.components;
+  const [infoNodeData] = nodeData?.info?.components;
+  const theme = useTheme();
+  const ImageJSX = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.imageContainer
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
+    className: classes.image,
+    alt: "logo",
+    src: nodeData.image.metadata.value
+  }));
+  const ContentJSX = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.infoContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: nodeData?.your_name?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.your_name?.metadata?.value
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.metaInfo
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: nodeData?.specialisation?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.specialisation?.metadata?.value
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: nodeData?.qualification?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.qualification?.metadata?.value
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: nodeData?.experience?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.experience?.metadata?.value
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    ref: nodeData?.institute_about?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.institute_about?.metadata?.value
+    }
+  }));
+  const HighlightJSX = () => /*#__PURE__*/React.createElement("div", {
+    className: classes.cardWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.card
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.cardDesc
+  }, /*#__PURE__*/React.createElement("span", null, "97"), /*#__PURE__*/React.createElement("span", null, "Courses")), /*#__PURE__*/React.createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classes.card
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.cardDesc
+  }, /*#__PURE__*/React.createElement("span", null, "10,0000"), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  })));
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.aboutInstWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.aboutInstText
+  }, /*#__PURE__*/React.createElement("span", {
+    ref: nodeData?.heading?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.heading?.metadata?.value
+    }
+  })), /*#__PURE__*/React.createElement("h2", {
+    className: classes.aboutInstHeader
+  }, /*#__PURE__*/React.createElement("span", {
+    ref: nodeData?.title?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.title?.metadata?.value
+    }
+  })), isMobile ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classes.contentWrapper
+  }, /*#__PURE__*/React.createElement(ImageJSX, null), /*#__PURE__*/React.createElement(HighlightJSX, null)), /*#__PURE__*/React.createElement(ContentJSX, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classes.contentWrapper
+  }, /*#__PURE__*/React.createElement(ImageJSX, null), /*#__PURE__*/React.createElement(ContentJSX, null)), /*#__PURE__*/React.createElement(HighlightJSX, null)));
+}
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': ABOUT_INSTITUTE
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -9661,7 +9922,8 @@ const TYPE_TO_COMPONENT_MAP = {
   COURSE_LANDING_PAGE: CoursePromotionPage,
   FORM_LANDING_PAGE: FormPage,
   TILES_SECTION: Tiles,
-  EMAIL_DRIP_MARKET: EmailDripMarket
+  EMAIL_DRIP_MARKET: EmailDripMarket,
+  ABOUT_INSTITUTE
 };
 const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
 const MemoisedSection = /*#__PURE__*/memo(({