%PDF- %PDF-
Direktori : /home/opti/public_html/ncf/static/js/ |
Current File : /home/opti/public_html/ncf/static/js/26.f97b4b01.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/styles.js","app/main/our-work/banners/OurWorkSlider.js","app/main/our-work/index.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","ForestBg","MarineBg","OurWorkSlider","props","images","setImages","imageData","page","OurWork"],"mappings":"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","file":"static/js/26.f97b4b01.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 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 styled from 'styled-components';\r\nimport \"../../style.css\"\r\n\r\nfunction OurWorkSlider(props) {\r\n\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\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 OurWorkSlider;\r\n","import React from 'react';\r\nimport { SocialTabs } from '@nfc';\r\nimport { ForestBg } from './styles';\r\nimport OurWorkSlider from './banners/OurWorkSlider';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction OurWork() {\r\n\r\n const page = 'habitat_foreign_green'\r\n return (\r\n <div>\r\n <OurWorkSlider page={page}/>\r\n <ForestBg className=' relative w-full bg-gray-100'>\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-25em -top-25em'\r\n />\r\n <div className='relative max-w-7xl mx-auto pt-16 md:px-16 px-8'> \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'>\r\n <h1 className='text-3xl font-bold text-green mb-6 uppercase text-mbl-1em'>\r\n Forest Programme\r\n </h1>\r\n <p className='text-base text-mbl txt-justify'>\r\n The forest programme has its focus on conserving and recovering\r\n Nigeria’s forest cover which is being depleted at an alarming\r\n rate. As a response to this, NCF deliberately developed an\r\n Initiative – Green Recovery Nigeria (GRN), as the flagship\r\n programme of the Foundation. The goal of GRN is to help increase\r\n forest cover from its current state of about 4-7% to 25% by\r\n 2047. The GRN Initiative is intended to harmonize actions\r\n targeted at rapid reversal of the loss of forest cover and\r\n consequently curbing the rapidly increasing threats to the\r\n natural environment as well as preventing the potentially\r\n drastic consequences for our planet. NCF is determined to build\r\n on more than three decades of conservation leadership and\r\n partnerships with government, corporate organisations,\r\n communities and other stakeholders. Typical consideration under\r\n GRN is the understanding of deforestation and livelihood. The\r\n project is hinged on 4 pillars:\r\n </p>\r\n\r\n <ul className='w-full rounded-lg text-gray-800 mt-8 md:-ml-3'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n\r\n <span className=\"text-mbl txt-justify\">Protected Area Expansion and Management</span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">Forest Landscape Restoration</span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">Sustainable Forest Management</span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">Sustainable Livelihoods</span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div></div>\r\n \r\n </div>\r\n </div>\r\n <img className=\"papertear2 mb-25em -bottom-20em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n </ForestBg>\r\n <div className='w-full bg-white'>\r\n <div className='max-w-7xl mx-auto pt-8 pb-4 md:px-16 px-8'>\r\n <div className='text-left mb-6'>\r\n <h1 className='font-bold text-xl tracking-tight text-green uppercase text-mbl-1em'>\r\n Protected Area Management\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='mt-6 col-span-8'>\r\n <p className='text-base font-base text-mbl txt-justify'>\r\n This is our initiative inaugurated to protect Nigeria’s marine\r\n ecosystem. Though, with abundant biodiversity resources, this\r\n ecosystem has neither been systematically studied nor\r\n documented. The programme seek to achieve the following:\r\n </p>\r\n </div>\r\n <div className='col-span-4'></div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='relative z-index-3 w-full bg-white'>\r\n <div className='max-w-7xl mx-auto py-8 md:px-16 px-8'>\r\n <div className='text-left mb-6'>\r\n <h1 className='font-black text-xl text-right text-gray-800 text-mbl-1em'>\r\n Becheve Nature Reserve\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-5 col-span-12'>\r\n <img src='/assets/images/nature/becheve.png' alt='' />\r\n </div>\r\n <div className='mt-6 md:col-span-7 col-span-12'>\r\n <p className='text-base mb-4 text-mbl txt-justify'>\r\n Becheve Nature Park is classic example of partnership in\r\n community forest management – jointly owned by 6 communities and\r\n farmed out to NCF to manage with active collaboration of the\r\n communities since 2003.\r\n </p>\r\n\r\n <p className='text-base text-mbl txt-justify'>\r\n The 132-hectares of lush forest that makes up the BNR and the\r\n adjoining Obudu plateau supports 31 of the 37 qualifying species\r\n placed under the Afro-tropical highlands biome species. Our\r\n activities include community engagement and mobilisation which\r\n often involve women and climate change, environmental education,\r\n biological monitoring, and active afforestation.{' '}\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n As part of the ecotourism initiative of the Cross Rivers State\r\n Government (CRSG), Becheve was selected as one of the tourist\r\n sites in the State. In 2006, the CRSG erected a canopy walkway\r\n in the Reserve for tourists and visitors’ use. The project is\r\n supported by Leventis Foundation.\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='w-full bg-gray-100'>\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-16 md:px-16 px-8'>\r\n <div className='text-left -mb-9 lg:-mt-40'>\r\n <h1 className='font-black text-xl text-left text-gray-800 text-mbl-1em'>\r\n Finima Nature Park\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 Established by the Nigerian Liquefied Natural Gas Company (NLNG)\r\n in 2001, the Finima Nature Park came from a consensus by the\r\n communities of Finima and Bonny in Rivers State, South – South,\r\n Nigeria to protect the forests for its integrity, biodiversity\r\n and the ecosystems services it provides for human settlements.\r\n </p>\r\n\r\n <p className='text-base mb-4 text-mbl txt-justify'>\r\n Since 2011, The Nigerian Conservation Foundation have been\r\n managing the park having succeeded the Niger Delta Wetland\r\n Centre (NDWC). We consolidated the efforts of NDWC and built new\r\n frontiers for conservation, stronger community\r\n institutionalisation and injected renewed energy on research,\r\n biodiversity protection and public education.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n The 1000 hectares Park provides a golden opportunity to show\r\n genuine commitment of the people of the Niger Delta to\r\n contribute to environmental protection for the benefit of not\r\n only the indigenes of the area but as a place of pride for the\r\n people of the Niger Delta and Nigeria at large. It add value to\r\n biodiversity and enhance opportunities for sound environmental\r\n management and promote environmental education and research.\r\n </p>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/nature/finima.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className='w-full bg-gray-100'>\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8'>\r\n <div className='text-left mb-6'>\r\n <h1 className='font-black text-xl text-right text-gray-800 text-mbl-1em'>\r\n Omo Forest Reserve\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-5 col-span-12'>\r\n <img src='/assets/images/nature/omo_forest.png' alt='' />\r\n </div>\r\n <div className='mt-6 md:col-span-7 col-span-12'>\r\n <p className='text-base mb-4 text-mbl txt-justify'>\r\n Omo Forest Reserve hold the last remaining forest in\r\n South-Western Nigeria and it has been found to be biologically\r\n unique. Owned by the Ogun State Government, we act as technical\r\n partners and helped establish wildlife sanctuary within the\r\n reserve which we have been managing since 1989.\r\n </p>\r\n\r\n <p className='text-base mb-4 text-mbl txt-justify'>\r\n The sanctuary serve to preserve the last population of African\r\n forest elephants Loxodonta africana cyclotis, the\r\n Nigerian-Cameroon chimpanzee Troglodytes ellioti, the white\r\n throat monkey Cercopithecus erythrogaster and the yellow-casqued\r\n hornbill Ceratogymna elata, all of which has been designated as\r\n threatened.\r\n </p>\r\n <p className='text-base text-mbl txt-justify'>\r\n The forest reserve is seriously threatened by logging, hunting,\r\n clearance for farmland and other human activities. Thus, apart\r\n from conservation activities which caters to afforestation and\r\n biodiversity monitoring, our roles equally involve advocacy,\r\n community engagement and environmental education.\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <img className=\"papertear2 mb-10em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n </div>\r\n\r\n <div className='relative z-index-3 w-full bg-white mt-20em'>\r\n <div className='max-w-7xl mx-auto py-12 md:px-16 px-8'>\r\n <div className='text-left -mb-9'>\r\n <h1 className='font-black tracking-tight text-xl text-left text-gray-800 text-mbl-1em'>\r\n Lekki Conservation Centre\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-7 col-span-12'>\r\n <p className='text-base mb-4 text-mbl txt-justify'>\r\n The Lekki Conservation Centre has come to symbolise our\r\n successful conservation effort at the Nigerian Conservation\r\n Foundation. Lekki Conservation Centre showcases unique\r\n biodiversity, scenic, natural, scientific and recreational\r\n values of the coastal environment of the south-western Nigeria.\r\n </p>\r\n\r\n <p className='text-base text-mbl txt-justify'>\r\n Founded in 1990 as a flagship project, LCC was established to\r\n preserve the representative sample of vegetation and animals of\r\n the Lekki Peninsula. Today, the centre is renowned as an icon of\r\n nature conservation and pearl of ecotourism, twice scooping\r\n TripAdvisor awards. With over 250,000 tourists and visitors\r\n yearly, LCC has become a powerful resource centre providing\r\n environmental education, research, public engagement and policy\r\n advocacy amongst others while events such as the World\r\n Environment Day, World Wildlife Day are hosted at the Centre.\r\n </p>\r\n </div>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/lekki_conversative.png' alt='' />\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-left -mb-9'>\r\n <h1 className='font-black tracking-tight text-2xl text-left text-green uppercase text-mbl-1em'>\r\n FOREST LANDSCAPE RESTORATION\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-7 col-span-12'>\r\n <p className='text-base mb-4 text-mbl txt-justify'>\r\n NCF approaches Forest Landscape Restoration (FLR) from two\r\n principal areas – reforestation and afforestation. Examples of\r\n areas under FLR that NCF has carried out include:\r\n </p>\r\n\r\n <ul className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">\r\n Green Development: We look closely with Estate developers to\r\n ensure that their development to set aside green areas while\r\n developing. We have been successful in some major projects\r\n prominent among which is the Abuja Technology Village Free\r\n Zone which is poised to be poised to become Africa’s\r\n preferred destination for technology research, incubation,\r\n development and commercialisation across four (4) focus\r\n sectors of Information and Communication Technology,\r\n Biotechnology, Minerals Technology and Energy Technology.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/green-dev.png' alt='' />\r\n </div>\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-7 col-span-12'>\r\n <ul className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">\r\n Green Development: We look closely with Estate developers to\r\n ensure that their development to set aside green areas while\r\n developing. We have been successful in some major projects\r\n prominent among which is the Abuja Technology Village Free\r\n Zone which is poised to be poised to become Africa’s\r\n preferred destination for technology research, incubation,\r\n development and commercialisation across four (4) focus\r\n sectors of Information and Communication Technology,\r\n Biotechnology, Minerals Technology and Energy Technology.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/community_farmers.png' alt='' />\r\n </div>\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-7 col-span-12'>\r\n <ul className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">\r\n Promoting School Gardens: we work closely with schools to\r\n promote gardens within their schools. Apart from providing\r\n nutritional supplement for the school pupils, it provides a\r\n field laboratory for Agricultural science to promote food\r\n security. It also helps in greening the school environment\r\n thereby improving the micro-climatic conditions of the\r\n school.\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/school_garden.png' alt='' />\r\n </div>\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-7 col-span-12'>\r\n <ul className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">\r\n Encouraging Research Plots within Universities: We have\r\n collaborations with universities to establish Green Areas\r\n that can be used as conservation and research plots. We\r\n currently have partnership with Nnamdi Azikiwe University\r\n Awka and Nasarawa State University Keffi\r\n </span>\r\n </li>\r\n </ul>\r\n </div>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/university_plot.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n\r\n <div className='w-full bg-gray-100 py-8'>\r\n\r\n <div className='max-w-7xl mx-auto pt-16 md:px-16 px-8'>\r\n <div className='text-right mb-4'>\r\n <h1 className='font-bold tracking-tight text-xl text-green uppercase text-mbl-1em'>\r\n Sustainable Forest Management\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-center'>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/nature/forest_mgt.png' alt='' />\r\n </div>\r\n <div className='md:col-span-8 col-span-12'>\r\n <p className=\"text-mbl txt-justify\">\r\n Sustainable Forest Management (SFM) is a major component of the\r\n GRN Initiative. This is ensuring the proper and sustainable use\r\n of forest resources for the present and future generations. This\r\n approach considers innovation solutions partnering with\r\n corporate organizations, local communities and farmers. We\r\n conducted Community Based REDD+ projects in some communities in\r\n Boki Local Government Area of Cross River State, where community\r\n folks were organized into User Groups and Community Bye-Laws\r\n strengthened. We are working closely with corporate organization\r\n utilizing forest resources to adhere to strict standards that\r\n will promote SFM. Standards such as the Roundtable on\r\n Sustainable Palm Oil (RSPO).\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-8 relative z-10'>\r\n <div className='max-w-7xl mx-auto pt-16 md:px-16 px-8'>\r\n <div className='text-right -mb-9'>\r\n <h1 className='font-bold tracking-tight text-xl text-green uppercase text-mbl-1em'>\r\n Sustainable livelihoods\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-center'>\r\n <div className='md:col-span-8 col-span-12'>\r\n <p className='mb-4 text-mbl txt-justify'>\r\n Under the Sustainable Livelihoods of the GRN, we intentionally\r\n develop programmes that would help forest communities to live\r\n more independently on forest resources.\r\n </p>\r\n <p className=\"text-mbl txt-justify\">\r\n Where they must do so, they do it sustainably. The component\r\n involves providing alternation or efficient source of energy,\r\n improving their farm production and providing equipment that\r\n will minimize post-harvest loss by improving the value chain of\r\n their farm produce. Processing plants, cooperative revolving\r\n loans, improved plant variety, energy efficient stoves etc have\r\n been providing for such forest dwelling communities\r\n </p>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img\r\n src='/assets/images/nature/sustainable_livelihood.png'\r\n alt=''\r\n />\r\n </div>\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 OurWork;\r\n"],"sourceRoot":""}