%PDF-
%PDF-
Mini Shell
Mini Shell
{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","app/actions/contact.js","app/main/home/styles.js","app/main/home/components/slider/styles.js","app/main/home/components/slider/Slider.js","app/main/home/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","enquiryAction","enquiryData","method","headers","body","JSON","stringify","response","message","setItem","window","location","reload","NatureDiv","styled","div","Event","EventLeft","EventRight","Slider","SwiperCore","use","Autoplay","Pagination","images","setImages","removeL","strl","replace","imgs","reverse","allowTouchMove","autoplay","delay","disableOnInteraction","direction","pagination","clickable","scrollbar","draggable","map","image","title","description","link","button_name","Navigation","Home","error","success","setTimeout","removeItem","recentposts","setrecentPosts","currentposts","slice","indexofLastpost","navigation","_","range","i","post","Card","CardImg","top","width","CardBody","cat","name","id","CardTitle","testimonials","ts","avatar","text","UncontrolledAlert","color","onSubmit","e","preventDefault","form","document","getElementById","fullname","elements","uemail","umessage","utel","value","email","tel","placeholder","type","rows","slidesPerView","spaceBetween","slidesPerGroup","loop","loopFillGroupWithBlank"],"mappings":"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","file":"static/js/33.e79b1da7.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","import {SERVER_URL, CLIENT_URL} from '../config/server';\r\n\r\nconst enquiryAction = (enquiryData) =>{\r\n console.log(enquiryData)\r\n fetch(`${SERVER_URL}/home/enquiry`, {\r\n method: 'POST',\r\n headers:{\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json'\r\n },\r\n body: JSON.stringify(enquiryData)\r\n }).then(response => response.json())\r\n .then(json => {\r\n console.log(json.message, 'json')\r\n if(json.status === 200){\r\n localStorage.setItem('message-success', JSON.stringify(json.message));\r\n window.location.reload();\r\n }else if(json.status === 422){\r\n localStorage.setItem('message-error', JSON.stringify(json.message));\r\n window.location.reload();\r\n }else{\r\n localStorage.setItem('message-error', JSON.stringify(json.message));\r\n window.location.reload();\r\n }\r\n });\r\n}\r\n\r\nexport default enquiryAction\r\n","import styled from 'styled-components';\r\n\r\nconst NatureDiv = styled.div`\r\n background-image: url(assets/images/nature/stats.png);\r\n`;\r\nconst Event = styled.div`\r\n background-image: url(assets/images/nature/event-1.png);\r\n height: 600px;\r\n`;\r\nconst EventLeft = styled.div`\r\n background-image: url(assets/images/nature/event-2.png);\r\n`;\r\nconst EventRight = styled.div`\r\n background-image: url(assets/images/nature/event-3.png);\r\n`;\r\nconst SponsorDiv = styled.div`\r\n background-image: url(assets/images/bg/white-bg.png);\r\n`;\r\nconst ContactDiv = styled.div`\r\n background-image: url(assets/images/bg/contact-bg.png);\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 width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n`;\r\n\r\nexport {\r\n NatureDiv,\r\n Event,\r\n EventLeft,\r\n EventRight,\r\n Slider,\r\n SponsorDiv,\r\n ContactDiv,\r\n};\r\n","import styled from \"styled-components\"\r\n\r\nconst Slider = styled.div`\r\n position: relative;\r\n z-index: 2;\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\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\";\r\nimport _ from \"lodash\";\r\nimport \"./slider.css\";\r\n\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport { SERVER_URL } from \"../../../../config/server\";\r\n\r\nimport SwiperCore, { Autoplay, Pagination } from \"swiper/core\";\r\n\r\nSwiperCore.use([Autoplay, Pagination]);\r\n\r\nfunction Slider() {\r\n const [images, setImages] = useState([]);\r\n\r\n //Fetching slider images\r\n\r\n useEffect(() => {\r\n const fetchImages = () => {\r\n fetch(`${SERVER_URL}/image/home-slides`)\r\n .then((res) => res.json())\r\n .then((json) => {\r\n if (json.status === 200) {\r\n const imgs = json.data;\r\n setImages(imgs.reverse());\r\n } else {\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n };\r\n\r\n fetchImages();\r\n }, []);\r\n\r\n function removeL(strl) {\r\n if (strl !== null) {\r\n const str = strl;\r\n const newStr = str.replace(\"<br>\", \"\");\r\n const realStr = newStr.replace(\"<br>\", \"\");\r\n return realStr;\r\n }\r\n }\r\n\r\n return (\r\n <SliderContainer className=\"mt-6\">\r\n <Swiper\r\n allowTouchMove={false}\r\n autoplay={{\r\n delay: 5000,\r\n disableOnInteraction: false,\r\n }}\r\n direction={\"vertical\"}\r\n pagination={{ clickable: true }}\r\n scrollbar={{\r\n draggable: false,\r\n }}\r\n className=\"mySwiper\"\r\n >\r\n {images.map((image) => (\r\n <SwiperSlide allowTouchMove={false}>\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 slider-info\">\r\n <div className=\"content\">\r\n <h1 className=\"text-4xl font-bold text-white\">\r\n {\" \"}\r\n {image.title}{\" \"}\r\n </h1>{\" \"}\r\n <p className=\"font-light text-white mb-6\">\r\n {\" \"}\r\n {removeL(image.description)}\r\n </p>\r\n <a href={image.link}>\r\n <button className=\"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded\">\r\n {\" \"}\r\n {image.button_name}{\" \"}\r\n </button>{\" \"}\r\n </a>{\" \"}\r\n </div>{\" \"}\r\n </div>{\" \"}\r\n </div>{\" \"}\r\n </div>{\" \"}\r\n <img\r\n src={`https://admin.ncfnigeria.org/images/banners/${image.image}`}\r\n alt=\"\"\r\n />\r\n </div>{\" \"}\r\n </SwiperSlide>\r\n ))}\r\n </Swiper>\r\n </SliderContainer>\r\n );\r\n}\r\n\r\nexport default Slider;\r\n","import React, { useState, useEffect } from 'react';\r\nimport _ from 'lodash';\r\nimport { FiCalendar } from 'react-icons/fi';\r\nimport { ImLocation } from 'react-icons/im';\r\nimport data from './data/mock.json';\r\nimport { Event, EventLeft, EventRight, NatureDiv, Slider } from './styles';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport HomeSlider from './components/slider/Slider';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport enquiryAction from '../../actions/contact'\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 \"../style.css\"\r\nimport './home.css'\r\nimport {UncontrolledAlert ,Alert, Card, CardImg, CardText, CardBody,CardTitle} from 'reactstrap'\r\nimport {SERVER_URL} from '../../config/server';\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from 'swiper/core';\r\n\r\n// install Swiper modules\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nfunction Home() {\r\n const messageHandler = (e) =>{\r\n e.preventDefault();\r\n const form = document.getElementById('con');\r\n const fullname = form.elements['name'];\r\n const uemail = form.elements['email'];\r\n const umessage = form.elements['message'];\r\n const utel = form.elements['tel'];\r\n const name = fullname.value\r\n const email = uemail.value\r\n const message = umessage.value\r\n const tel = utel.value\r\n const data = {\r\n name,\r\n email,\r\n tel,\r\n message,\r\n }\r\n\r\n enquiryAction(data)\r\n }\r\n\r\n\r\n const error = localStorage.getItem('message-error');\r\n const success = localStorage.getItem('message-success');\r\n setTimeout(function() {\r\n localStorage.removeItem('message-error');\r\n }, 500)\r\n setTimeout(function() {\r\n localStorage.removeItem('message-success');\r\n }, 500)\r\n\r\n // Fetching News and Updates\r\n\r\n \r\n const [recentposts, setrecentPosts] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchPosts =() =>{\r\n fetch(`${SERVER_URL}/blog/all`)\r\n .then(res => res.json())\r\n .then(json => {\r\n console.log(json.message, 'json')\r\n if(json.status === 200){\r\n setrecentPosts(json.data.data);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchPosts();\r\n }, []);\r\n\r\n const indexofLastpost = 1 * 3;\r\n const indexofFirstpost = indexofLastpost - 3;\r\n const currentposts = recentposts.slice(indexofFirstpost,indexofLastpost)\r\n\r\n return (\r\n <div className='w-full bg-gray-100'>\r\n <HomeSlider />\r\n \r\n <div className='w-full bg-gray-100'>\r\n <SliderBar/>\r\n <div className=\"mt-48 mb-10em\">\r\n <img\r\n src='/assets/images/bg/white-rect.png'\r\n className='home-naturediv-top-papertear white-rect'\r\n />\r\n </div>\r\n <div className='max-w-7xl mx-auto py-16 md:px-8 px-8'>\r\n <div className='text-center mb-6'>\r\n <h1 className='font-bold text-3xl text-gray-800 mb-2 mt-4 text-mbl-1em'>OUR WORK</h1>\r\n <p className='text-base text-mbl'>\r\n We protect the environment and transform <br />\r\n livelihood through our programmes\r\n </p>\r\n </div>\r\n <Slider>\r\n <Swiper\r\n navigation={true}\r\n pagination={{ clickable: true }}\r\n className='mySwiper'\r\n >\r\n {_.range(3).map((i) => (\r\n <SwiperSlide key={i}>\r\n <div className='w-full'>\r\n <div className='grid md:grid-cols-2 grid-cols-1 md:gap-8 items-center md:mb-0 mb-16'>\r\n <div className='colum'>\r\n <div className='block'>\r\n <h1 className='text-2xl font-bold text-green mb-2 text-mbl-1em'>\r\n FOREST PROGRAMME\r\n </h1>\r\n <h3 className='text-base text-mbl txt-justify mb-8'>\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 rate. \r\n As a response to this, NCF deliberately developed an Initiative – Green \r\n Recovery Nigeria (GRN), as the flagship programme of the Foundation. The goal \r\n of GRN is to help increase forest cover from its current state of about 4-7% to 25% by 2047.\r\n </h3>\r\n <a href=\"/forest\"className='bg-green hover:bg-green-800 text-white font-bold py-2 px-6 mt-6'>\r\n Read More\r\n </a>\r\n </div>\r\n </div>\r\n <div className='colum'>\r\n <img src='/assets/images/nature/forest.png' alt='' />\r\n </div>\r\n </div>\r\n\r\n <div className='grid md:grid-cols-2 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className=''>\r\n <img src='/assets/images/nature/species.png' alt='' />\r\n </div>\r\n <div className='block'>\r\n <h1 className='text-2xl mb-2 font-bold text-green text-mbl-1em'>\r\n SPECIES CONSERVATION\r\n </h1>\r\n <h3 className='text-base text-mbl txt-justify mb-8'>\r\n The conservation of wildlife species and their habitats occupies \r\n a central position in the work of NCF. This focus on species is \r\n influenced by several factors. <br/>\r\n First, is the fact that species face serious conservation challenges. \r\n Further, the degradation of their habitats and sometimes the larger ecosystem \r\n which they occupy has continued unabated. Since species play varied roles in ecosystem \r\n maintenance and habitat management, their conservation is regarded as crucial for general \r\n ecosystem processes.\r\n </h3>\r\n <a href=\"species\" className='bg-green hover:bg-green-800 text-white font-bold py-2 px-6 mt-6 text-mbl-1em'>\r\n Read More\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </SwiperSlide>\r\n ))}\r\n </Swiper>\r\n </Slider>\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 className=\"\">\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8 z-index-2'>\r\n <div className='text-center mb-6'>\r\n <h1 className='font-bold text-2xl mb-2 text-mbl-1em'>OUR EXPERIENCE</h1>\r\n <div className='text-sm leading-5 text-mbl'>\r\n We work with diverse groups, governments, international\r\n organisations,\r\n <br />\r\n corporate organisations, communities and individual.\r\n <br />\r\n This has conferred enviable milestones spanning over 4 decades on\r\n the Foundation.\r\n </div>\r\n </div>\r\n <div className='grid md:grid-cols-2 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className=''>\r\n <img src='/assets/images/nature/experiences.png' alt='' />\r\n </div>\r\n <div className='block'>\r\n <h1 className='text-2xl mb-2 font-bold text-green text-mbl-1em'>MILESTONES</h1>\r\n <div className=\"text-mbl txt-justify\">\r\n <p>1984 – Assisted to develop National Conservation Strategy</p>\r\n <p>1985 – Supported the enactment of Endangered Species Decree</p>\r\n <p>1990 – Established the Lekki Conservation Centre</p>\r\n <p>\r\n 1992 – Established the Hadejia-Nguru wetland conservation project\r\n </p>\r\n </div>\r\n\r\n <p className='mt-4'>\r\n <a href='/' className='font-bold italic text-green'>\r\n Learn More\r\n </a>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <NatureDiv className='bg-center bg-no-repeat bg-cover min-h-full text-white'>\r\n <div className='bg-gray-900 bg-opacity-50'>\r\n <img className=\"home-naturediv-top-papertear -top-10em mb-5em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n <div className='max-w-7xl mx-auto md:px-16'>\r\n <div className='grid md:grid-cols-1 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className='block milestones text-mbl txt-justify'>\r\n <p>\r\n Green Recovery Nigeria Is Our Initiative To Restore\r\n <br />\r\n Nigeria’s Forest Cover To A Minimum Of 25%\r\n <br />\r\n Over The Next 30 Years.\r\n </p>\r\n <p className='is-size-7'>\r\n We are achieving this by restoring the mangroves and\r\n reclaiming the deserts\r\n </p>\r\n <div className='flex items-end milestone-imgs justify-between max-w-4xl space-x-8 mt-4'>\r\n <div className='flex flex-col text-center'>\r\n <img alt='' src='/assets/images/icons/bundle-cash.svg' />\r\n <span>FUND NEEDED</span>\r\n <hr className='h-0 my-2 border-0 border-t border-solid border-white' />\r\n <span>₦ 10,000,000</span>\r\n </div>\r\n <div className='flex flex-col text-center'>\r\n <img alt='' src='/assets/images/icons/money-1.svg' />\r\n <span>FUND RAISED</span>\r\n <hr className='h-0 my-2 border-0 border-t border-solid border-white' />\r\n <span>₦ 2,000,000</span>\r\n </div>\r\n <div className='flex flex-col text-center'>\r\n <img alt='' src='/assets/images/icons/tree.svg' />\r\n <span>TREE PLANTED</span>\r\n <hr className='h-0 my-2 border-0 border-t border-solid border-white' />\r\n <span>150 Hectares</span>\r\n </div>\r\n <div className='flex flex-col text-center'>\r\n <img alt='' src='/assets/images/icons/tree.svg' />\r\n <span>TREE TO GO</span>\r\n <hr className='h-0 my-2 border-0 border-t border-solid border-white' />\r\n <span>1,000,000 Hectares</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <img className=\"home-naturediv-bottom-papertear mt-5em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n </div>\r\n </NatureDiv>\r\n\r\n <div className='max-w-7xl mx-auto py-16 w-100 mt-8 z-index-2'>\r\n <div className='text-center mb-12 mt-10em mobTop5em'>\r\n <h1 className='font-bold text-xl text-gray-600'>NEWS AND UPDATE</h1>\r\n <span className='text-sm'>\r\n Latest information on programmes and events.\r\n </span>\r\n </div>\r\n <div className='grid md:grid-cols-3 md:px-16 px-8 grid-cols-1 md:gap-x-16 gap-y-8'>\r\n {currentposts.map((post) => (\r\n <Card className='blogPostCard'>\r\n <CardImg top width=\"100%\" className=\"max-h-60\" src={`https://admin.ncfnigeria.org/images/blog/${post.image}`} alt=\"Card image cap\" />\r\n <CardBody className=\"px-6 py-4\">\r\n <p className='text-gray-400 text-sm mt-4 mb-4'>\r\n { post.cat.name }\r\n </p>\r\n\r\n <a className='text-black' href={`blog/post?id=${post.id}`}>\r\n <CardTitle className='font-bold text-2xl mb-2'>\r\n { post.title }\r\n </CardTitle>\r\n </a>\r\n{/* \r\n <CardText className='text-gray-700 text-sm mb-2'>\r\n { removeL(post.description) }\r\n </CardText> */}\r\n </CardBody>\r\n </Card>\r\n ))}\r\n \r\n </div>\r\n <img className=\"home-naturediv-bottom-papertear mt-5em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n </div>\r\n\r\n <div className=\"w-full bg-white mt-5em\">\r\n <div className='max-w-7xl mx-auto py-6 md:px-16 px-8 z-index-2'>\r\n <div className='text-center mb-6'>\r\n <h1 className='font-bold text-2xl'>UPCOMING EVENTS</h1>\r\n <span className='text-sm'>\r\n Notices of future events and programmes.\r\n </span>\r\n </div>\r\n <div className='grid md:grid-cols-2 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className=''>\r\n <div className='w-96 bg-green text-white px-4 py-2 mb-4 font-bold'>\r\n Upcoming\r\n </div>\r\n <div className='block mb-4'>\r\n <h3 className='text-lg font-bold my-2'>\r\n World Migratory Bird Day\r\n </h3>\r\n <p className='text-base text-mbl txt-justify'>\r\n World Migratory Bird Day is an annual event to raise awareness\r\n on bird migration and the importance of protecting the flyways\r\n and habitats used by birds during migration. Migration is a\r\n regular and seasonal movement of birds between their breeding...\r\n </p>\r\n </div>\r\n <div className='flex flex-col justify-center space-y-2'>\r\n <span className='flex items-center'>\r\n <FiCalendar className='text-gray-600 mr-2' />\r\n <span className='text-gray-600 text-sm'>\r\n 11:09 PM - 8 Dec 2021\r\n </span>\r\n </span>\r\n <span className='flex items-center'>\r\n <ImLocation className='text-gray-600 mr-2' />\r\n <span className='text-gray-600 text-sm'>Various Locations</span>\r\n </span>\r\n </div>\r\n </div>\r\n <div className=''>\r\n <img src='/assets/images/nature/event.png' alt='' />\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n\r\n <div className='bg-green-dark text-white'>\r\n \r\n <Event className='w-full bg-no-repeat bg-center bg-cover'>\r\n <img className=\"home-naturediv-top-papertear -top-10em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n </Event>\r\n\r\n <div className='grid md:grid-cols-2 grid-cols-1 gap-x-0 items-start'>\r\n <EventLeft className='bg-no-repeat bg-cover event text-white p-24 md:min-h-full'>\r\n <div className='block event-aside mb-6'>\r\n <h3 className='text-lg text-white font-bold mt-1'>\r\n International Day for the Conservation of Mangrove Ecosystem\r\n </h3>\r\n <p className='text-sm text-mbl txt-justify'>\r\n Nigeria has a third of the entire mangrove in Africa – the\r\n largest in the continent and the third largest in the world.\r\n Mangroves are important carbon sinks and help cushion the impact\r\n of coastal storms, waves and erosions. They are one of the most\r\n productive and threatened ecosystems.\r\n </p>\r\n </div>\r\n <div className='flex items-center space-x-8 event-dates'>\r\n <span className='flex items-center'>\r\n <FiCalendar className='text-gray-200 mr-2' />\r\n <strong className='text-gray-200 text-sm'>\r\n 11:09 PM - 8 Dec 2021\r\n </strong>\r\n </span>\r\n <span className='flex items-center'>\r\n <ImLocation className='text-gray-200 mr-2' />\r\n <strong className='text-gray-200 text-sm'>\r\n Various Locations\r\n </strong>\r\n </span>\r\n </div>\r\n </EventLeft>\r\n <EventRight className='bg-no-repeat bg-cover event text-white p-24 md:min-h-full'>\r\n <div className='block mb-6 event-aside'>\r\n <h3 className='text-lg text-white font-bold mt-1'>\r\n Launching of Green Recovery Nigeria\r\n </h3>\r\n <p className='text-sm text-mbl txt-justify'>\r\n The Green Recovery Nigeria (GRN) is an initiative of the\r\n Nigerian Conservation Foundation (NCF) and an intervention model\r\n to institute local actions that seek to retain a significant\r\n proportion of Nigeria’s landmass under forest.\r\n </p>\r\n </div>\r\n <div className='flex items-center space-x-8 event-dates'>\r\n <span className='flex items-center'>\r\n <FiCalendar className='text-gray-200 mr-2' />\r\n <b className='text-gray-200 text-sm'>\r\n 11:09 PM - 8 Dec 2021\r\n </b>\r\n </span>\r\n <span className='flex items-center'>\r\n <ImLocation className='text-gray-200 mr-2' />\r\n <b className='text-gray-200 text-sm'>\r\n Various Locations\r\n </b>\r\n </span>\r\n </div>\r\n </EventRight>\r\n </div>\r\n </div>\r\n\r\n <div className=' mx-auto py-16 z-index-3 bg-white'>\r\n <div className='text-center mb-12'>\r\n <h1 className='font-bold text-3xl'>OUR TESTIMONIALS</h1>\r\n <hr className='w-28 my-2 mx-auto border-t-4 border-solid border-green-700' />\r\n </div>\r\n <div className='grid md:grid-cols-3 grid-cols-1 relative z-index-3 md:gap-8 gap-y-8 items-start'>\r\n {data.testimonials.map((ts, i) => (\r\n <div\r\n key={i}\r\n className='max-w-md rounded overflow-hidden h-full text-center'\r\n >\r\n <img\r\n className='mx-auto'\r\n src={ts.avatar}\r\n alt='Sunset in the mountains'\r\n />\r\n <div className='px-6 py-4'>\r\n <div className='text-sm text-gray-700 mb-2'>{ts.text}</div>\r\n <p className='flex flex-col justify-center'>\r\n <span className='font-bold text-sm mb-1'>{ts.name}</span>\r\n <span className='text-xs'>{ts.title}</span>\r\n </p>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n\r\n <img className=\"home-naturediv-bottom-papertear mt-20em mb-plus5em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n <div className='w-full bg-green-dark z-index-1 mt-16 mb-16 relative'>\r\n <div className='grid md:grid-cols-2 grid-cols-1 items-center'>\r\n <div className=''>\r\n <img\r\n src='/assets/images/nature/contact.png'\r\n alt=''\r\n className='w-full h-full'\r\n />\r\n </div>\r\n <div className='block p-16 z-index-3'>\r\n <div className='mb-8'>\r\n {error ? \r\n <UncontrolledAlert color=\"danger\">\r\n {error}\r\n </UncontrolledAlert>\r\n \r\n : null }\r\n {success ? \r\n <UncontrolledAlert color=\"success\">\r\n {success}\r\n </UncontrolledAlert>\r\n \r\n : null } \r\n <h2 className='text-2xl font-bold text-white text-center'>\r\n Leave us a Message\r\n </h2>\r\n </div>\r\n <form onSubmit={messageHandler} id=\"con\">\r\n <div className=' grid grid-cols-2 gap-x-8 mb-6'>\r\n <div>\r\n <label className='text-white mb-2 block'>Full Name</label>\r\n <div>\r\n <input\r\n name=\"fullname\" id=\"name\"\r\n className='p-1.5 w-full bg-transparent focus:outline-none rounded text-white border border-solid border-gray-200 focus:ring focus:border-green-light'\r\n placeholder='e.g. John Doe'\r\n type='text'\r\n />\r\n </div>\r\n </div>\r\n <div>\r\n <label className='text-white mb-2 block'>Email</label>\r\n <div>\r\n <input\r\n className='p-1.5 w-full bg-transparent focus:outline-none rounded text-white border border-solid border-gray-200 focus:ring focus:border-green-light'\r\n placeholder='Email Address'\r\n type='email'\r\n name=\"email\"\r\n id=\"email\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div className='mb-8'>\r\n <div>\r\n <label className='text-white mb-2 block'>Tel</label>\r\n <div>\r\n <input\r\n className='p-1.5 w-full bg-transparent focus:outline-none rounded text-white border border-solid border-gray-200 focus:ring focus:border-green-light'\r\n placeholder='Tel'\r\n type='tel'\r\n name=\"tel\"\r\n id=\"tel\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div className='mb-8'>\r\n <div>\r\n <label className='text-white mb-2 block'>Message</label>\r\n <div>\r\n <textarea\r\n rows={5}\r\n className='p-1.5 w-full bg-transparent focus:outline-none rounded text-white border border-solid border-gray-200 focus:ring focus:border-green-light'\r\n placeholder='Drop a message...'\r\n name=\"message\"\r\n id=\"message\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n <div className='flex justify-center'>\r\n <button type=\"submit\" className='bg-green hover:bg-green-800 text-white font-bold py-2 px-16 mt-6'>\r\n Send\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <img className=\"home-naturediv-top-papertear mb-20em mt-plus5em z-index-3 -top-10em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n <div className='w-full bg-white relative z-index-3'>\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8'>\r\n <div className='mb-6'>\r\n <h1 className='font-medium text-xl'>NCF SPONSORS</h1>\r\n <hr className='h-1 bg-transparent border-0 border-t border-solid border-gray-200 my-2' />\r\n </div>\r\n <div className=''>\r\n <Slider>\r\n <Swiper\r\n slidesPerView={4}\r\n spaceBetween={30}\r\n slidesPerGroup={3}\r\n loop={true}\r\n loopFillGroupWithBlank={true}\r\n pagination={{\r\n clickable: true,\r\n }}\r\n navigation={true}\r\n className='mySwiper'\r\n >\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/access-bank.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/chevron.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/cap-plc.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/ecobank.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/access-bank.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/chevron.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/cap-plc.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/ecobank.png' alt='' />\r\n </SwiperSlide>\r\n <SwiperSlide>\r\n <img src='/assets/images/brands/ecobank.png' alt='' />\r\n </SwiperSlide>\r\n </Swiper>\r\n </Slider>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Home;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0