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