https://fuelcloud.com/_next/static/chunks/pages/solutions/web-portal-7174d571f00d8efd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[782],{9577:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/solutions/web-portal",function(){return __webpack_require__(6552)}])},1065:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),_common_LinkBlock__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(8572);let ComponentFeatureBlock=param=>{let{icon="",classBlock="",classTitle="",title="",classTitleText="",classDescription="",description="",classIcon="",textColor="",link=null,img="",classImg=""}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"relative item-flex ".concat(classBlock),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex items-center mb-2 md:-ml-[3.5rem] ".concat(classTitle),children:[""!=img?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img",{className:"".concat(classImg),src:img,alt:""}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("i",{className:"text-[2rem] w-[3.5rem] ".concat(icon," ").concat(classIcon," ").concat(textColor)}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"font-semibold text-xl xsm-350:w-[16.5rem] ".concat(textColor," ").concat(classTitleText),children:title})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"pl-[3.5rem] md:pl-0 ".concat(classDescription," ").concat(textColor),children:description}),link?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_common_LinkBlock__WEBPACK_IMPORTED_MODULE_1__.Z,{title:link.title,url:link.url,classWrapper:"pl-[3.5rem] md:pl-0 mt-4 md:mt-[3.5rem] md:text-center ".concat(link.classCustom)}):null]})};__webpack_exports__.Z=ComponentFeatureBlock},8572:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893);__webpack_require__(7294);var next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__);let LinkBlock=param=>{let{classWrapper="",classLink="",title="",classIcon="",url="",titleUrl="",target="_self"}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"text-primary-blue link-primary ".concat(classWrapper),children:""!=title?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{target:target,className:"font-semibold ".concat(classLink),href:url,title:titleUrl,children:title}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("i",{className:"icon-icon-chevron-right text-[15px] ml-2 ".concat(classIcon)})]}):null})};__webpack_exports__.Z=LinkBlock},1446:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893);__webpack_require__(7294);var _common_ComponentFeatureBlock__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1065);let ListFeatureBlock=param=>{let{list,classList="",classBlock=""}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"flex flex-wrap items-strech flex-row md-834:justify-between md-834:pl-[3rem] ".concat(classList),children:list.map(item=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_common_ComponentFeatureBlock__WEBPACK_IMPORTED_MODULE_2__.Z,{icon:item.icon,classBlock:"".concat(classBlock," ").concat(item.classBlock),classTitle:item.classTitle,classTitleText:item.classTitleText,title:item.title,description:item.description,classDescription:item.classDescription,textColor:item.color,classIcon:item.classIcon,img:item.img,classImg:item.classImg,link:item.link},Math.random()))})};__webpack_exports__.Z=ListFeatureBlock},7042:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),_components_common_Image__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9252);__webpack_require__(7294);let PageBanner=param=>{let{title,subTitle,img,alt,classTitle="",classSubtitle="",classImg="",classBanner="",btnTitle="",titleLink="",btnUrl="",moreContain=null,classImgWrapper=""}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"page-banner page-section md:pt-[4rem] xsm:pt-[1rem] ".concat(classBanner),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"relative",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{className:"section-title leading-[2.7rem] sm:leading-[2.7rem] md:leading-[3.2rem] ".concat(classTitle),children:title}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"section-subtitle ".concat(classSubtitle),children:subTitle}),""!=btnTitle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a",{className:"btn-primary py-3 px-12 md:large",href:btnUrl,title:titleLink,children:btnTitle}):null,null!=moreContain?moreContain:null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"relative mt-10 md-834:mt-0 ".concat(classImgWrapper),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common_Image__WEBPACK_IMPORTED_MODULE_1__.Z,{className:"image-banner ".concat(classImg),src:img,alt:alt})})]})};__webpack_exports__.Z=PageBanner},555:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7294),_pages_skeleton_loading__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1188),next_router__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1163),next_router__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);let PageWrapper=param=>{let{children,type="right-img",className=""}=param,[loading,setLoading]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!0);return(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{let hash=window.location.hash,elementToScroll=document.getElementById(null==hash?void 0:hash.replace("#",""));if(setTimeout(()=>{setLoading(!1)},300),!elementToScroll)return;let scrollToHashElement=()=>{setTimeout(()=>{window.scrollTo({top:elementToScroll.offsetTop,behavior:"smooth"})},500)};return scrollToHashElement(),window.addEventListener("hashchange",scrollToHashElement),window.removeEventListener("hashchange",scrollToHashElement)},[next_router__WEBPACK_IMPORTED_MODULE_3___default().events]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:loading?"":"hidden",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_pages_skeleton_loading__WEBPACK_IMPORTED_MODULE_2__.default,{type:type})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"page-wrapper ".concat(className," ").concat(loading?"opacity-0":"opacity-100"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{id:"modal-root",className:"relative"}),children]})]})};__webpack_exports__.Z=PageWrapper},5582:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893);__webpack_require__(7294);var _contract_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1202),_components_common_Image__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9252);let SectionFooter=param=>{let{sectionID="",imgUrl,imgAlt,imgClassName="",title=(0,_contract_helpers__WEBPACK_IMPORTED_MODULE_2__.t)("footer_section_demo_title"),subTitle="",btnTitle="",btnLink="",titleLink="",classInner="",classWrapper="",classSubTitle="",classTitle="",classBtn=""}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"page-section md:pb-[135px] pb-[104px] ".concat(classWrapper),id:"".concat(sectionID),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"text-center section-footer px-[2rem] pt-5 pb-8 md:pb-12 md:px-[7rem] md:text-left ".concat(classInner),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"relative md:w-[46rem]",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"text-[32px] leading-[48px] ".concat(classTitle),children:title}),subTitle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"mt-4 ".concat(classSubTitle),children:subTitle}):null,btnTitle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"mt-[2.5rem] md:mt-[26px]",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a",{target:"_blank",className:"btn-primary large btn-free-demo xsm-350:text-[16

