diy-template-components 2.0.20 → 2.0.22

package/build/index.js

@@ -1608,6 +1608,7 @@ const useSectionStyles$9 = createUseStyles(theme => ({
 
     // '& img': { maxHeight: '55px' }
   },
+
   upperContainerItem1Img: {
     maxHeight: '55px',
     paddingBottom: '84px',
@@ -2034,6 +2035,7 @@ const mobilePadding = {
   // 24px
   medium: baseFactor * 6 // 48px
 };
+
 const padding = {
   minute: baseFactor * 2,
   // 16px
@@ -2159,28 +2161,29 @@ function NanumSquare() {
 }
 
 const TYPE_TO_COMPONENT_MAP$1 = {
-  BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$l; })),
-  GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$k; })),
-  BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
-  BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
-  FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
-  TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
-  VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
-  VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
-  INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
-  TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
-  IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
-  FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
-  COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
-  TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
-  TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
-  CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
-  FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
-  WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
-  COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
-  FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
-  TILES_SECTION: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
-  EMAIL_DRIP_MARKET: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
+  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; }))
 };
 const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
 const MemoisedSection$1 = /*#__PURE__*/React.memo(({
@@ -2499,6 +2502,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
     //   }
     // }
   },
+
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -2930,7 +2934,7 @@ function BannerCarouselRight({
   })))));
 }
 
-var index$l = /*#__PURE__*/Object.freeze({
+var index$m = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselRight
 });
@@ -3068,6 +3072,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
           // padding: '0'
         }
       },
+
       '&:nth-child(2n+1)': {
         marginRight: '0',
         '& $contentText': {
@@ -3077,6 +3082,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
         }
       }
     },
+
     contentNumber: {
       width: '100%',
       padding: '24px',
@@ -3154,7 +3160,7 @@ function List({
   }))));
 }
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': List
 });
@@ -3448,7 +3454,7 @@ function BannerCarouselCenter({
   }))));
 }
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselCenter
 });
@@ -3469,6 +3475,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -3482,6 +3489,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'
@@ -3553,6 +3561,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
         width: '100%'
         // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
       },
+
       imageContainer: {
         height: 'unset !important',
         '& img': {
@@ -3677,7 +3686,7 @@ function BannerCarouselLeft({
   })))));
 }
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BannerCarouselLeft
 });
@@ -4073,7 +4082,7 @@ function SubscribeToNewsletter({
   })))))));
 }
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': SubscribeToNewsletter
 });
@@ -4361,7 +4370,7 @@ function Testimonials({
   }));
 }
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Testimonials
 });
@@ -4559,6 +4568,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
         fontFamily: theme?.typography?.fontFamily
         // boxSizing: 'border-box'
       },
+
       '& h2,& h3,& p': {
         marginTop: '0'
       }
@@ -4583,6 +4593,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
       wordBreak: 'break-word'
       // marginBottom: '8px'
     },
+
     videoTestimonialTitle: {
       fontSize: theme.typography.fontSize.h2,
       // lineHeight: '71px',
@@ -4765,7 +4776,7 @@ function VideoTestimonial({
   }))))));
 }
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': VideoTestimonial
 });
@@ -5001,7 +5012,7 @@ function Video({
   }, carouselContent))));
 }
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Video
 });
@@ -5023,6 +5034,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
     //   }
     // }
   },
+
   sectionContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -5237,7 +5249,7 @@ function Info({
   }, carouselContent))));
 }
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Info
 });
@@ -5356,7 +5368,7 @@ const TextSection = ({
   })))));
 };
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextSection
 });
@@ -5380,6 +5392,7 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -5410,6 +5423,7 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
       position: 'relative',
       paddingBottom: '59.83%' // keeping aspect ratio 585x350
     },
+
     contentRow: {
       display: 'grid',
       gridTemplateColumns: ({
@@ -5579,7 +5593,7 @@ function PhotoGallery({
   }, carouselContent))));
 }
 
-var index$b = /*#__PURE__*/Object.freeze({
+var index$c = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PhotoGallery
 });
@@ -5762,7 +5776,7 @@ const Accordion = ({
   })));
 };
 
