{"version":3,"sources":["webpack:///./src/templates/product.js","webpack:///./src/pages/health.js"],"names":["ProductPage","page","pageInfo","title","displayName","description","desc","className","style","marginTop","detailed_desc","case_study","hide_before_after","src","before_img","alt","after_img","legends","length","map","legend","i","key","processed_img","name","processed_img_text","key_outputs","op","class","top","benefit","bottom","sense","indexData","products"],"mappings":"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","file":"component---src-pages-health-js-ea8e7d039bf51e2f3511.js","sourcesContent":["import React from 'react';\r\n\r\nimport Layout from '../components/layout';\r\nimport SEO from '../components/seo';\r\nconst ProductPage = ({ page }) => (\r\n  <Layout pageInfo={page}>\r\n    <SEO title={page.displayName} description={page.desc} />\r\n    <div className='container py-5' style={{ marginTop: 75 }}>\r\n      <div className=''>\r\n        <div className='heading'>\r\n          <h1>{page.displayName}</h1>\r\n          <div className='line my-4'></div>\r\n\r\n          <p className='lead'>{page.detailed_desc}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div className='container '>\r\n      <div className='row'>\r\n        <div className='col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n          <p className='lead my-5'>\r\n            <strong>Case Study:</strong> {page.case_study}\r\n          </p>\r\n        </div>\r\n      </div>\r\n      {!page.hide_before_after ? (\r\n        <div className='row text-center'>\r\n          <div className='col-md-6 pb-5'>\r\n            <div className='before-processing'>\r\n              <div className='text-center'>\r\n                <h5 className='mb-3 mr-5'>Before Processing</h5>\r\n                <div className='img-container'>\r\n                  {/* <img className='mac-img' src={macImg} alt='mac' /> */}\r\n                  <img className='block-img' src={page.before_img} alt='blk' />\r\n                  {/* <img\r\n                    className='section-img'\r\n                    src={page.before_section}\r\n                    alt='section'\r\n                  /> */}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className='col-md-6 pb-5'>\r\n            <div className='after-processing'>\r\n              {' '}\r\n              <div className='text-center'>\r\n                <h5 className='mb-3 mr-5'>After Processing</h5>\r\n                <div className=' img-container'>\r\n                  {/* <img className='mac-img' src={macImg} alt='mac' /> */}\r\n                  <img className='block-img' src={page.after_img} alt='blk' />\r\n                  {/* <img\r\n                    className='section-img'\r\n                    src={page.after_section}\r\n                    alt='section'\r\n                  />*/}\r\n                </div>\r\n              </div>\r\n              {page.legends && page.legends.length ? (\r\n                <div className='text-center'>\r\n                  <div className='my-5 legends'>\r\n                    {page.legends.map((legend, i) => (\r\n                      <div className='legend pr-5 pb-2' key={i}>\r\n                        {/* <img\r\n                        src={legend.img}\r\n                        alt={legend.title}\r\n                        className='legend_img mr-4 '\r\n                      /> */}\r\n                        {legend.title === 'Tree' ? (\r\n                          <div className='square'>\r\n                            <div className='circle'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Planting Lines' ? (\r\n                          <div className='square white'>\r\n                            <div className='planting_lines'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'High risk trees' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle high_risk'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Medium risk trees' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle medium_risk'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Low risk trees' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle low_risk'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Ripe' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle ripe'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Over ripe' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle over_ripe'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Unripe' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle unripe'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Under ripe' ? (\r\n                          <div className='square white'>\r\n                            <div className='circle under_ripe'></div>\r\n                          </div>\r\n                        ) : null}\r\n                        {legend.title === 'Smallholder palm area' ? (\r\n                          <div className='square white small_holder'></div>\r\n                        ) : null}\r\n                        {legend.title === 'Large plantation palm area' ? (\r\n                          <div className='square white large_holder'></div>\r\n                        ) : null}\r\n                        <div className='pl-3'>{legend.title}</div>\r\n                      </div>\r\n                    ))}{' '}\r\n                  </div>\r\n                </div>\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n      {page.processed_img ? (\r\n        <>\r\n          <div\r\n            className={`row mx-auto  ${\r\n              page.name !== 'smartgrader' ? 'pb-5' : ''\r\n            }`}\r\n          >\r\n            <div className='col-lg-12'>\r\n              <img\r\n                src={page.processed_img}\r\n                className='processed-img '\r\n                alt='processed-img'\r\n              ></img>\r\n              {page.processed_img_text ? (\r\n                <h5 className='py-4 text-center'> {page.processed_img_text}</h5>\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n          {page.legends &&\r\n          page.legends.length &&\r\n          page.name === 'smartgrader' ? (\r\n            <div className='my-5 legends row mx-auto'>\r\n              {page.legends.map((legend, i) => (\r\n                <div\r\n                  className=' d-none d-md-flex col-sm-6 col-md-3 col-lg-3 pb-2'\r\n                  key={i}\r\n                >\r\n                  {legend.title === 'Ripe' ? (\r\n                    <div className='square white'>\r\n                      <div className='circle ripe'></div>\r\n                    </div>\r\n                  ) : null}\r\n                  {legend.title === 'Over ripe' ? (\r\n                    <div className='square white'>\r\n                      <div className='circle over_ripe'></div>\r\n                    </div>\r\n                  ) : null}\r\n                  {legend.title === 'Unripe' ? (\r\n                    <div className='square white'>\r\n                      <div className='circle un_ripe'></div>\r\n                    </div>\r\n                  ) : null}\r\n                  {legend.title === 'Under ripe' ? (\r\n                    <div className='square white'>\r\n                      <div className='circle under_ripe'></div>\r\n                    </div>\r\n                  ) : null}\r\n\r\n                  <div className='pl-3'>{legend.title}</div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ) : null}\r\n        </>\r\n      ) : null}\r\n    </div>\r\n    {page.key_outputs && page.key_outputs.length ? (\r\n      <div className='ceres_accuracy'>\r\n        <div className='row container mx-auto text-center px-0'>\r\n          {page.key_outputs.map((op, i) => (\r\n            <div className={`py-5 px-0 ${op.class}`} key={i}>\r\n              <div className='title'>{op.top}</div>\r\n              <div className='benefit'>{op.benefit}</div>\r\n              <div className='title'>{op.bottom}</div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    ) : null}\r\n  </Layout>\r\n);\r\n\r\nexport default ProductPage;\r\n","import React from 'react';\r\nimport ProductTemplate from '../templates/product';\r\nimport indexData from '../data/indexData';\r\nexport default function sense() {\r\n  return <ProductTemplate page={indexData.products[2]}></ProductTemplate>;\r\n}\r\n"],"sourceRoot":""}