%PDF-
%PDF-
Mini Shell
Mini Shell
{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","../node_modules/swiper/esm/components/pagination/pagination.js","app/main/our-work/banners/styles.js","app/main/our-work/styles.js","app/main/our-work/banners/EnvironSlider.js","app/main/our-work/Community.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","_extends","Object","assign","target","i","arguments","source","key","prototype","hasOwnProperty","call","apply","this","Pagination","update","swiper","rtl","params","pagination","el","$el","current","slidesLength","virtual","enabled","slides","total","loop","Math","ceil","loopedSlides","slidesPerGroup","snapGrid","activeIndex","paginationType","snapIndex","type","bullets","firstIndex","lastIndex","midIndex","dynamicBullets","bulletSize","eq","isHorizontal","css","dynamicMainBullets","undefined","previousIndex","dynamicBulletIndex","min","removeClass","bulletActiveClass","each","bullet","$bullet","$","bulletIndex","index","addClass","prev","next","$firstDisplayedBullet","$lastDisplayedBullet","_i","dynamicBulletsLength","bulletsOffset","offsetProp","find","classesToSelector","currentClass","text","formatFractionCurrent","totalClass","formatFractionTotal","progressbarDirection","progressbarOpposite","scale","scaleX","scaleY","progressbarFillClass","transform","transition","speed","renderCustom","html","emit","watchOverflow","isLocked","lockClass","render","paginationHTML","numberOfBullets","freeMode","renderBullet","bulletClass","bulletElement","renderFraction","renderProgressbar","init","createElementIfNotDefined","createElements","uniqueNavElements","clickable","clickableClass","modifierClass","progressbarOppositeClass","on","e","preventDefault","slideTo","extend","destroy","hiddenClass","off","name","hideOnClick","number","create","bindModuleMethods","activeIndexChange","snapIndexChange","slidesLengthChange","snapGridLengthChange","click","targetEl","hasClass","navigation","nextEl","prevEl","toggleClass","Slider","styled","div","ForestBg","MarineBg","EnvironSlider","props","images","setImages","imageData","page","SwiperCore","use","Navigation","Community","slidesPerView","spaceBetween","loopFillGroupWithBlank","size"],"mappings":"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","file":"static/js/43.7aa4286d.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 _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\nimport $ from '../../utils/dom';\nimport { extend, bindModuleMethods, classesToSelector, createElementIfNotDefined } from '../../utils/utils';\nvar Pagination = {\n update: function update() {\n // Render || Update Pagination bullets/items\n var swiper = this;\n var rtl = swiper.rtl;\n var params = swiper.params.pagination;\n if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;\n var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;\n var $el = swiper.pagination.$el; // Current/Total\n\n var current;\n var total = swiper.params.loop ? Math.ceil((slidesLength - swiper.loopedSlides * 2) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;\n\n if (swiper.params.loop) {\n current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup);\n\n if (current > slidesLength - 1 - swiper.loopedSlides * 2) {\n current -= slidesLength - swiper.loopedSlides * 2;\n }\n\n if (current > total - 1) current -= total;\n if (current < 0 && swiper.params.paginationType !== 'bullets') current = total + current;\n } else if (typeof swiper.snapIndex !== 'undefined') {\n current = swiper.snapIndex;\n } else {\n current = swiper.activeIndex || 0;\n } // Types\n\n\n if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {\n var bullets = swiper.pagination.bullets;\n var firstIndex;\n var lastIndex;\n var midIndex;\n\n if (params.dynamicBullets) {\n swiper.pagination.bulletSize = bullets.eq(0)[swiper.isHorizontal() ? 'outerWidth' : 'outerHeight'](true);\n $el.css(swiper.isHorizontal() ? 'width' : 'height', swiper.pagination.bulletSize * (params.dynamicMainBullets + 4) + \"px\");\n\n if (params.dynamicMainBullets > 1 && swiper.previousIndex !== undefined) {\n swiper.pagination.dynamicBulletIndex += current - swiper.previousIndex;\n\n if (swiper.pagination.dynamicBulletIndex > params.dynamicMainBullets - 1) {\n swiper.pagination.dynamicBulletIndex = params.dynamicMainBullets - 1;\n } else if (swiper.pagination.dynamicBulletIndex < 0) {\n swiper.pagination.dynamicBulletIndex = 0;\n }\n }\n\n firstIndex = current - swiper.pagination.dynamicBulletIndex;\n lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);\n midIndex = (lastIndex + firstIndex) / 2;\n }\n\n bullets.removeClass(params.bulletActiveClass + \" \" + params.bulletActiveClass + \"-next \" + params.bulletActiveClass + \"-next-next \" + params.bulletActiveClass + \"-prev \" + params.bulletActiveClass + \"-prev-prev \" + params.bulletActiveClass + \"-main\");\n\n if ($el.length > 1) {\n bullets.each(function (bullet) {\n var $bullet = $(bullet);\n var bulletIndex = $bullet.index();\n\n if (bulletIndex === current) {\n $bullet.addClass(params.bulletActiveClass);\n }\n\n if (params.dynamicBullets) {\n if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {\n $bullet.addClass(params.bulletActiveClass + \"-main\");\n }\n\n if (bulletIndex === firstIndex) {\n $bullet.prev().addClass(params.bulletActiveClass + \"-prev\").prev().addClass(params.bulletActiveClass + \"-prev-prev\");\n }\n\n if (bulletIndex === lastIndex) {\n $bullet.next().addClass(params.bulletActiveClass + \"-next\").next().addClass(params.bulletActiveClass + \"-next-next\");\n }\n }\n });\n } else {\n var $bullet = bullets.eq(current);\n var bulletIndex = $bullet.index();\n $bullet.addClass(params.bulletActiveClass);\n\n if (params.dynamicBullets) {\n var $firstDisplayedBullet = bullets.eq(firstIndex);\n var $lastDisplayedBullet = bullets.eq(lastIndex);\n\n for (var i = firstIndex; i <= lastIndex; i += 1) {\n bullets.eq(i).addClass(params.bulletActiveClass + \"-main\");\n }\n\n if (swiper.params.loop) {\n if (bulletIndex >= bullets.length - params.dynamicMainBullets) {\n for (var _i = params.dynamicMainBullets; _i >= 0; _i -= 1) {\n bullets.eq(bullets.length - _i).addClass(params.bulletActiveClass + \"-main\");\n }\n\n bullets.eq(bullets.length - params.dynamicMainBullets - 1).addClass(params.bulletActiveClass + \"-prev\");\n } else {\n $firstDisplayedBullet.prev().addClass(params.bulletActiveClass + \"-prev\").prev().addClass(params.bulletActiveClass + \"-prev-prev\");\n $lastDisplayedBullet.next().addClass(params.bulletActiveClass + \"-next\").next().addClass(params.bulletActiveClass + \"-next-next\");\n }\n } else {\n $firstDisplayedBullet.prev().addClass(params.bulletActiveClass + \"-prev\").prev().addClass(params.bulletActiveClass + \"-prev-prev\");\n $lastDisplayedBullet.next().addClass(params.bulletActiveClass + \"-next\").next().addClass(params.bulletActiveClass + \"-next-next\");\n }\n }\n }\n\n if (params.dynamicBullets) {\n var dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);\n var bulletsOffset = (swiper.pagination.bulletSize * dynamicBulletsLength - swiper.pagination.bulletSize) / 2 - midIndex * swiper.pagination.bulletSize;\n var offsetProp = rtl ? 'right' : 'left';\n bullets.css(swiper.isHorizontal() ? offsetProp : 'top', bulletsOffset + \"px\");\n }\n }\n\n if (params.type === 'fraction') {\n $el.find(classesToSelector(params.currentClass)).text(params.formatFractionCurrent(current + 1));\n $el.find(classesToSelector(params.totalClass)).text(params.formatFractionTotal(total));\n }\n\n if (params.type === 'progressbar') {\n var progressbarDirection;\n\n if (params.progressbarOpposite) {\n progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';\n } else {\n progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';\n }\n\n var scale = (current + 1) / total;\n var scaleX = 1;\n var scaleY = 1;\n\n if (progressbarDirection === 'horizontal') {\n scaleX = scale;\n } else {\n scaleY = scale;\n }\n\n $el.find(classesToSelector(params.progressbarFillClass)).transform(\"translate3d(0,0,0) scaleX(\" + scaleX + \") scaleY(\" + scaleY + \")\").transition(swiper.params.speed);\n }\n\n if (params.type === 'custom' && params.renderCustom) {\n $el.html(params.renderCustom(swiper, current + 1, total));\n swiper.emit('paginationRender', $el[0]);\n } else {\n swiper.emit('paginationUpdate', $el[0]);\n }\n\n if (swiper.params.watchOverflow && swiper.enabled) {\n $el[swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n }\n },\n render: function render() {\n // Render Container\n var swiper = this;\n var params = swiper.params.pagination;\n if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;\n var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;\n var $el = swiper.pagination.$el;\n var paginationHTML = '';\n\n if (params.type === 'bullets') {\n var numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - swiper.loopedSlides * 2) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;\n\n if (swiper.params.freeMode && !swiper.params.loop && numberOfBullets > slidesLength) {\n numberOfBullets = slidesLength;\n }\n\n for (var i = 0; i < numberOfBullets; i += 1) {\n if (params.renderBullet) {\n paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);\n } else {\n paginationHTML += \"<\" + params.bulletElement + \" class=\\\"\" + params.bulletClass + \"\\\"></\" + params.bulletElement + \">\";\n }\n }\n\n $el.html(paginationHTML);\n swiper.pagination.bullets = $el.find(classesToSelector(params.bulletClass));\n }\n\n if (params.type === 'fraction') {\n if (params.renderFraction) {\n paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);\n } else {\n paginationHTML = \"<span class=\\\"\" + params.currentClass + \"\\\"></span>\" + ' / ' + (\"<span class=\\\"\" + params.totalClass + \"\\\"></span>\");\n }\n\n $el.html(paginationHTML);\n }\n\n if (params.type === 'progressbar') {\n if (params.renderProgressbar) {\n paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);\n } else {\n paginationHTML = \"<span class=\\\"\" + params.progressbarFillClass + \"\\\"></span>\";\n }\n\n $el.html(paginationHTML);\n }\n\n if (params.type !== 'custom') {\n swiper.emit('paginationRender', swiper.pagination.$el[0]);\n }\n },\n init: function init() {\n var swiper = this;\n swiper.params.pagination = createElementIfNotDefined(swiper.$el, swiper.params.pagination, swiper.params.createElements, {\n el: 'swiper-pagination'\n });\n var params = swiper.params.pagination;\n if (!params.el) return;\n var $el = $(params.el);\n if ($el.length === 0) return;\n\n if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1) {\n $el = swiper.$el.find(params.el);\n }\n\n if (params.type === 'bullets' && params.clickable) {\n $el.addClass(params.clickableClass);\n }\n\n $el.addClass(params.modifierClass + params.type);\n\n if (params.type === 'bullets' && params.dynamicBullets) {\n $el.addClass(\"\" + params.modifierClass + params.type + \"-dynamic\");\n swiper.pagination.dynamicBulletIndex = 0;\n\n if (params.dynamicMainBullets < 1) {\n params.dynamicMainBullets = 1;\n }\n }\n\n if (params.type === 'progressbar' && params.progressbarOpposite) {\n $el.addClass(params.progressbarOppositeClass);\n }\n\n if (params.clickable) {\n $el.on('click', classesToSelector(params.bulletClass), function onClick(e) {\n e.preventDefault();\n var index = $(this).index() * swiper.params.slidesPerGroup;\n if (swiper.params.loop) index += swiper.loopedSlides;\n swiper.slideTo(index);\n });\n }\n\n extend(swiper.pagination, {\n $el: $el,\n el: $el[0]\n });\n\n if (!swiper.enabled) {\n $el.addClass(params.lockClass);\n }\n },\n destroy: function destroy() {\n var swiper = this;\n var params = swiper.params.pagination;\n if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;\n var $el = swiper.pagination.$el;\n $el.removeClass(params.hiddenClass);\n $el.removeClass(params.modifierClass + params.type);\n if (swiper.pagination.bullets) swiper.pagination.bullets.removeClass(params.bulletActiveClass);\n\n if (params.clickable) {\n $el.off('click', classesToSelector(params.bulletClass));\n }\n }\n};\nexport default {\n name: 'pagination',\n params: {\n pagination: {\n el: null,\n bulletElement: 'span',\n clickable: false,\n hideOnClick: false,\n renderBullet: null,\n renderProgressbar: null,\n renderFraction: null,\n renderCustom: null,\n progressbarOpposite: false,\n type: 'bullets',\n // 'bullets' or 'progressbar' or 'fraction' or 'custom'\n dynamicBullets: false,\n dynamicMainBullets: 1,\n formatFractionCurrent: function formatFractionCurrent(number) {\n return number;\n },\n formatFractionTotal: function formatFractionTotal(number) {\n return number;\n },\n bulletClass: 'swiper-pagination-bullet',\n bulletActiveClass: 'swiper-pagination-bullet-active',\n modifierClass: 'swiper-pagination-',\n // NEW\n currentClass: 'swiper-pagination-current',\n totalClass: 'swiper-pagination-total',\n hiddenClass: 'swiper-pagination-hidden',\n progressbarFillClass: 'swiper-pagination-progressbar-fill',\n progressbarOppositeClass: 'swiper-pagination-progressbar-opposite',\n clickableClass: 'swiper-pagination-clickable',\n // NEW\n lockClass: 'swiper-pagination-lock'\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n pagination: _extends({\n dynamicBulletIndex: 0\n }, Pagination)\n });\n },\n on: {\n init: function init(swiper) {\n swiper.pagination.init();\n swiper.pagination.render();\n swiper.pagination.update();\n },\n activeIndexChange: function activeIndexChange(swiper) {\n if (swiper.params.loop) {\n swiper.pagination.update();\n } else if (typeof swiper.snapIndex === 'undefined') {\n swiper.pagination.update();\n }\n },\n snapIndexChange: function snapIndexChange(swiper) {\n if (!swiper.params.loop) {\n swiper.pagination.update();\n }\n },\n slidesLengthChange: function slidesLengthChange(swiper) {\n if (swiper.params.loop) {\n swiper.pagination.render();\n swiper.pagination.update();\n }\n },\n snapGridLengthChange: function snapGridLengthChange(swiper) {\n if (!swiper.params.loop) {\n swiper.pagination.render();\n swiper.pagination.update();\n }\n },\n destroy: function destroy(swiper) {\n swiper.pagination.destroy();\n },\n 'enable disable': function enableDisable(swiper) {\n var $el = swiper.pagination.$el;\n\n if ($el) {\n $el[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.pagination.lockClass);\n }\n },\n click: function click(swiper, e) {\n var targetEl = e.target;\n\n if (swiper.params.pagination.el && swiper.params.pagination.hideOnClick && swiper.pagination.$el.length > 0 && !$(targetEl).hasClass(swiper.params.pagination.bulletClass)) {\n if (swiper.navigation && (swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl || swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)) return;\n var isHidden = swiper.pagination.$el.hasClass(swiper.params.pagination.hiddenClass);\n\n if (isHidden === true) {\n swiper.emit('paginationShow');\n } else {\n swiper.emit('paginationHide');\n }\n\n swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass);\n }\n }\n }\n};","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 styled from 'styled-components';\r\n\r\nconst ForestBanner = styled.div`\r\n background-image: url(assets/images/banner/forest.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n height: 700px;\r\n\r\n`;\r\n\r\nconst ForestBg = styled.div`\r\n background-image: url(assets/images/nature/forest-png.png);\r\n background-repeat: no-repeat;\r\n background-position: bottom right;\r\n\r\n @media (max-width: 425px) {\r\n background-image: none;\r\n }\r\n`;\r\n\r\nconst Event = styled.div`\r\n background-image: url(assets/images/nature/forest-about.png);\r\n height: 300px;\r\n`;\r\n\r\nconst MarineBg = styled.div`\r\n background-image: url(assets/images/animals/fishes.svg);\r\n background-repeat: no-repeat;\r\n background-position: bottom left;\r\n background-size: 400px;\r\n`;\r\n\r\nconst Slider = styled.div`\r\n .swiper-container {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .swiper-slide {\r\n text-align: justify;\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 object-fit: cover;\r\n }\r\n`;\r\n\r\nexport { ForestBanner, ForestBg, Event, MarineBg, 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 { Slider } from './styles';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\n\r\nimport 'swiper/swiper.min.css';\r\nimport 'swiper/components/navigation/navigation.min.css';\r\nimport 'swiper/components/pagination/pagination.min.css';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Navigation, Pagination } from 'swiper/core';\r\n\r\n// install Swiper modules\r\nSwiperCore.use([Navigation, Pagination]);\r\n\r\nfunction Community() {\r\n const page = 'our_community'\r\n return (\r\n <div className=\"bg-gray-100\">\r\n <EnvironSlider page={page}/>\r\n\r\n <div className='py-8'>\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 md:px-16 px-8'>\r\n <div className='mb-8'>\r\n <h1 className='font-black text-2xl tracking-tight text-green uppercase mb-12 text-mbl-1em'>\r\n OUR COMMUNITY\r\n </h1>\r\n\r\n <div className='mt-6 md:col-span-8 col-span-12'>\r\n <p className='max-w-7xl text-base text-gray-800 mb-4 text-mbl txt-justify'>\r\n The Foundation derives strength from collaborating with diverse groups\r\n that include partners, multilateral agencies, corporate organisations,\r\n government institutions, faith groups, youth groups, local communities,\r\n members and the general public. \r\n </p>\r\n </div>\r\n </div>\r\n\r\n <Slider>\r\n <Swiper\r\n slidesPerView={2}\r\n spaceBetween={15}\r\n slidesPerGroup={2}\r\n loop={true}\r\n loopFillGroupWithBlank={true}\r\n className='mySwiper'\r\n >\r\n <SwiperSlide>\r\n <img src='/assets/images/banner/community.jpeg' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/banner/ourcommunity.jpeg' alt='' />\r\n </SwiperSlide>\r\n </Swiper>\r\n </Slider>\r\n </div>\r\n \r\n <img className=\"papertear2 mb-10em -bottom-20em\" 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-right mt-15em mobTop1em mb-6'>\r\n <h1 className='font-bold text-2xl tracking-tight text-right text-green uppercase text-mbl-1em'>\r\n STRENGTHENING NCF/CAPACITY BUILDING\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 src='/assets/images/groups/capacity-building.png' alt='' />\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 txt-justify'>\r\n Our effort at moving the needle towards achieving our vision,\r\n mission and strategic plans is hinged on building capacities.\r\n Firstly, within the organisation as well as with key\r\n stakeholders.\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\">\r\n Our people are carefully selected to ensure we have\r\n competent, self-motivated and passionate work force.\r\n </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\">\r\n Their individual capacities are enhanced through trainings,\r\n seminars and workshops.\r\n </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\">\r\n The Foundation’s partnership with global conservation\r\n organisations such as IUCN, WWF, RSPB and BirdLife\r\n International provides access to technical expertise, global\r\n best practices, international donor agencies and wealth of\r\n experience of these organisations.\r\n </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\">\r\n We engage other BirdLife International partners on peer\r\n review to learn from each other’s experience in the\r\n conservation field\r\n </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\">\r\n Multinational organisations such as ECOWAS, European Union,\r\n DFID, United States Fish and Wildlife Service, UNDP and a\r\n host of others facilitate linkages to governments and\r\n support us in catalyzing the development of guidelines and\r\n standards to advance social innovations and integrate\r\n research in their process.\r\n </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\">\r\n Capacity building is also directed at developing competence\r\n of our stakeholders who are integral parts of delivering\r\n conservation value. These include Local Conservation Groups,\r\n Site Support Groups, coordinators and members of school\r\n conservation clubs. With the above in mind, the Foundation\r\n aspires to double its current revenue by 2025.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\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 py-12 md:px-16 px-8'>\r\n <div className='text-right mb-6'>\r\n <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n FAITH GROUPS - Nigerian Interfaith Initiative on the Environment\r\n (NIFIE)\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 src='/assets/images/groups/faith-group.png' alt='' />\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 txt-justify'>\r\n Faith Groups have been identified as important stakeholders in\r\n the environment space with many groups taking the front seat in\r\n matters of environment\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\">\r\n In 2015, the Catholic Church came up with Laudato si', the\r\n second encyclical of Pope Francis. The encyclical has the\r\n subtitle \"On Care for Our Common Home\" where the Pope\r\n laments environmental degradation and global warming and\r\n calls all people of the world to take \"swift and unified\r\n global action”.\r\n </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\">\r\n Many teachings abound in Islam on environmental stewardship.\r\n Principles such as Tauhid (Unity); Fitra (Creation); Mizan\r\n (Balance); and Khalifa (Stewardship) are the foundation for\r\n the inter-links between environmental protection and Islam\r\n belief. Hima (Sustainable management); Harim (protection);\r\n Waqf (Trust Fund); and Hisba (Enforcement) are the\r\n approaches or mechanisms that Muslim societies have employed\r\n to observe and implement the tenets of these four principles\r\n </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\">\r\n NCF works with diverse communities of faith groups such as\r\n Catholic Church, Anglican Communion, NASFAT, Da’wah\r\n Coordinating Council of Nigeria, National Council of Muslim\r\n Youth Organisations, Redeemed Christian Church of God,\r\n Pentecostal Fellowship of Nigeria, Soka Gakkai International\r\n (SGI) amongst others.\r\n </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\">\r\n Currently, we are mobilising a coalition of these faith\r\n groups under the umbrella of Nigerian Interfaith Initiative\r\n for the Environment (NIFIE\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <img className=\"papertear1 mt-10em\" src='/assets/images/bg/white-bg.png' alt='' />\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-right mb-6 mt-15em'>\r\n <h1 className='font-bold text-2xl tracking-tight text-right text-green uppercase text-mbl-1em'>\r\n SITE SUPPORT GROUPS (SSGs) AND LOCAL COMMUNITY GROUPS (LCGs)\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 src='/assets/images/groups/site-support-group.png' alt='' />\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 txt-justify'>\r\n Sustainability of projects, programme and other interventions in\r\n communities are critical for lasting and meaningful outputs.\r\n Communities are the direct beneficiaries of our projects\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\">\r\n NCF has an agelong culture of partnering with Local\r\n Conservation Groups in carrying out projects, drawing from\r\n their knowledge of the environment to accomplish\r\n conservation goals while also integrating these LCG’s as\r\n partners in progress. This helps to instill in them, a sense\r\n of ownership.\r\n </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\">\r\n Successes recorded in many of the tree planting projects is\r\n because the seedlings are nurtured to maturity by Local\r\n Conservation Groups and Site Support Groups. The knowledge\r\n that it takes years for trees to grow or for some projects\r\n to be delivered, bolsters the importance of the SSG and the\r\n LCG’s.\r\n </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\">\r\n We establish Site Support Groups and are resourced to\r\n sustain the achievements recorded at project sites. This has\r\n been successfully demonstrated in the case Hadejia-Nguru\r\n where we have used the Site Support Group to maintain\r\n presence, carry out awareness campaign and engagement with\r\n the community.\r\n </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\">\r\n In the same vein Ebrobaken Eco Guards, a Local Conservation\r\n Group established in 2018 have been in the forefront of\r\n providing protection for the migratory bird species in the\r\n Afi Mountain Sanctuary in Cross River State.\r\n </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\">\r\n Recently, a Local Conservation Group, the Gashaka\r\n Biodiversity Conservation Initiative, was established as an\r\n autonomous community group by residents of Gashaka community\r\n to support the conservation efforts of NCF at the\r\n Gashaka-Gumti National Park.\r\n </span>\r\n </li>\r\n </ul>\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-right mb-6'>\r\n <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n MOBILISING CORPORATE ORGANISATIONS AND INDIVIDUAL MEMBERS\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 src='/assets/images/groups/mobilise-corporate.png' alt='' />\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 txt-justify'>\r\n Corporate organisations have been the backbone of the Foundation\r\n over the years. Global Conservation organisations such as WWF,\r\n IUCN and RSPB provide access to expertise and joint project\r\n funding\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\">\r\n Many corporate organisations in Nigeria have demonstrated\r\n commitment towards conservation by partnering with us for\r\n the establishment and maintenance of conservation reserves\r\n such as the renowned Lekki Conservation Centre (Chevron\r\n Nigeria Limited), Becheve Nature Reserve (A.P. Leventis),\r\n Finima Nature Park (Nigerian Liquefied Natural Gas) and\r\n Abuja Conservation Centre (Total E & P).\r\n </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\">\r\n Other organisations have committed to projects like waste\r\n management, environmental education, policy advocacy,\r\n awareness campaign, corporate membership etc.\r\n </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\">\r\n A landmark outcome of our engagement with corporate\r\n organisations was the Nigerian Business for Nature workshop\r\n where coalition of companies across various sectors agreed\r\n to take actions for biodiversity conservation in their\r\n operations. This was supported by the WWF’s New Deal for\r\n Nature and People.\r\n </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\">\r\n Finally, individuals who are passionate about the\r\n environment are our largest community through membership\r\n subscription, donation and bequest. With a strength of over\r\n 5,000, NCF is a strong membership based organisation.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <img className=\"papertear2 mb-10em -bottom-20em\" 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-right mt-15em mobTop5em mb-6'>\r\n <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n YOUTH MOBILISATION\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 src='/assets/images/groups/youth-mobilization.png' alt='' />\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 txt-justify'>\r\n The large population of Nigerian youth, their diversity,\r\n resilience and knowledge are important community we partner with\r\n towards achieving the sustainable development goals.\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\">\r\n We have worked with youth groups across communities,\r\n religious and academic institutions.\r\n </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\">\r\n For many decades, the youths have remained an integral part\r\n of NCF projects, activities, events, awareness campaign,\r\n social media engagements, rallies, membership (where three\r\n quarters of total members are youths) and volunteering. In\r\n effect, they are the most vibrant segment that we engage in\r\n propagating conservation messages.\r\n </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\">\r\n Our Environmental education activities provide platforms\r\n such as school conservation clubs in secondary schools and\r\n tertiary institutions to develop capacities of students in\r\n sustainable environmental management and practices.\r\n </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\">\r\n The youth have taken the lead in the yearly climate strike –\r\n a protest rally to demand action be taken to address climate\r\n change.\r\n </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\">\r\n With funding from the country’s Nationally Determined\r\n Contribution and support from the governments of Germany and\r\n Spain, we worked with over 1,000 youths from 21 institutions\r\n and 12 youth-led initiatives to produce the Climate Change\r\n Youth Action Manual in 2020.\r\n </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\">\r\n In 2020, 10 of the youth we nominated were awarded the Top\r\n 100 Conservation Leaders in Africa\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\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-right mb-6'>\r\n <h1 className='font-bold text-2xl tracking-tight text-left text-green uppercase text-mbl-1em'>\r\n STRATEGIC PARTNERS\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 NCF is affiliated to renowned global conservation organisations.\r\n This relationship has remained crucial since inception and\r\n fosters sharing ideas, joint project development and funding.\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\">\r\n NCF is an associate of World Wildlife Fund for Nature (WWF),\r\n a partner to BirdLife International and a member of the\r\n World Conservation Union (IUCN). These strategic\r\n partnerships have helped in enhancing the Foundation’s\r\n capacity and technical know-how.\r\n </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\">\r\n Our strategic partners offer opportunity to operate across\r\n the continent and globally through a network of\r\n organisations in different countries.\r\n </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\">\r\n Crucially, the strategic partners provide institutional\r\n support to the Foundation and collaborate on projects.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <div className='grid grid-cols-2 gap-x-8'>\r\n <img src='/assets/images/partners/birdlife-white.png' alt='' />\r\n <img src='/assets/images/partners/wwf-white.png' alt='' />\r\n <img src='/assets/images/partners/iucn-white.png' alt='' />\r\n <img src='/assets/images/partners/rspb.jpeg' alt='' />\r\n </div>\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 Community;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0