-var index$a = /*#__PURE__*/Object.freeze({
+var index$b = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FAQListing
 });
@@ -5933,7 +5947,7 @@ const TextGrid = ({
   }, carouselContent))));
 };
 
-var index$9 = /*#__PURE__*/Object.freeze({
+var index$a = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TextGrid
 });
@@ -5956,6 +5970,7 @@ const useCourseStyles = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -5988,6 +6003,7 @@ const useCourseStyles = createUseStyles(theme => {
       // textAlign: 'center',
       // wordBreak: 'break-word'
     },
+
     slickContainer: {
       marginRight: '-20px'
     },
@@ -6035,6 +6051,7 @@ const useCourseStyles = createUseStyles(theme => {
       justifyContent: 'space-between'
       //alignItems: 'center',
     },
+
     courseCardTags: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6065,6 +6082,7 @@ const useCourseStyles = createUseStyles(theme => {
       // whiteSpace: 'nowrap',
       // textOverflow: 'ellipsis'
     },
+
     courseCardDiscount: {
       display: 'flex',
       justifyContent: 'flex-start',
@@ -6171,6 +6189,7 @@ const useCourseStyles = createUseStyles(theme => {
         // whiteSpace: 'nowrap',
         // textOverflow: 'ellipsis'
       },
+
       singleCard: {
         margin: '6px 2px'
         // width: 'calc(100% - 12px)'
@@ -6460,7 +6479,7 @@ function SimpleCardsContainer({
   }, children);
 }
 
-var index$8 = /*#__PURE__*/Object.freeze({
+var index$9 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': courses
 });
@@ -6542,6 +6561,7 @@ const useTeamStyles = createUseStyles(theme => {
       padding: '24px'
       // overflowWrap: 'break-word'
     },
+
     teamDetailsHeading: {
       fontSize: theme.typography.fontSize.h6,
       fontWeight: theme.typography.fontWeight.bold,
@@ -6759,7 +6779,7 @@ function TeamCard({
   }, " ", carouselContent)));
 }
 
-var index$7 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TeamCard
 });
@@ -6787,6 +6807,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
     //   }
     // }
   },
+
   formContainer: {
     margin: '0 auto',
     maxWidth: ({
@@ -6823,12 +6844,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,
@@ -6896,6 +6919,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
       width: '100%'
       // padding: '0 16ox'
     },
+
     rightContainer: {
       width: '100%',
       padding: '0'
@@ -7180,7 +7204,7 @@ function FormEnquiry({
   })))))));
 }
 
-var index$6 = /*#__PURE__*/Object.freeze({
+var index$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormEnquiry
 });
@@ -7208,6 +7232,7 @@ const useSectionStyles = createUseStyles(theme => ({
     //   }
     // }
   },
+
   contactContainer: {
     width: '100%',
     margin: '0 auto',
@@ -7246,6 +7271,7 @@ const useSectionStyles = createUseStyles(theme => ({
     // justifyContent: 'space-between',
     // flex: 1
   },
+
   subtitle: {
     // margin: '0 0 auto 0',
     fontSize: theme.typography.fontSize.h6,
@@ -7602,7 +7628,7 @@ function Contact({
   })))))));
 }
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Contact
 });
@@ -7690,6 +7716,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
       marginTop: '5%'
       // padding: '0px 5% 0px 5%'
     },
+
     iframe: {
       position: 'absolute',
       width: '100%',
@@ -8037,6 +8064,7 @@ const SingleVideoSlide$1 = props => {
       value: data.isPaid ? buyNowText : registerNowText
       // isExternal: 1
     },
+
     onClick: webinarCtaClick,
     type: 'primary',
     size: 'medium',
@@ -8079,7 +8107,7 @@ function CoursePromotionPage$1({
   }))));
 }
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage$1
 });
@@ -8105,6 +8133,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
       //   }
       // }
     },
+
     sectionContainer: {
       margin: '0 auto',
       maxWidth: ({
@@ -8222,6 +8251,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
       // paddingBottom: '10px',
       // paddingTop: '10px'
     },
+
     bannerContainer: {
       width: '100%',
       background: theme?.colors?.bannerColor,
@@ -8236,6 +8266,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)'
     },
@@ -8348,6 +8379,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
         height: 'max-content'
         // paddingRight: '10px'
       },
