%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ncf/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ncf/static/js/20.02bcfaef.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/get-involved/components/slider/styles.js","app/main/get-involved/components/slider/Slider.js","app/main/get-involved/styles.js","app/main/get-involved/Individual.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","BirdBg","MemberBanner","FutureBanner","IndividualMembership","size"],"mappings":"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","file":"static/js/20.02bcfaef.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 styled from 'styled-components';\r\n\r\nconst BirdBg = styled.div`\r\n  background-image: url(assets/images/animals/bird-eagle.png),\r\n    url(assets/images/animals/yellow-bird.png);\r\n  background-position: left top, right bottom;\r\n  background-size: 300px;\r\n  background-repeat: no-repeat;\r\n  width: 100%;\r\n`;\r\nconst MemberBanner = styled.div`\r\n  background-image: url(assets/images/groups/membership.png);\r\n  background-position: center;\r\n  background-size: 100%;\r\n  background-repeat: no-repeat;\r\n  width: 100%;\r\n`;\r\nconst FutureBanner = styled.div`\r\n  background-image: url(assets/images/groups/future.png);\r\n  background-position: center;\r\n  background-size: 100%;\r\n  background-repeat: no-repeat;\r\n  width: 100%;\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\r\nexport { BirdBg, MemberBanner, FutureBanner, ForestBg };\r\n","import React from 'react';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport { HiCheck } from 'react-icons/hi';\r\nimport { SocialTabs } from '@nfc';\r\nimport data from './data/mock.json';\r\nimport { ForestBg } from './styles';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction IndividualMembership(props) {\r\n  const page = 'membership'\r\n  return (\r\n    <div className=\"bg-gray-100\">\r\n      <HomeSlider page={page}/>\r\n      \r\n      \r\n      <div className='max-w-7xl mx-auto py-16 md:px-16 px-8'>\r\n        <div className='mb-16 text-center'>\r\n          <h1 className='font-black text-2xl uppercase tracking-tight text-green'>\r\n            INDIVIDUAL MEMBERSHIPS\r\n          </h1>\r\n        </div>\r\n        <div className='grid md:grid-cols-2 grid-cols-1 md:gap-x-16 gap-y-8'>\r\n\r\n            {/* Life Fellows */}\r\n            <div\r\n              className='max-w-md rounded-2xl overflow-hidden h-full shadow-lg'\r\n            >\r\n              <div className=''>\r\n                <div className='mb-2 border-b px-4 py-2'>\r\n                  <h2 className='font-bold uppercase mb-2 text-lg'>LIFE FELLOWS</h2>\r\n                  <p className='text-xs text-gray-600 mb-2'>\r\n                    They are men and women from all walks of life who volunteer\r\n                    their time and service to work with NCF towards the\r\n                    attainment of NCF vision.\r\n                  </p>\r\n                  <span className='text-sm text-gray-900 font-medium'>\r\n                    Registration and Subscription\r\n                  </span>\r\n                </div>\r\n                <div className='px-4 py-2'>\r\n                  <span className='text-sm mb-2'>Starts at:</span>\r\n                  <h3 className='mb-4'>\r\n                    <span className='text-green text-lg font-bold'>\r\n                      N150,000\r\n                    </span>\r\n                    <span className='text-sm'>.00</span>\r\n                  </h3>\r\n\r\n                  <div className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n                  <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free access to NCF Nature reserve sites for eight persons</span>\r\n                      </p>\r\n\r\n                      \r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Invitation to NCF events </span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Complimentary copy of NCF branded Annual Calendar</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free copy of NCF Nature Watch Magazine</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Discounted rate of use of the NCF facility, including Family Picnic Park.</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Tax benefits for donations towards alleviation of environmental problems. </span>\r\n                      </p> \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>NCF e-bulletin and information on environmental issues.</span>\r\n                      </p> \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Regular engagement on environmental issues</span>\r\n                      </p> \r\n                  </div>\r\n\r\n                  <div className=\"flex justify-center py-8 mt-3\">\r\n                    <a href=\"/membership/individual?type=life fellows&price=150000\" className=\"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded \">Get Started</a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n\r\n            {/* FELLOWS */}\r\n            <div\r\n              className='max-w-md rounded-2xl overflow-hidden h-full shadow-lg'\r\n            >\r\n              <div className=''>\r\n                <div className='mb-2 border-b px-4 py-2'>\r\n                  <h2 className='font-bold uppercase mb-2 text-lg'>FELLOWS</h2>\r\n                  <span className='text-sm text-gray-900 font-medium'>\r\n                    Registration and Subscription\r\n                  </span>\r\n                </div>\r\n                <div className='px-4 py-2 mt-8'>\r\n                  <span className='text-sm mb-2'>Starts at:</span>\r\n                  <h3 className='mb-4'>\r\n                    <span className='text-green text-lg font-bold'>\r\n                      N25,000\r\n                    </span>\r\n                    <span className='text-sm'>.00</span>\r\n                  </h3>\r\n\r\n                  <div className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n                   \r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free access to NCF Nature reserve sites for eight persons</span>\r\n                      </p>\r\n\r\n                      \r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Invitation to NCF events </span>\r\n                      </p>  \r\n\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>NCF e-bulletin and information on environmental issues.</span>\r\n                      </p> \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Complimentary copy of NCF branded Annual Calendar</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free copy of NCF Nature Watch Magazine</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Discounted rate of use of the NCF facility, including Family Picnic Park.</span>\r\n                      </p>\r\n                  </div>\r\n\r\n                  <div className=\"flex justify-center py-8 mt-3\">\r\n                    <a href=\"/membership/individual?type=fellows&price=25000\" className=\"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded \">Get Started</a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n\r\n            {/* FAMILY */}\r\n            <div\r\n              className='max-w-md rounded-2xl overflow-hidden h-full shadow-lg'\r\n            >\r\n              <div className=''>\r\n                <div className='mb-2 border-b px-4 py-2'>\r\n                  <h2 className='font-bold uppercase mb-2 text-lg'>FAMILY</h2>\r\n                  <span className='text-sm text-gray-900 font-medium'>\r\n                    Registration and Subscription\r\n                  </span>\r\n                </div>\r\n                <div className='px-4 py-2'>\r\n                  <span className='text-sm mb-2'>Starts at:</span>\r\n                  <h3 className='mb-4'>\r\n                    <span className='text-green text-lg font-bold'>\r\n                      N7500\r\n                    </span>\r\n                    <span className='text-sm'>.00</span>\r\n                  </h3>\r\n\r\n                  <div className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n                  <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free use of NCF Library</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free access to NCF Nature reserve sites for six persons (two adult, four children of 1-17years)</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Invitation to specific NCF events </span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Information about NCF environmental programs.</span>\r\n                      </p> \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>NCF e-bulletin and information on environmental issues.</span>\r\n                      </p> \r\n                  </div>\r\n\r\n                  <div className=\"flex justify-center py-8 mt-3\">\r\n                    <a href=\"/membership/individual?type=family&price=7500\" className=\"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded \">Get Started</a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n\r\n\r\n            {/* INDIVIDUAL */}\r\n            <div\r\n              className='max-w-md rounded-2xl overflow-hidden h-full shadow-lg'\r\n            >\r\n              <div className=''>\r\n                <div className='mb-2 border-b px-4 py-2'>\r\n                  <h2 className='font-bold uppercase mb-2 text-lg'>INDIVIDUAL</h2>\r\n                  <span className='text-sm text-gray-900 font-medium'>\r\n                    Registration and Subscription\r\n                  </span>\r\n                </div>\r\n                <div className='px-4 py-2'>\r\n                  <span className='text-sm mb-2'>Starts at:</span>\r\n                  <h3 className='mb-4'>\r\n                    <span className='text-green text-lg font-bold'>\r\n                      N2500\r\n                    </span>\r\n                    <span className='text-sm'>.00</span>\r\n                  </h3>\r\n\r\n                  <div className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n                  <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free use of NCF Library</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free access to NCF Nature reserve sites for one person.</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Invitation to specific NCF events </span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Information about NCF environmental programs.</span>\r\n                      </p> \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>NCF e-bulletin and information on environmental issues.</span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'> Opportunity to apply for the annual Chief S. L Edu Research Grant (PHD).</span>\r\n                      </p> \r\n                  </div>\r\n\r\n                  <div className=\"flex justify-center py-8 mt-3\">\r\n                    <a href=\"/membership/individual?type=individual&price=2500\" className=\"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded \">Get Started</a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n\r\n\r\n            {/* STUDENT */}\r\n            <div\r\n              className=' max-w-md rounded-2xl overflow-hidden h-full shadow-lg'\r\n            >\r\n              <div className=''>\r\n                <div className='mb-2 border-b px-4 py-2'>\r\n                  <h2 className='font-bold uppercase mb-2 text-lg'>STUDENT</h2>\r\n                  <span className='text-sm text-gray-900 font-medium'>\r\n                    Registration and Subscription\r\n                  </span>\r\n                </div>\r\n                <div className='px-4 py-2'>\r\n                  <span className='text-sm mb-2'>Starts at:</span>\r\n                  <h3 className='mb-4'>\r\n                    <span className='text-green text-lg font-bold'>\r\n                      N1000\r\n                    </span>\r\n                    <span className='text-sm'>.00</span>\r\n                  </h3>\r\n\r\n                  <div className='w-full rounded-lg mt-2 mb-3 text-gray-800'>\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free use of NCF Library</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Free access to NCF Nature reserve sites for one person.</span>\r\n                      </p>\r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Invitation to specific NCF events </span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>Information about NCF environmental programs.</span>\r\n                      </p> \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'>NCF e-bulletin and information on environmental issues.</span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'> Opportunity to apply for the annual Chief S. L Edu Research Grant (PHD).</span>\r\n                      </p>  \r\n\r\n                      <p  className='flex items-start p-1 pl-0'>\r\n                        <HiCheck\r\n                          size={16}\r\n                          className='text-green mr-2 mt-0.5 flex-none'\r\n                        />\r\n                        <span className='text-sm'> Opportunity to apply for the NCF youth internship program.</span>\r\n                      </p> \r\n                  </div>\r\n\r\n                  <div className=\"flex justify-center py-8 mt-3\">\r\n                    <a href=\"/membership/individual?type=student&price=1000\" className=\"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded \">Get Started</a>\r\n                  </div>\r\n                </div>\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 IndividualMembership;\r\n"],"sourceRoot":""}

Zerion Mini Shell 1.0