%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ncf/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ncf/static/js/25.7957a525.chunk.js.map

{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","../node_modules/swiper/esm/react/utils.js","../node_modules/swiper/esm/react/use-isomorphic-layout-effect.js","../node_modules/swiper/esm/react/swiper-slide.js","app/main/our-work/banners/styles.js","app/main/our-work/banners/EnvironSlider.js","app/main/our-work/EnvironmentEducation.js"],"names":["SliderBar","userId","localStorage","getItem","useState","cart","setCart","useEffect","fetch","SERVER_URL","then","res","json","status","data","console","log","noOfItems","length","className","href","src","alt","isObject","o","constructor","Object","prototype","toString","call","slice","extend","target","noExtend","keys","filter","key","indexOf","forEach","__swiper__","needsNavigation","params","navigation","nextEl","prevEl","needsPagination","pagination","el","needsScrollbar","scrollbar","uniqueClasses","classNames","classes","split","map","c","trim","unique","push","join","useIsomorphicLayoutEffect","callback","deps","window","useLayoutEffect","_excluded","_extends","assign","i","arguments","source","hasOwnProperty","apply","this","SwiperSlide","forwardRef","_temp","externalRef","slideData","_ref","_ref$tag","tag","Tag","children","_ref$className","swiper","zoom","virtualIndex","rest","excluded","sourceKeys","_objectWithoutPropertiesLoose","slideElRef","useRef","_useState","slideClasses","setSlideClasses","updateClasses","current","destroyed","on","off","getSlideClasses","isActive","isVisible","isDuplicate","isPrev","isNext","renderChildren","React","createElement","ref","undefined","displayName","Slider","styled","div","EnvironSlider","props","images","setImages","imageData","page","EnvironmentEducation","size"],"mappings":"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","file":"static/js/25.7957a525.chunk.js","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL, CLIENT_URL} from '../../../config/server';\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\"\r\nimport \"./sliderbar.css\"\r\n\r\nfunction SliderBar(){\r\n\r\n    const userId = localStorage.getItem('loggedInUser');\r\n    const [cart, setCart] = useState([])\r\n\r\n    useEffect(() => {\r\n          const fetchcart =() =>{\r\n            fetch(`${SERVER_URL}/cart/all/${userId}`)\r\n            .then(res => res.json())\r\n            .then(json => {\r\n              if(json.status === 200){\r\n                  setCart(json.data);\r\n              }else{\r\n                  console.log(json);\r\n              }\r\n          });\r\n            \r\n          \r\n        }\r\n\r\n        fetchcart()\r\n      }, []);\r\n\r\n\r\n      const noOfItems = cart.length;\r\n\r\n    return(\r\n            <div className=\"sliderbardiv sm:mb-20\">\r\n                <div className=\"flex sliderbar shadow-sm -mt-9 field-bottom\">\r\n                <a href=\"/shop\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/shop.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Shop</span>\r\n                </a>\r\n                <a href=\"/cart\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/shopping-cart.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Cart <span className=\"cartNumber\"> {noOfItems}</span></span>\r\n                </a>\r\n                <a href=\"/donate\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48\">\r\n                    <span className=\"mb-2\">\r\n                        <img src=\"/assets/images/icons/donation.svg\" alt=\"\" />\r\n                    </span>\r\n                    <span>Donate</span>\r\n                </a>\r\n            </div>\r\n            </div>\r\n    )\r\n}\r\nexport default SliderBar;\r\n","function isObject(o) {\n  return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\n\nfunction extend(target, src) {\n  var noExtend = ['__proto__', 'constructor', 'prototype'];\n  Object.keys(src).filter(function (key) {\n    return noExtend.indexOf(key) < 0;\n  }).forEach(function (key) {\n    if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n      if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]);\n    } else {\n      target[key] = src[key];\n    }\n  });\n}\n\nfunction needsNavigation(params) {\n  if (params === void 0) {\n    params = {};\n  }\n\n  return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';\n}\n\nfunction needsPagination(params) {\n  if (params === void 0) {\n    params = {};\n  }\n\n  return params.pagination && typeof params.pagination.el === 'undefined';\n}\n\nfunction needsScrollbar(params) {\n  if (params === void 0) {\n    params = {};\n  }\n\n  return params.scrollbar && typeof params.scrollbar.el === 'undefined';\n}\n\nfunction uniqueClasses(classNames) {\n  if (classNames === void 0) {\n    classNames = '';\n  }\n\n  var classes = classNames.split(' ').map(function (c) {\n    return c.trim();\n  }).filter(function (c) {\n    return !!c;\n  });\n  var unique = [];\n  classes.forEach(function (c) {\n    if (unique.indexOf(c) < 0) unique.push(c);\n  });\n  return unique.join(' ');\n}\n\nexport { isObject, extend, needsNavigation, needsPagination, needsScrollbar, uniqueClasses };","import { useEffect, useLayoutEffect } from 'react';\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n  // eslint-disable-next-line\n  if (typeof window === 'undefined') return useEffect(callback, deps);\n  return useLayoutEffect(callback, deps);\n}\n\nexport { useIsomorphicLayoutEffect };","var _excluded = [\"tag\", \"children\", \"className\", \"swiper\", \"zoom\", \"virtualIndex\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { useRef, useState, forwardRef } from 'react';\nimport { uniqueClasses } from './utils';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {\n  var _ref = _temp === void 0 ? {} : _temp,\n      _ref$tag = _ref.tag,\n      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n      children = _ref.children,\n      _ref$className = _ref.className,\n      className = _ref$className === void 0 ? '' : _ref$className,\n      swiper = _ref.swiper,\n      zoom = _ref.zoom,\n      virtualIndex = _ref.virtualIndex,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  var slideElRef = useRef(null);\n\n  var _useState = useState('swiper-slide'),\n      slideClasses = _useState[0],\n      setSlideClasses = _useState[1];\n\n  function updateClasses(swiper, el, classNames) {\n    if (el === slideElRef.current) {\n      setSlideClasses(classNames);\n    }\n  }\n\n  useIsomorphicLayoutEffect(function () {\n    if (externalRef) {\n      externalRef.current = slideElRef.current;\n    }\n\n    if (!slideElRef.current || !swiper) {\n      return;\n    }\n\n    if (swiper.destroyed) {\n      if (slideClasses !== 'swiper-slide') {\n        setSlideClasses('swiper-slide');\n      }\n\n      return;\n    }\n\n    swiper.on('_slideClass', updateClasses); // eslint-disable-next-line\n\n    return function () {\n      if (!swiper) return;\n      swiper.off('_slideClass', updateClasses);\n    };\n  });\n  useIsomorphicLayoutEffect(function () {\n    if (swiper && slideElRef.current) {\n      setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n    }\n  }, [swiper]);\n  var slideData;\n\n  if (typeof children === 'function') {\n    slideData = {\n      isActive: slideClasses.indexOf('swiper-slide-active') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-active') >= 0,\n      isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n      isDuplicate: slideClasses.indexOf('swiper-slide-duplicate') >= 0,\n      isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-prev') >= 0,\n      isNext: slideClasses.indexOf('swiper-slide-next') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-next') >= 0\n    };\n  }\n\n  var renderChildren = function renderChildren() {\n    return typeof children === 'function' ? children(slideData) : children;\n  };\n\n  return /*#__PURE__*/React.createElement(Tag, _extends({\n    ref: slideElRef,\n    className: uniqueClasses(\"\" + slideClasses + (className ? \" \" + className : '')),\n    \"data-swiper-slide-index\": virtualIndex\n  }, rest), zoom ? /*#__PURE__*/React.createElement(\"div\", {\n    className: \"swiper-zoom-container\",\n    \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n  }, renderChildren()) : renderChildren());\n});\nSwiperSlide.displayName = 'SwiperSlide';\nexport { SwiperSlide };","import styled from 'styled-components';\r\n\r\nconst Slider = styled.div`\r\n  position: relative;\r\n  height: 700px;\r\n  border: 1px solid #eee;\r\n\r\n  background: #eee;\r\n  font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\r\n  font-size: 14px;\r\n  color: rgb(39, 38, 38);\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  .swiper-container {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .swiper-slide {\r\n    font-size: 18px;\r\n    background: transparent;\r\n\r\n    /* Center slide text vertically */\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    -webkit-justify-content: center;\r\n    justify-content: center;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    -webkit-align-items: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .swiper-slide img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .swiper-slide .slider-wrapper {\r\n    display: block;\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .slider-text {\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  .field-bottom {\r\n    transform: translate(10%, 320px);\r\n  }\r\n\r\n  @media screen and (max-width: 640px) {\r\n    .field-bottom {\r\n      transform: translate(0%, 0%);\r\n    }\r\n  }\r\n`;\r\n\r\nexport default Slider;\r\n","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL} from '../../../config/server';\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\"\r\nimport '../../style.css'\r\n\r\nfunction EnvironSlider(props) {\r\n  const [images, setImages] = useState('');\r\n\r\n  useEffect(() => {\r\n    const fetchImages =() =>{\r\n      fetch(`${SERVER_URL}/image/page-banners`)\r\n      .then(res => res.json())\r\n      .then(json => {\r\n        if(json.status === 200){\r\n          const imageData = json.data;\r\n          setImages(imageData);\r\n        }else{\r\n            console.log(\"Oops couldn't fetch data\");\r\n        }\r\n    });\r\n      \r\n    }\r\n\r\n    fetchImages();\r\n  }, []);\r\n\r\n  \r\n  const page = props.page;\r\n  return (\r\n    <SliderContainer className=\"mt-6 z-index-3\">\r\n                <SwiperSlide>\r\n                    <div className=\"slider-wrapper\">\r\n                        <div className=\"slider-text border border-solid\">\r\n                            <div className=\"max-w-7xl mx-auto pb-16 pt-48 md:px-16 px-8\">\r\n                            <div className=\"grid md:grid-cols-2 grid-cols-1 gap-x-8 gap-y-8\">\r\n                            <div className=\"content banner-txt\">\r\n                            <h1 className='text-4xl font-bold text-white mb-4'>\r\n                              What have you done for the Environment Lately?\r\n                            </h1>\r\n                            <p className='font-light text-white mb-6'>\r\n                              What you give goes a long way\r\n                            </p>\r\n\r\n                            <a href=\"/donate\">\r\n                            <button className='bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded'>\r\n                              Donate\r\n                            </button>\r\n                            </a>\r\n                                </div> \r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        <img src={`https://admin.ncfnigeria.org/images/banners/${images[page]}`} alt=\"\" />\r\n                    </div>\r\n                </SwiperSlide>\r\n            \r\n        </SliderContainer>\r\n  );\r\n}\r\n\r\nexport default EnvironSlider;\r\n","import React from 'react';\r\nimport EnvironSlider from './banners/EnvironSlider';\r\nimport { ImLocation } from 'react-icons/im';\r\nimport { SocialTabs } from '@nfc';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction EnvironmentEducation() {\r\n  const page = 'environmental_education'\r\n  return (\r\n    <div className=\"bg-gray-100\">\r\n      <EnvironSlider page={page}/>\r\n\r\n      <div className='w-full bg-gray-100 py-8 relative'>\r\n        <SliderBar/>\r\n        <img\r\n        src='/assets/images/bg/white-bg.png'\r\n        alt=''\r\n        className='home-naturediv-top-papertear mb-30em -top-25em'\r\n      />\r\n        <div className='max-w-7xl z-index-2 mx-auto pt-16 md:px-16 px-8'>\r\n          <div className='text-left mb-4'>\r\n            <h1 className='text-2xl font-bold tracking-tight text-green uppercase text-mbl-1em'>\r\n              Environmental Education\r\n            </h1>\r\n          </div>\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='md:col-span-8 col-span-12 md:pt-4'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n              The goal of the Environmental Education Unit is to raise awareness on emerging \r\n              environmental issues with a view to promote positive behavioral change among the people. \r\n              Though we work with the broad spectrum of the public, the focus is on schools – primary, \r\n              secondary & tertiary institutions where we work to develop didactic curriculum and activities \r\n              that promote nature conservation.\r\n\r\n              </p>\r\n\r\n              <p className='text-base text-mbl  txt-justify'>\r\n                Our Environmental Education activities comprises:\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'></div>\r\n          </div>\r\n        </div>\r\n      <img className=\"papertear2 mb-15em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n      </div>\r\n\r\n      <div className='w-full z-index-3 bg-white'>\r\n        <div className='max-w-7xl mx-auto pt-12 pb-4 md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-right text-green uppercase text-mbl-1em'>\r\n              School Conservation Clubs\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0'>\r\n            <div className='col-span-4'>\r\n              <img src='/assets/images/groups/school-clubs.png' alt='' />\r\n            </div>\r\n            <div className='mt-6 col-span-8'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n              The schools are crucial partners in creating awareness as the young pupils are the \r\n              leaders and decision makers of tomorrow. We partner with schools with the consent of \r\n              the authorities to establish conservation clubs with the purpose of raising environmentally \r\n              conscious students. In the long run, we help develop and nurture pupil’s interest in nature.\r\n\r\n\r\n              </p>\r\n              <p className='text-base text-mbl  txt-justify'>\r\n              School conservation clubs are open to public and private primary and secondary schools.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='w-full bg-white z-index-3'>\r\n        <div className='max-w-7xl mx-auto py-12 md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n              Arts & Essay Competition\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='mt-6 md:col-span-8 col-span-12'>\r\n              <p className='text-base mb-4 text-mbl  txt-justify'>\r\n              This is our pedagogic approach at promoting environmental conservation amongst primary and \r\n              secondary schools. It provides a platform for students to demonstrate understanding while expressing\r\n               their creativity. The competition’s theme\r\n               and topic centers on the environment with each edition focusing on a thematic environmental issue.\r\n              </p>\r\n\r\n              <p className='text-base text-mbl  txt-justify'>\r\n              Arts & Essay competition holds across the 36 states of the federation and the FCT in collaboration \r\n              with relevant education authorities. Fabulous prizes are awarded to winning schools and students.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/arts-essay.png' alt='' />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='w-full'>\r\n      <img className=\"papertear1 mt-10em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n        <div className='max-w-7xl mx-auto py-12 mt-10em md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n              Training and Workshop\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='mt-6 md:col-span-8 col-span-12'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n              The unit engages in capacity development for instructors, individuals, \r\n              and organizations whose roles and output revolve around the environment. \r\n              We have modules that cater for broad spectrum of environmental learning outcomes \r\n              which include conservation, pollution, \r\n              recycling, tree planting, running school conservation clubs, \r\n              how to engage communities in viable projects etc.\r\n              </p>\r\n\r\n              <p className='text-base text-mbl  txt-justify'>\r\n              Trainings and workshops are hosted on-site at the Lekki Conservation Centre, as well as off-site.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/training-workshop.png' alt='' />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='w-full'>\r\n        <div className='max-w-7xl mx-auto py-12 md:px-16 px-8'>\r\n          <div className='text-left mb-2'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n              School Visits\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='mt-2 mt-2em md:col-span-8 col-span-12'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n                We receive schools and their students in all project sites\r\n                across the country and engage them in environmental education\r\n                through direct field experience and lectures.{' '}\r\n              </p>\r\n              <p className='text-base text-mbl  txt-justify'>\r\n                This has been a vital channel of reaching such young, exciting\r\n                audience and modifying their behaviours to appreciate and care\r\n                about nature.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/arts-essay.png' alt='' />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \r\n      <img className=\"papertear2 mb-20em mobBottom10em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n      </div>\r\n\r\n      <div className='w-full bg-white'>\r\n        <div className='max-w-7xl mx-auto py-12 md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n              Community Engagement\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img\r\n                src='/assets/images/groups/community-engagement.png'\r\n                alt=''\r\n              />\r\n            </div>\r\n            <div className='mt-6 md:col-span-8 col-span-12'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n              We strive to take message to communities and public through sensitization campaigns, \r\n              information dissemination, participatory activities, and engagement.\r\n              </p>\r\n\r\n              <p className='text-base text-mbl  txt-justify'>\r\n              Community engagement usually does not focus only on campaigns, but equally, affirmative \r\n              actions through direct intervention and support that ameliorate conditions of community dwellers.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='w-full bg-white z-index-3'>\r\n        <div className='max-w-7xl mx-auto py-12 md:px-16 px-8'>\r\n          <div className='text-left mb-6'>\r\n            <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n              Public Engagement\r\n            </h1>\r\n            <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n          </div>\r\n\r\n          <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n            <div className='mt-6 md:col-span-8 col-span-12'>\r\n              <p className='text-base mb-4 text-mbl  mt-2em  txt-justify'>\r\n                International days are occasions to educate the public on issues\r\n                of concern, to mobilize political will and resources in\r\n                addressing global problems, and to celebrate and reinforce\r\n                achievements of humanity. The Unit rallies support and\r\n                participation of NCF members, schools conservation clubs, host\r\n                communities, corporate organisations, government officials,\r\n                researchers and other dignitaries for these events. These\r\n                include:\r\n              </p>\r\n\r\n              <ul className='w-full rounded-lg -ml-3 mb-4 text-gray-800'>\r\n                <li className='flex items-start p-1 pl-3'>\r\n                  <ImLocation\r\n                    size={18}\r\n                    className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n                  />\r\n                  <span className=\"text-mbl  txt-justify\">Word Wetland Day</span>\r\n                </li>\r\n                <li className='flex items-start p-1 pl-3'>\r\n                  <ImLocation\r\n                    size={18}\r\n                    className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n                  />\r\n                  <span className=\"text-mbl  txt-justify\">World Migratory Bird Day</span>\r\n                </li>\r\n                <li className='flex items-start p-1 pl-3'>\r\n                  <ImLocation\r\n                    size={18}\r\n                    className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n                  />\r\n                  <span className=\"text-mbl  txt-justify\">Word Environment Day</span>\r\n                </li>\r\n                <li className='flex items-start p-1 pl-3'>\r\n                  <ImLocation\r\n                    size={18}\r\n                    className='text-green mr-2 mt-0.5 flex-none transform -rotate-90'\r\n                  />\r\n                  <span className=\"text-mbl  txt-justify\">World Habitat Day</span>\r\n                </li>\r\n              </ul>\r\n\r\n              <p className='text-base text-mbl  txt-justify'>\r\n                These events are supported by corporate organisations as\r\n                contributions to their corporate social responsibility. For\r\n                sponsorship, click here.\r\n              </p>\r\n            </div>\r\n            <div className='md:col-span-4 col-span-12'>\r\n              <img src='/assets/images/groups/public-engagement.png' alt='' />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default EnvironmentEducation;\r\n"],"sourceRoot":""}

Zerion Mini Shell 1.0