1px] xsm-350:py-[12px] xsm-350:px-[48px]  text-[15px] py-[8px] px-[20px] ".concat(classBtn),href:btnLink,title:titleLink,children:btnTitle})}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"relative img-wrapper w-[26rem] md:w-[30rem] hidden md:block",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common_Image__WEBPACK_IMPORTED_MODULE_3__.Z,{className:"img-section-footer ".concat(imgClassName),src:imgUrl,alt:imgAlt})})]})})};__webpack_exports__.Z=SectionFooter},804:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893);__webpack_require__(7294);let TwoColumnsSection=param=>{let{id="",sectionClass,title,subTitle,classTitle="",classSubtitle="",innerClass="",columnOneContent=null,columnTwoContent=null,colOneClass="",colTwoClass="",description="",classDescription=""}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{id:id,className:"page-section ".concat(sectionClass),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1",{className:"section-title w-full text-center ".concat(classTitle),children:title}),description?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"section-description full-row md:text-center mx-auto mt-5 md:w-[67rem] ".concat(classDescription),children:description}):null,subTitle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p",{className:"section-subtitle full-row md:text-center mx-auto mt-5 md:w-[67rem] ".concat(classSubtitle),children:subTitle}):null,null==columnOneContent||null==columnTwoContent?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[columnOneContent||null,columnTwoContent||null]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"flex flex-wrap justify-center md-834:justify-between md:mt-[64px] items-center flex-col-reverse md:flex-row md-834:gap-x-10 ".concat(innerClass),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"relative mt-10 md:mt-0 ".concat(colOneClass),children:columnOneContent}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"relative mt-10 md:mt-0 ".concat(colTwoClass),children:columnTwoContent})]})]})};__webpack_exports__.Z=TwoColumnsSection},6552:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return web_portal}});var jsx_runtime=__webpack_require__(5893);__webpack_require__(7294);var PageWrapper=__webpack_require__(555),Header=__webpack_require__(4459),data=__webpack_require__(1510),PageBanner=__webpack_require__(7042),SectionFooter=__webpack_require__(5582),TwoColumnsSection=__webpack_require__(804),ListFeatureBlock=__webpack_require__(1446),helpers=__webpack_require__(1202);let SectionOneWebPortalPage=()=>{let list=[{icon:"icon-icon-tank-level !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("inventory_tracking_section_block_1_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("inventory_tracking_section_block_1_des"),classDescription:"pl-[49px]"},{icon:"icon-icon-reconcile !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("inventory_tracking_section_block_2_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("inventory_tracking_section_block_2_des"),classDescription:"pl-[49px]"},{icon:"icon-icon-warning !text-[29px] !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("inventory_tracking_section_block_3_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("inventory_tracking_section_block_3_des"),classDescription:"pl-[49px]"},{icon:"icon-icon-drop !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("inventory_tracking_section_block_4_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("inventory_tracking_section_block_4_des"),classDescription:"pl-[49px]"}];return(0,jsx_runtime.jsx)(TwoColumnsSection.Z,{id:"inventory-tracking-section",classTitle:"mb-0 md:mb-0 text-center",innerClass:"items-center md:gap-x-0",title:(0,helpers.t)("inventory_tracking_section_title"),sectionClass:"section-one-web-portal-page md:pt-[52px] py-[4rem] sm:py-[5rem] md:pb-[104px]",columnOneContent:(0,jsx_runtime.jsx)(ListFeatureBlock.Z,{classList:"md:gap-y-[5rem] gap-y-[3rem] md:w-[43.4rem]",classBlock:"md:w-[17rem] md-956:w-[25rem] md-834:w-[22rem]",list:list}),columnTwoContent:(0,jsx_runtime.jsx)("img",{className:"xsm:w-[250px] sm:w-[19rem] lg:w-[360

1px] lg:h-[252px] md:w-[19rem]",src:(0,helpers.pt)("/img/pages/web-portal/Inventory-Tracking-Illustration.svg"),alt:"Two large fuel tanks, one with a warning sign and one with a check mark"})})},SectionTwoWebPortalPage=()=>{let list=[{icon:"icon-icon-clock !mr-[16px] !text-[31px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("cloud_based_section_block_1_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("cloud_based_section_block_1_des"),classDescription:"pl-[49px]"},{icon:"icon-icon-replay !mr-[16px] !text-[27px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("cloud_based_section_block_2_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("cloud_based_section_block_2_des"),classDescription:"pl-[49px]"}];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"relative top-grey-bg-section lg-1441:lg-1441 lg-1441:mt-[7rem] md:mt-[65px] mt-[65px]"}),(0,jsx_runtime.jsx)(TwoColumnsSection.Z,{title:(0,helpers.t)("cloud_based_section_title"),classTitle:"text-center",subTitle:(0,helpers.t)("cloud_based_section_sub_title"),classSubtitle:"md-834:!w-[49rem] mb-0 text-center",sectionClass:"section-one-web-portal-page background-full-width-gray relative z-1 md-834:!pb-12 !pb-10 md-834:!pt-8 !pt-6",innerClass:"md:flex-row-reverse items-center",columnOneContent:(0,jsx_runtime.jsx)(ListFeatureBlock.Z,{classList:"md:gap-y-[5rem] gap-y-[3rem] md:w-[30rem] gap-x-[40px]",classBlock:"md:w-auto md-956:w-[25rem] md-834:w-[22rem] lg:w-[23rem]",list:list}),columnTwoContent:(0,jsx_runtime.jsx)("img",{className:"xsm:w-[250px] sm:w-[19rem] md:w-[32rem] lg:w-[453px] lg:h-[336px]",src:(0,helpers.pt)("/img/pages/web-portal/Cloud-Based-Illustration.svg"),alt:"An annotated diagram of a digital dashboard highlighting different datasets"})}),(0,jsx_runtime.jsx)("div",{className:"relative bottom-grey-bg-section lg-1441:lg-1441 md:mb-[125px] mb-[125px]"})]})},SectionThreeWebPortalPage=()=>{let list=[{icon:"icon-icon-lock !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("custom_restrictions_section_block_1_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("custom_restrictions_section_block_1_des"),classDescription:"pl-[49px]"},{icon:"icon-icon-limit-odometer !text-[29px] !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("custom_restrictions_section_block_2_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("custom_restrictions_section_block_2_des"),classDescription:"pl-[49px] lg:w-[22rem]"}];return(0,jsx_runtime.jsx)(TwoColumnsSection.Z,{title:(0,helpers.t)("custom_restrictions_section_title"),classTitle:"mb-0 text-center",subTitle:(0,helpers.t)("custom_restrictions_section_subtitle"),classSubtitle:"md:w-[49rem] mb-[2rem] md:mb-0",sectionClass:"section-three-web-portal-page -mt-[5rem] sm:mt-0 md:!pt-[2rem] sm:!pt-0 sm:!pb-[2rem] !pb-[56px]",innerClass:"items-center",columnOneContent:(0,jsx_runtime.jsx)(ListFeatureBlock.Z,{classList:"md:gap-y-[5rem] gap-y-[3rem] md:w-[29rem] gap-x-[40px]",classBlock:"md:w-auto md-956:w-[25rem] md-834:w-[22rem] lg:w-[23rem]",list:list}),columnTwoContent:(0,jsx_runtime.jsx)("img",{className:"xsm:w-[250px] sm:w-[19rem] md:w-[32rem] lg:w-[415.07px] lg:h-[256px]",src:(0,helpers.pt)("/img/pages/web-portal/Restrictions-Illustration.svg"),alt:"A person stands next to a shield with a keyhole being orbited by small icons"}),colOneClass:"lg:pl-[65px]",colTwoClass:"lg:pr-[50px]"})},SectionFourWebPortalPage=()=>{let list=[{icon:"icon-icon-paper-check !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("custom_reports_section_block_1_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("custom_reports_section_block_1_des"),classDescription:"pl-[49px]",classTitleText:"sm:w-auto"},{img:(0,helpers.pt)("img/icons/icon-icon-percent-page.svg"),classImg:"!mr-[22px] w-[27px]",title:(0,helpers.t)("custom_reports_section_block_2_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("custom_reports_section_block_2_des"),classDescription:"pl-[49px] md:w-[364px]"}];return(0,jsx_runtime.jsx)(TwoColumnsSection.Z,{id:"custom-reports-section",title:(0,helpers.t)("custom_reports_section_title"),classTitle:"mb-0 text-center",subTitle:(0,helpers.t)("custom_reports_section_subtitle"),classSubtitle:"md:w-[49rem] mb-[2rem] md:mb-0",sectionClass:"section-one-web-portal-page md:pt-[7rem] md:py-[7rem] sm:py-[5rem] pt-[56px]",innerClass:"md:flex-row-reverse items-center",columnOneContent:(0,jsx_runtime.jsx)(ListFeatureBlock.Z,{classList:"md:gap-y-[5rem] gap-y-[3rem] md:w-[29rem] gap-x-[40px]",classBlock:"md:w-auto md-956:w-[25rem] md-834:w-[22rem] lg:w-[22rem]",list:list}),columnTwoContent:(0,jsx_runtime.jsx)("img",{className:"xsm:w-[250px] sm:w-[19rem] md:w-[32rem] lg:w-[389px] lg:h-[280px]",src:(0,helpers.pt)("/img/pages/web-portal/Reports-Illustration.svg"),alt:"A laptop prints a paper copy of a document from its screen"}),colTwoClass:"lg:pl-[60px]"})},SectionFiveWebPortalPage=()=>{let list=[{icon:"icon-icon-monitors !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("tank_monitor"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("integrations_section_block_1_des"),classDescription:"pl-[49px]"},{icon:"icon-icon-calculator !mr-[16px] !w-[32px] text-center min-w-[32px]",title:(0,helpers.t)("integrations_section_block_4_title"),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("integrations_section_block_4_des"),classDescription:"pl-[49px]"},{img:(0,helpers.pt)("img/icons/icon-icon-vehicle.svg"),classImg:"w-[32px] mr-[18px]",title:"".concat((0,helpers.t)("Fleet software")),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("Integrate FuelCloud with industry leading fleet software to shorten your workflow and increase eff

1iciency."),classDescription:"pl-[49px]"},{icon:"icon-icon-dna !mr-[16px] !w-[32px] text-center min-w-[32px]",title:"".concat((0,helpers.t)("integrations_section_block_3_title_updated")),classTitle:"md:!-ml-[49px]",description:(0,helpers.t)("integrations_section_block_3_des_updated"),classDescription:"pl-[49px]"}];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"relative top-blue-bg-section lg-1441:lg-1441 lg-1441:mt-[7rem] md:mt-[52px] mt-[80px]"}),(0,jsx_runtime.jsx)(TwoColumnsSection.Z,{title:(0,helpers.t)("integrations_section_title"),classTitle:"text-center",subTitle:(0,helpers.t)("integrations_section_sub_title"),classSubtitle:"md:!w-[58rem] mb-0 text-center",sectionClass:"background-full-width-blue relative z-1 md-834:!pb-12 !pb-16 md-834:!pt-8 !pt-10",innerClass:"items-center",columnOneContent:(0,jsx_runtime.jsx)(ListFeatureBlock.Z,{classList:"gap-y-[3rem] md:w-[46rem] lg:w-[42.6rem]",classBlock:"md:w-[16.7rem] md-956:w-[25rem] md-834:w-[22rem]",list:list}),columnTwoContent:(0,jsx_runtime.jsx)("img",{className:"xsm:w-[250px] sm:w-[19rem] lg:w-[326px] lg:h-[319px] md:w-[16rem]",src:(0,helpers.pt)("/img/pages/web-portal/Integrations-Illustration.svg"),alt:"FuelCloud's logo connected to different nodes and data"})}),(0,jsx_runtime.jsx)("div",{className:"relative bottom-blue-bg-section lg-1441:lg-1441 md:mb-[170px] mb-[17rem]"})]})},WebPortalPage=()=>(0,jsx_runtime.jsxs)(PageWrapper.Z,{type:"left-img",children:[(0,jsx_runtime.jsx)(Header.Z,{title:"Fuel Web Portal | ".concat(data.j.headerPrefixTitle),description:"With FuelCloud’s online fuel tank monitoring, you can view your fuel inventory at your convenience—on any device! Learn more here.",keywords:"online fuel management system, cloud fuel management system, fuel management software, fuel management solution"}),(0,jsx_runtime.jsxs)("div",{className:"web-portal-page",children:[(0,jsx_runtime.jsx)(PageBanner.Z,{title:(0,helpers.t)("web_portal_title"),classBanner:"md-834:items-center md-834:flex-row-reverse md:!pb-[52px] !pb-0 md-956:flex-wrap md-834:flex-nowrap md:!gap-x-[2rem] md-834:!gap-x-[40px]",subTitle:(0,helpers.t)("web_portal_sub_title"),img:"/img/pages/banners/Dashboard-Illustration.svg",alt:"A person holding a notepad looks at a large dashboard",classTitle:"md-956:w-[31rem] md-834:w-auto md:w-[42.1rem]",classSubtitle:"md-956:w-[31rem] md-834:w-auto md:w-[42.1rem]",classImg:"xsm:w-[250px] sm:w-[22rem] md:w-[328px] md:h-[262px] md:max-w-[328px]"}),(0,jsx_runtime.jsx)(SectionOneWebPortalPage,{}),(0,jsx_runtime.jsx)(SectionTwoWebPortalPage,{}),(0,jsx_runtime.jsx)(SectionThreeWebPortalPage,{}),(0,jsx_runtime.jsx)(SectionFourWebPortalPage,{}),(0,jsx_runtime.jsx)(SectionFiveWebPortalPage,{}),(0,jsx_runtime.jsx)(SectionFooter.Z,{imgUrl:(0,helpers.pt)("/img/pages/Demo_CTA_Illustration.svg"),imgAlt:"A person carrying a bullhorn rides a rocket ship in front of a laptop",imgClassName:"w-[400px]",title:(0,helpers.t)("footer_section_demo_title_web_portal"),classBtn:"xsm-350:!text-[16px] xsm-350:!py-[12px] xsm-350:!px-[48px] !text-[15px] !py-[8px] !px-[20px]",classInner:"background-gray",classWrapper:"md:mt-0 -mt-[8rem]",btnTitle:(0,helpers.t)("talk_to_an_expert"),btnLink:data.j.freeDemoLink,titleLink:"A signup page to register for a webinar at FuelCloud",subTitle:""})]})]});var web_portal=WebPortalPage},4849:function(__unused_webpack___webpack_module__,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return Skeleton},y:function(){return SkeletonTheme}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7294);let SkeletonThemeContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function Skeleton({count=1,wrapper:Wrapper,className:customClassName,containerClassName,containerTestId,circle=!1,style:styleProp,...originalPropsStyleOptions}){var _a,_b,_c;let contextStyleOptions=react__WEBPACK_IMPORTED_MODULE_0__.useContext(SkeletonThemeContext),propsStyleOptions={...originalPropsStyleOptions};for(let[key,value]of Object.entries(originalPropsStyleOptions))void 0===value&&delete propsStyleOptions[key];let styleOptions={...contextStyleOptions,...propsStyleOptions,circle},style={...styleProp,...function({baseColor,highlightColor,width,height,borderRadius,circle,direction,duration,enableAnimation=!0}){let style={};return"rtl"===direction&&(style["--animation-direction"]="reverse"),"number"==typeof duration&&(style["--animation-duration"]=`${duration}s`),enableAnimation||(style["--pseudo-element-display"]="none"),("string"==typeof width||"number"==typeof width)&&(style.width=width),("string"==typeof height||"number"==typeof height)&&(style.height=height),("string"==typeof borderRadius||"number"==typeof borderRadius)&&(style.borderRadius=borderRadius),circle&&(style.borderRadius="50%"),void 0!==baseColor&&(style["--base-color"]=baseColor),void 0!==highlightColor&&(style["--highlight-color"]=highlightColor),style}(styleOptions)},className="react-loading-skeleton";customClassName&&(className+=` ${customClassName}`);let inline=null!==(_a=styleOptions.inline)&&void 0!==_a&&_a,elements=[],countCeil=Math.ceil(count);for(let i=0;i<countCeil;i++){let thisStyle=style;if(countCeil>count&&i===countCeil-1){let width=null!==(_b=thisStyle.width)&&void 0!==_b?_b:"100%",fractionalPart=count%1,fractionalWidth="number"==typeof width?width*fractionalPart:`calc(${width} * ${fractionalPart})`;thisStyle={...thisStyle,width:fractionalWidth}}let skeletonSpan=react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:className,style:thisStyle,key:i},"‌");inline?elements.push(skeletonSpan):elements.push(react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{key:i},skeletonSpan,react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null)))}return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span",{className:containerClassName,"data-testid":containerTestId,"aria-live":"polite","aria-busy":null===(_c=styleOptions.enableAnimation)||void 0===_c||_c},Wrapper?elements.map((el,i)=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper,{key:i},el)):elements)}function SkeletonTheme({children,...styleOptions}){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SkeletonThemeContext.Provider,{value:styleOptions},children)}}},function(__webpack_require__){__webpack_require__.O(0,[188,774,888,179],function(){return __webpack_require__(__webpack_require__.s=9577)}),_N_E=__webpack_require__.O()}]);