%PDF-
%PDF-
Mini Shell
Mini Shell
{"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/get-involved/components/slider/styles.js","app/main/get-involved/components/slider/Slider.js","app/main/get-involved/Events.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","props","images","setImages","imageData","page","Events","activities","activity","name"],"mappings":"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","file":"static/js/24.1e215c76.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\tborder: 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\t.swiper-container {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.swiper-slide {\r\n\t\tfont-size: 18px;\r\n\t\tbackground: transparent;\r\n\r\n\t\t/* Center slide text vertically */\r\n\t\tdisplay: -webkit-box;\r\n\t\tdisplay: -ms-flexbox;\r\n\t\tdisplay: -webkit-flex;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-box-pack: center;\r\n\t\t-ms-flex-pack: center;\r\n\t\t-webkit-justify-content: center;\r\n\t\tjustify-content: center;\r\n\t\t-webkit-box-align: center;\r\n\t\t-ms-flex-align: center;\r\n\t\t-webkit-align-items: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.swiper-slide img {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.swiper-slide .slider-wrapper {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.slider-text {\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.field-bottom {\r\n\t\ttransform: translate(10%, 306px);\r\n\t}\r\n\r\n\t@media screen and (max-width: 640px) {\r\n\t\t.field-bottom {\r\n\t\t\ttransform: translate(0%, 0%);\r\n\t\t}\r\n\t}\r\n`\r\n\r\nexport default Slider","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 Slider(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 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 Slider;\r\n","import React from 'react';\r\nimport { ImLocation } from 'react-icons/im';\r\nimport { SocialTabs } from '@nfc';\r\nimport data from './data/mock.json';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction Events() {\r\n const page = 'events'\r\n return (\r\n <div>\r\n <HomeSlider page={page}/>\r\n <div className='w-full bg-gray-100 py-8'>\r\n <SliderBar/>\r\n <div className='max-w-5xl mx-auto md:px-16 px-8'>\r\n <div className='grid md:grid-cols-1 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n <div className='block mt-5em'>\r\n <h1 className='text-3xl font-bold text-green mb-6'>Events</h1>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n One of the ways you can support the Foundation is through our\r\n events. We organise series of events aimed at bridging the\r\n awareness gap amongst the general public. These events equally\r\n serve as advocacy tools for policy change. As an environmental\r\n organisations, events centre on the environment and executed\r\n along the United Nations international days.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n Corporate organisations and individuals who share our passion in\r\n the environment have found these events creditable and partner\r\n with us for success. The partnership is acknowledged as such\r\n organisation’s contribution towards the environment.Some of the\r\n events we host yearly are:\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 py-16'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='text-left mb-6'>\r\n <h1 className='font-bold text-2xl text-green'>\r\n World Wetlands Day\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='font-base text-mbl mb-4'>\r\n World Wetlands Day is commemorated on 2nd February each year to\r\n raise global awareness about the vital role of wetlands for\r\n people and our planet. This day also marks the date of the\r\n adoption of the Convention on Wetlands on 2 February 1971, in\r\n the Iranian city of Ramsar on the shores of the Caspian Sea.\r\n </p>\r\n <p className='font-base text-mbl mb-4'>\r\n Wetlands are land areas that are saturated or flooded with water\r\n either permanently or seasonally. Inland wetlands include\r\n marshes, ponds, lakes, fens, rivers, floodplains, and swamps.\r\n Coastal wetlands include saltwater marshes, estuaries,\r\n mangroves, lagoons and even coral reefs.\r\n </p>\r\n <p className='font-base text-mbl'>\r\n Activities during the World Wetlands Day include:\r\n </p>\r\n\r\n <ul className='w-full rounded-lg mt-2 mb-3 text-gray-800 text-mbl list-disc ml-4'>\r\n <li className='p-1 pl-3'>Conference</li>\r\n <li className='p-1 pl-3'>Wetland clean-up day</li>\r\n <li className='p-1 pl-3'>Photo or essay competition</li>\r\n <li className='p-1 pl-3'>Public awareness</li>\r\n <li className='p-1 pl-3'>Art competition for students</li>\r\n </ul>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/groups/wetland-day.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='w-full bg-white pt-8 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='text-right mb-4'>\r\n <h1 className='font-bold text-2xl text-right text-green'>\r\n World Migratory Bird Day\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 <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 gap-y-8 items-start'>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/groups/bird-day.png' alt='' />\r\n </div>\r\n <div className='md:col-span-8 col-span-12 mt-4'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n WMBD is an annual event for raising awareness on bird migration\r\n and the importance of protecting the flyways and habitats used\r\n by birds during migration.\r\n </p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n The event holds across the country, and particularly in sites\r\n designated Important Bird Area where wintering birds and\r\n European migrants rely for survival.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n Activities during the World Migratory Bird Day involve community\r\n engagement (where residents are enlightened on yearly birds\r\n migration and what they can do to preserve flyways), birding\r\n expedition, clean up exercise, environmental education and\r\n commemorative tree planting exercise.\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 pt-8 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='text-right mb-8'>\r\n <h1 className='font-bold text-2xl text-green uppercase'>\r\n World Environment Day\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 <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 gap-y-8 items-start'>\r\n <div className='md:col-span-8 col-span-12 mt-4'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n World Environment Day is an international environmental\r\n awareness day celebrated every 5th of June. It is organised by\r\n the United Nations Environment Programme (UNEP) to encourage\r\n global awareness for the protection of the environment, as well\r\n as call for actions to promote environmental sustainability.\r\n </p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n As the biggest annual event for positive environmental action,\r\n the day focuses on environmental concerns ranging from\r\n pollution, global warming, sustainable food production and\r\n protection of wildlife.\r\n </p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n Every year, we use the event to shore up public engagement and\r\n advocacy about the state of the environment and deliberate on\r\n what local actions are necessary to ensure global environmental\r\n sustainability.\r\n </p>\r\n\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n Some of the activities carried out during World Environment Day\r\n are:\r\n </p>\r\n\r\n <ul className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n {data.activities.map((activity, i) => (\r\n <li className='flex items-start text-mbl p-1 pl-3'>\r\n <ImLocation className='text-green mr-2 transform -rotate-90 flex-none mt-1 h-full' />\r\n <span>{activity.name}</span>\r\n </li>\r\n ))}\r\n </ul>\r\n <p className=\"text-mbl\">\r\n We will be engaging more communities along the Nigerian\r\n coastline as a way of protecting other species such as the\r\n African Manatee Trichechus senegalensis, as well as whales that\r\n sometime beach (Cetacean stranding).\r\n </p>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/groups/world-env-day.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8 relative z-10'>\r\n <div className='text-left mb-4'>\r\n <h2 className='font-bold text-2xl text-right text-green uppercase'>\r\n World Habitat Day\r\n </h2>\r\n <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-200' />\r\n </div>\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/nature/wetland.png' alt='' />\r\n </div>\r\n <div className='md:col-span-8 col-span-12'>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n The World Habitat Day is a global environmental event celebrated\r\n every first Monday of October to reflect on the state of our towns\r\n and cities, and on the basic right of all for adequate shelter. It\r\n is also intended to remind the world that we all have the power\r\n and the responsibility to shape the future of our cities and\r\n towns.\r\n </p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n NCF joins the rest of the globe to celebrate World Habitat Day\r\n with an Art Competition to help promote the theme every year.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n Nigerian Conservation Foundation (NCF) has successfully\r\n commemorated this day annually in Nigeria with the objective of\r\n building creativity among youths through outdoor experience that\r\n connects classroom knowledge with nature.\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8 relative z-10'>\r\n <div className='text-left mb-4'>\r\n <h2 className='font-bold text-2xl text-green uppercase'>\r\n Annual Green Ball\r\n </h2>\r\n <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-200' />\r\n </div>\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className='md:col-span-8 col-span-12'>\r\n <p className='text-base text-mbl txt-justify mb-4'>Annual Green Ball</p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n The Green Ball is traditionally a high-level black-tie event where\r\n business leaders, High Net Worth individuals and policy makers\r\n meet to share their passion for the environment in a relaxed\r\n atmosphere whilst enjoying exquisite cuisine, nice music and\r\n stimulating conversations.\r\n </p>\r\n <p className='text-base text-mbl txt-justify mb-4'>\r\n As the foremost environmental NGO, we have been hosting the Green\r\n Ball annually to generate awareness and raise funds for some of\r\n our projects.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n The event’s yearly theme reflects clear and present environmental\r\n challenges that we seek to fund solutions to. Many corporate\r\n organisations and passionate individuals have found the Green Ball\r\n valuable towards contributing to the environment and have been\r\n leading in sponsoring the event.\r\n </p>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/groups/green-ball.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n\r\n \r\n </div>\r\n );\r\n}\r\n\r\nexport default Events;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0