+
       videoDetails: {
         width: '100%'
       },
@@ -8606,6 +8638,7 @@ const SingleVideoSlide = props => {
       value: buyNowText
       // isExternal: 1
     },
+
     onClick: courseBuyNow,
     type: 'primary',
     size: 'medium',
@@ -8666,7 +8699,7 @@ function CoursePromotionPage({
   }))));
 }
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CoursePromotionPage
 });
@@ -8710,6 +8743,7 @@ const useFormPageStyles = createUseStyles(theme => ({
     // border: '1px solid #D8E0F0',
     // borderRadius: '16px'
   },
+
   inputFieldLabel: {
     color: theme?.colors?.lightblack,
     fontSize: theme.typography.fontSize.body,
@@ -9022,6 +9056,7 @@ const FormPage = ({
       value: countryCode === 'KR' ? '제출하기' : 'SUBMIT'
       // isExternal: 1
     },
+
     type: 'primary',
     size: 'medium',
     target: null,
@@ -9029,7 +9064,7 @@ const FormPage = ({
   })))));
 };
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': FormPage
 });
@@ -9177,7 +9212,7 @@ function Tiles({
   }, TileDiv)));
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Tiles
 });
@@ -9204,6 +9239,7 @@ const useEmailStyles = createUseStyles(theme => ({
     height: '48px'
     /* margin: 18px 0px; */
   },
+
   'p-young-guru-title': {
     fontFamily: theme?.typography?.fontFamily,
     fontStyle: 'normal',
@@ -9231,6 +9267,7 @@ const useEmailStyles = createUseStyles(theme => ({
     textAlign: 'center'
     /* padding:35px 0 40px */
   },
+
   'two-columns .column': {
     width: '100%',
     maxWidth: '275px',
@@ -9650,11 +9687,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
+  } = React.useContext(PageContext);
+  const classes = useAboutInstituteStyles({
+    containerWidth,
+    isMobile
+  });
+  const [nodeData] = sectionData?.components;
+  const [infoNodeData] = nodeData?.info?.components;
+  const theme = useTheme();
+  const ImageJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.imageContainer
+  }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
+    className: classes.image,
+    alt: "logo",
+    src: nodeData.image.metadata.value
+  }));
+  const ContentJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.infoContainer
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: nodeData?.your_name?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.your_name?.metadata?.value
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfo
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: nodeData?.specialisation?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.specialisation?.metadata?.value
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: nodeData?.qualification?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.qualification?.metadata?.value
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.metaInfoChild
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: nodeData?.experience?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.experience?.metadata?.value
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: nodeData?.institute_about?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: infoNodeData?.institute_about?.metadata?.value
+    }
+  }));
+  const HighlightJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.cardWrapper
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.card
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.cardDesc
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, "97"), /*#__PURE__*/React__default["default"].createElement("span", null, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.card
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.cardDesc
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, "10,0000"), /*#__PURE__*/React__default["default"].createElement("span", null, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
+    name: 'Location',
+    color: theme.palette.font.primary,
+    width: '12px'
+  })));
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.aboutInstWrapper
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.aboutInstText
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: nodeData?.heading?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.heading?.metadata?.value
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("h2", {
+    className: classes.aboutInstHeader
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: nodeData?.title?.refSetter,
+    dangerouslySetInnerHTML: {
+      __html: nodeData?.title?.metadata?.value
+    }
+  })), isMobile ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.contentWrapper
+  }, /*#__PURE__*/React__default["default"].createElement(ImageJSX, null), /*#__PURE__*/React__default["default"].createElement(HighlightJSX, null)), /*#__PURE__*/React__default["default"].createElement(ContentJSX, null)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classes.contentWrapper
+  }, /*#__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({
+  __proto__: null,
+  'default': ABOUT_INSTITUTE
+});
+
 const TYPE_TO_COMPONENT_MAP = {
   BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
   GRID_CARD: List,
@@ -9677,7 +9938,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__*/React.memo(({