{"version":3,"sources":["webpack:///./src/components/common/Nvoccdetails.js","webpack:///./src/pages/product/nvocc-software.js"],"names":["threeplwarehouse","state","showMe","multiInterface","Schedule","e","curObj","status","document","getElementById","classList","contains","remove","add","custObj","this","setState","render","className","lang","I18nextContext","_currentValue","language","to","Photo","src","alt","id","onClick","style","cursor","class","rack","Automated","Document","Customerportal","Sharing","Management","Tariff","Rates","Freight","Excel","bin","Movement","pdaDevice","alert","Component","contextType","withTranslation","Nvocc","React","useContext","canoncalUrl","GATSBY_LANDING_PAGE_URL","hrefUrl","JSON","parse","stringify","t","useTranslation","Helmet","dangerouslySetInnerHTML","__html","charSet","rel","href","hreflang","name","content"],"mappings":"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","file":"component---src-pages-product-nvocc-software-js-f87d1546b16fc5188428.js","sourcesContent":["import React, { Component } from \"react\";\nimport \"../../styles/threeplwarehousing.scss\";\nimport Photo from \"../Photo\";\nimport { graphql } from \"gatsby\";\nimport { Trans, I18nextContext, Link } from \"gatsby-plugin-react-i18next\";\nimport { withTranslation } from 'react-i18next';\n\n\nclass threeplwarehouse extends Component {\n  static contextType = I18nextContext;\n  constructor() {\n    super()\n    this.state = {\n      showMe: true,\n      multiInterface: true,\n    }\n  }\n  Schedule(e, curObj) {\n    var status = false;\n    if (document.getElementById('feature__' + curObj).classList.contains('active_color')) {\n      document.getElementById('feature__' + curObj).classList.remove('active_color');\n      document.getElementById('arrow__' + curObj).classList.remove('active_color');\n      document.getElementById('feature__' + curObj).classList.add('inactive_color');\n      document.getElementById('arrow__' + curObj).classList.add('inactive_color');\n      status = false;\n    } else {\n      document.getElementById('feature__' + curObj).classList.add('active_color');\n      document.getElementById('arrow__' + curObj).classList.add('active_color');\n      document.getElementById('feature__' + curObj).classList.remove('inactive_color');\n      document.getElementById('arrow__' + curObj).classList.remove('inactive_color');\n      status = true;\n    }\n\n    var custObj = {};\n    custObj[curObj] = status;\n    this.setState(custObj);\n  }\n  render() {\n    return (\n      <div>\n        <div className=\"banner-feature\">\n          <div className=\"container\">\n            <div className=\"row\">\n              <div className=\"col-md-12\">\n                <div className=\"content-imgs\">\n                  <div className=\"pricings_in_details shipping_agency_main\" lang={I18nextContext._currentValue.language}>\n                    <Link to=\"/\"><Trans>HOME</Trans></Link> / <div className=\"featuress\"><Link to=\"/product/\"><Trans>PRODUCTS</Trans></Link> / </div>\n                    <div className=\"warehouse\"><Trans>NVOCC</Trans></div>\n                  </div>\n                  <div className=\"main_shipping_cont\" lang={I18nextContext._currentValue.language}><Trans>Making carrier availability and related services easier for you to handle!</Trans></div>\n                  <div className=\"warehouse_third_content\" lang={I18nextContext._currentValue.language}>\n                    <Trans>Starting with your periodical carrier space booking to generating documents of Bill of lading, things are getting smoother for you from now on.</Trans>\n                    <br />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n\n\n        <div className=\"shiping_agency\">\n          <div className=\"container\">\n            <div className=\"row \">\n\n              <div className=\"col-md-12 full_row_alignment\">\n                <div className=\"fullimage\">\n                  <Photo\n                    src=\"Shipping Agency.jpg\"\n                    className=\"dimention_image\"\n                    alt=\"\"\n                  />\n                </div>\n                <div className=\"threepl_contents\" lang={I18nextContext._currentValue.language}>\n                \n                <h1 className=\"heading-size\"><Trans>NVOCC</Trans></h1>\n                  <Trans>A digitized way of planning and execution of container flow.</Trans>\n                </div>\n                <div className=\"threeplsub_headings\" lang={I18nextContext._currentValue.language}>\n                  <Trans>As an NVOCC manages and leases out space on a container, it is likely that there will be many such leases, of several containers on many sea faring vessels plying the various sea routes around the globe.</Trans><br></br><br></br>\n                  <Trans>Logipulse aids in keeping track of not only these voyages and cargo but also ensuring that the financial aspects of P&L statements as well as the profit margin for each leg of the voyage are kept updated. Managing your container flow is easier and hassle free.</Trans>\n                </div>\n\n              </div>\n            </div>\n          </div>\n        </div>\n\n\n\n        <div className=\"highlights_way\" lang={I18nextContext._currentValue.language}>\n          <div className=\"container\">\n\n            <div className=\"Hight_light_heads_content\"><Trans>Highlights</Trans></div>\n\n            <div className=\"row full_row_aligns\">\n              <div className=\"col-md-6\">\n                <ul>\n\n\n                  <li>\n\n                    <div className=\"material\" id=\"arrow__multiInterface\" onClick={e => this.Schedule(e, 'multiInterface')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.multiInterface ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n                    </div>\n\n                    <h5 className=\"active_color\" id=\"feature__multiInterface\" onClick={e => this.Schedule(e, 'multiInterface')}>\n                      <Trans>Multilingual Interface</Trans>\n                    </h5>\n                    {\n                      this.state.multiInterface ? (\n\n                        <div className=\"subheadings\">\n                          <Trans>As an NVOCC you would have dealings around the world and maybe also have port of calls around the world.  Being multilingual is an advantage you’d definitely want to have. Logipulse’s Multilingual interface allows you to switch between all the major languages as easily as a click of a button.</Trans>\n                          <div className=\"know_more\">\n                            <b><Link to=\"/features/#multilingual\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                            <Photo\n                              src=\"KnowMore-Right Arrow-H12.svg\"\n                              class=\"testing-arrow\"\n                              alt=\"\"\n                            />\n                          </div>\n                        </div>\n                      )\n                        : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__rack\" onClick={e => this.Schedule(e, 'rack')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.rack ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }</div>\n                    <h5 id=\"feature__rack\" onClick={e => this.Schedule(e, 'rack')}>\n                      <Trans>Multicurrency</Trans>\n                    </h5>\n                    {this.state.rack ? (\n                      <div className=\"subheadings\">\n                        <Trans>With different port of calls and languages comes different currencies. Like our Multilingual interface, Logipulse is also designed to cater to the various different currencies and ROE that an NVOCC would have to face as part of its day-to-day operations. You can easily handle currency management. Logipulse will handle 3 levels of currency and can also review the financial statements in any currency selected. For example, let’s say your branch is in UAE. At the time of generating the invoice, you can select the local currency (AED) or a currency which the customer wants (eg. USD) and the payment can be done in the currency of the invoice (either AED or USD as selected) or you can opt for a third new currency (eg. Euro.)</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#multicurrency\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Automated\" onClick={e => this.Schedule(e, 'Automated')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Automated ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Automated\" onClick={e => this.Schedule(e, 'Automated')}>\n                      <Trans>Quotes</Trans>\n                    </h5>\n                    {this.state.Automated ? (\n                      <div className=\"subheadings\">\n                        <Trans>Logipulse quotation management module lets you create and send professional digital quotes to your customers instantly. Display a quotation form for walk-in inquiries and include all contract rates from carriers. You can convert a CRM sales lead into a quote by arranging a follow-up discussion with the customer. You can supervise all your existing and pending quotes approval all under one platform transparently.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#Quotes\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Document\" onClick={e => this.Schedule(e, 'Document')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Document ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Document\" onClick={e => this.Schedule(e, 'Document')}>\n                      <Trans>Voyages</Trans>\n                    </h5>\n                    {this.state.Document ? (\n                      <div className=\"subheadings\">\n                        <Trans>With this module, you can create and schedule your voyages quickly. Keep track of the containers and vessels. Also, have the advantage of getting all the related documents instantly, house waybill, bill of lading, multi-currency details, item details, pre and post port transportation, etc. You can keep internal notes, manifest reports, other records, and job info while creating or scheduling the job.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Customerportal\" onClick={e => this.Schedule(e, 'Customerportal')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Customerportal ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Customerportal\" onClick={e => this.Schedule(e, 'Customerportal')}>\n                      <Trans>Integrated Finance Module</Trans>\n                    </h5>\n                    {this.state.Customerportal ? (\n                      <div className=\"subheadings\">\n                        <Trans>One of the unique features of Logipulse is its fully functional integrated Finance Module with the Operations Module. Whenever a charge is posted in the operations module, it will automatically reflect in the Finance module by posting accounting entries in the background. The same transactions can be seen by using our wide range of reports from Ledger to Balance Sheet including Sundry Debtors and Creditors, Actor Specific Ledger, General Ledger, Cash Flow Statements, Trial Balance, Profit & Loss and Balance Sheet. These reports are available both at Branch and Headquarter level.</Trans><br></br><br></br>\n                        <Trans>To know the financial status of the customers and vendors we have reports such as Aging Report, Outstanding Reports, Statement of Accounts and Payment Summary.</Trans><br></br><br></br>\n                        <Trans>While maintaining a specific ledger for every walk-in customer or vendor, the chart of accounts will get bulky or enormous. So instead, Logipulse manages all the actor accounts through the concept of Virtual Ledger.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#IntegratedFinance\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Sharing\" onClick={e => this.Schedule(e, 'Sharing')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Sharing ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Sharing\" onClick={e => this.Schedule(e, 'Sharing')}>\n                      <Trans>Data Sharing with Agencies and Branches</Trans>\n                    </h5>\n                    {this.state.Sharing ? (\n                      <div className=\"subheadings\">\n                        <Trans>With Logipulse you are getting a centralized data storage that is accessible to you, your agencies, and the branches in real-time without a local server or backup facility, or security system. Every hassle of these kinds of technical aspects, for instance, network, firewall, connectivity, backup, etc. will be managed by Logipulse for you. Even modified information can be shared on this platform. You don't have to worry about files getting lost or sending every document physically with your associates.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#DataSharing\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Management\" onClick={e => this.Schedule(e, 'Management')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Management ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Management\" onClick={e => this.Schedule(e, 'Management')}>\n                      <Trans>Consolidation Management</Trans>\n                    </h5>\n                    {this.state.Management ? (\n                      <div className=\"subheadings\">\n                        <Trans>Logipulse provides you the facility to optimize consolidation within a short duration. You will be able to utilize the space in the carrier effectively and cost-efficiently with the technology of advanced algorithms. You get the advantage to generate pre-alerts easily. Pre-alerts include house waybill, master waybill, manifest documents, etc.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#DirectShipments\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Tariff\" onClick={e => this.Schedule(e, 'Tariff')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Tariff ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Tariff\" onClick={e => this.Schedule(e, 'Tariff')}>\n                      <Trans>Automated Tariff Prediction</Trans>\n                    </h5>\n                    {this.state.Tariff ? (\n                      <div className=\"subheadings\">\n                        <Trans>Logipulse can help you gather the tariffs so that you can pass your charges instantly including your margin. You can speed up your operations as well as customer relations with the assistance of Logipulse automated tariff prediction.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#Accounting\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Rates\" onClick={e => this.Schedule(e, 'Rates')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Rates ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n                    </div>\n                    <h5 id=\"feature__Rates\" onClick={e => this.Schedule(e, 'Rates')}>\n                      <Trans>Charge Allotment</Trans>\n                    </h5>\n                    {this.state.Rates ? (\n                      <div className=\"subheadings\">\n                        <Trans>When you have a consolidated carrier, you get the charges of it divided into different jobs automatically. This will be done accurately according to the predefined conditions. With the charge allotment feature, you will get the idea of whether your service is a profit or loss.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Freight\" onClick={e => this.Schedule(e, 'Freight')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Freight ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Freight\" onClick={e => this.Schedule(e, 'Freight')}>\n                      <Trans>Integrated State Updates</Trans>\n                    </h5>\n                    {this.state.Freight ? (\n                      <div className=\"subheadings\">\n                        <Trans>Logipulse provides you with a dedicated and most intelligent state engine that can track all the entities in your NVOCC business. It gives you separate updates, for instance, container, carrier, etc. Whenever a state is changed for a carrier or any operation, an alert will be generated to you, your employees, consignee, or any other required set of people as SMS and emails. You will know whether a task assigned is started, partially completed, or completed.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#IntegratedState\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Excel\" onClick={e => this.Schedule(e, 'Excel')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Excel ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__Excel\" onClick={e => this.Schedule(e, 'Excel')}>\n                      <Trans>Automated Documents Generation</Trans>\n                    </h5>\n                    {this.state.Excel ? (\n                      <div className=\"subheadings\">\n                        <Trans>You can easily generate any document involved in your operation with Logipulse. Different versions of documents can also be produced. Documents can be shared between agencies and can be emailed to desired people. Editable templates are available for you to create documents instantly. There are numerous documents required from port-to-port movement, automating and customizing it accordingly will make the process professional, accurate and fast.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#AutomatedDocuments\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n\n                </ul>\n              </div>\n\n              <div className=\"col-md-6 second_row_align\">\n                <ul>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__bin\" onClick={e => this.Schedule(e, 'bin')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.bin ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n                    </div>\n                    <h5 id=\"feature__bin\" onClick={e => this.Schedule(e, 'bin')}>\n                      <Trans>Task Approvals and Permissions</Trans>\n                    </h5>\n                    {this.state.bin ? (\n                      <div className=\"subheadings\">\n                        <Trans>Nothing goes without the knowledge and approval of the authorized person you assigned. Every small modification made in the business or organization will be notified for approvals and permissions. The subsequent action will take effect only after it. Logipulse can handle approvals, permissions, and climb-up messages in case a person misses a notification throughout the operation.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#Taskapproval\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n\n\n\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__Movement\" onClick={e => this.Schedule(e, 'Movement')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.Movement ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__Movement\" onClick={e => this.Schedule(e, 'Movement')}>\n\n                      <Trans>Events Notifications and Climb-up Messages</Trans>\n                    </h5>\n                    {this.state.Movement ? (\n                      <div className=\"subheadings\">\n                        <Trans>All logistics events are tracked in Logipulse. All event notifications can be configured according to your requirement. You can decide when and to whom you want to notify. Events and notifications will appear in that person's inbox. In case the message is ignored or overlooked by the person the notification will climb up to the higher employee.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#Alertengine\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__pdaDevice\" onClick={e => this.Schedule(e, 'pdaDevice')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.pdaDevice ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__pdaDevice\" onClick={e => this.Schedule(e, 'pdaDevice')}>\n                      <Trans>Customizable Reports</Trans>\n                    </h5>\n                    {this.state.pdaDevice ? (\n                      <div className=\"subheadings\">\n                        <Trans>All operational reports and financial reports can be customized. You may have to customize reports at times. The application lets you customize reports with a basic knowledge of HTML or with the guidance of a help document.</Trans>\n                        {/* <div className=\"know_more\">\n                          <b><Trans>KNOW MORE</Trans></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div> */}\n                      </div>\n                    ) : null\n                    }\n                  </li>\n\n                  <li>\n                    <div className=\"material\" id=\"arrow__alert\" onClick={e => this.Schedule(e, 'alert')} style={{ cursor: \"pointer\" }}>\n                      {\n                        this.state.alert ? (\n                          <Photo src=\"arrow_circle_up_black_24dp.svg\" alt=\"\" />\n\n                        )\n\n                          : <Photo src=\"arrow_circle_down_black_24dp (1).svg\" alt=\"\" />\n                      }\n\n\n                    </div>\n                    <h5 id=\"feature__alert\" onClick={e => this.Schedule(e, 'alert')}>\n\n                      <Trans>Well Defined CRM Module</Trans>\n                    </h5>\n                    {this.state.alert ? (\n                      <div className=\"subheadings\">\n                        <Trans>You can build up your customer circle using the facilities provided in the Logipulse CRM module. It will be easier for you to follow up enquiries and quotes. You can study how you achieved a new customer and a lot more from this section. Thus, you will be able to elaborate your customer list.</Trans>\n                        <div className=\"know_more\">\n                          <b><Link to=\"/features/#CRM\" lang={I18nextContext._currentValue.language}><Trans>KNOW MORE</Trans></Link></b>\n                          <Photo\n                            src=\"KnowMore-Right Arrow-H12.svg\"\n                            class=\"testing-arrow\"\n                            alt=\"\"\n                          />\n                        </div>\n                      </div>\n                    ) : null\n                    }\n                  </li>\n                </ul>\n              </div>\n            </div>\n\n          </div>\n        </div>\n\n        <div class=\"end_divis_shipingagencydetails\">\n          <div className=\"header_contents_sections text-right\"></div>\n          <div className=\"container\">\n            <div className=\"row\">\n              <div class=\"col-sm-12\">\n                <Photo\n                  src=\"Bottom Image-11.svg\"\n                  class=\"innerimage\"\n                  alt=\"\"\n                />\n              </div>\n\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\nexport default withTranslation()(threeplwarehouse)\n\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport Header from \"../header\";\nimport Footer from \"../../components/common/footer\";\nimport NvoccDetail from \"../../components/common/Nvoccdetails\";\nimport { graphql } from \"gatsby\";\nimport { Helmet } from \"react-helmet\";\nimport { useTranslation, I18nextContext,Link} from \"gatsby-plugin-react-i18next\";\n\n\nconst GATSBY_LANDING_PAGE_URL = process.env.GATSBY_LANDING_PAGE_URL\n  const Nvocc = () => {\n    const { language } = React.useContext(I18nextContext)\n    const buildCanonicalUrl = () =>\n    language === \"en\"\n      ? GATSBY_LANDING_PAGE_URL + \"/product/nvocc-software/\"\n      : GATSBY_LANDING_PAGE_URL + `/${language}/product/nvocc-software/`\n      const canoncalUrl = buildCanonicalUrl();\n\n      const buildHrefUrl = () =>\n      language === \"en\"\n        ? JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL + \"/\"))\n        : JSON.parse(JSON.stringify(GATSBY_LANDING_PAGE_URL +`/${language}/`))\n    const hrefUrl = buildHrefUrl();\n\n      const { t } = useTranslation()\n    return (\n        <div className=\"Layout\">\n            <Header/>\n            <NvoccDetail/>\n            <Footer/>\n            <Helmet>\n          <script\n            dangerouslySetInnerHTML={{\n              __html: `\n        \n<!-- Google Tag Manager -->\n\n        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n        })(window,document,'script','dataLayer','GTM-TK7M58Z');</script>\n        \n            `,\n\n            }}\n          />\n\n          <script\n            dangerouslySetInnerHTML={{\n              __html: `\n        \n<!-- Google Tag Manager -->\n\n        <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-TK7M58Z\"\n        height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>    \n            `,\n            }}\n          />\n          <meta charSet=\"utf-8\" />\n          <title>{t('NVOCC Software - NVOCC Freight Forwarding Solution')}</title>\n          <Link rel=\"canonical\" href={canoncalUrl} /> \n          <Link rel=\"alternate\" href={hrefUrl} hreflang={language} /> \n          <meta name=\"description\" content={t(\"Logipulse NVOCC software empowers you to manage your container flow smoothly. Our NVOCC freight forwarding software aids in keeping track of voyages and cargo, ensuring the financial aspects of P&L statements and the profit margin for each leg of the voyage are kept updated.\")} />        \n        </Helmet>\n\n        </div>\n    )\n}\n\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(filter: {language: {eq: $language}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n\nexport default Nvocc;"],"sourceRoot":""}