


<!DOCTYPE html>
<html lang="en">
<head>
            <link rel="stylesheet" href="/Frontend/legacy/assets/mainStyles.css?v=639161806857109133">

    <!-- Google Tag Manager -->
    <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-NZCFC32');</script>
    <!-- End Google Tag Manager -->


<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Streamline project management and enhance efficiency with contractERP software. Tailored for architectural openings and contract glazing."/>
    <meta name="keywords" content="contract erp software, Division 8 ERP solutions, fenestration industry ERP, architectural openings distribution, contract glazing management, fenestration manufacturing, installation project efficiency, construction supply chain optimization, contractERP benefits, operational efficiency in construction, construction project management ERP"/>

    <meta name="robots" content="index,follow"/>

<link rel="apple-touch-icon" sizes="180x180" href="/globalassets/assets/favicons/cynclyfavicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/globalassets/assets/favicons/cynclyfaviconsmall.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/globalassets/assets/favicons/cynclyfaviconsmall.svg">    <meta name="og:locale" content="English"/>
    <meta name="og:title" content="contractERP | Cyncly"/>
    <meta name="og:description" content="Streamline project management and enhance efficiency with contractERP software. Tailored for architectural openings and contract glazing.&#xA;"/>
    <meta name="og:type" content="website"/>
    <meta name="og:url" content="/products/contracterp"/>
    <meta name="og:site_name" content="End-to-end Design Software Solutions | Cyncly"/>

<link rel="canonical" href="https://www.cyncly.com/products/contracterp" />
<link rel="alternate" href="https://www.cyncly.com/en-GB/products/contracterp" hreflang="en-GB" />
<link rel="alternate" href="https://www.cyncly.com/pt-BR/produtos/contracterp" hreflang="pt-BR" />
<link rel="alternate" href="https://www.cyncly.com/es-MX/Productos/Contratista" hreflang="es-MX" />
<link rel="alternate" href="https://www.cyncly.com/products/contracterp" hreflang="en-US" />
<link rel="alternate" href="https://www.cyncly.com/en-IN/products/contracterp" hreflang="en-IN" />
<link rel="alternate" href="https://www.cyncly.com/en-AU/products/contracterp" hreflang="en-AU" />
<link rel="alternate" href="https://www.cyncly.com/fr-BE/produits/contracterp" hreflang="fr-BE" />
<link rel="alternate" href="https://www.cyncly.com/de-AT/produkte/contracterp" hreflang="de-AT" />
<link rel="alternate" href="https://www.cyncly.com/en-CA/products/contracterp" hreflang="en-CA" />
<link rel="alternate" href="https://www.cyncly.com/fr-CA/produits/contracterp" hreflang="fr-CA" />
<link rel="alternate" href="https://www.cyncly.com/en-DK/products/contracterp" hreflang="en-DK" />
<link rel="alternate" href="https://www.cyncly.com/en-FI/products/contracterp" hreflang="en-FI" />
<link rel="alternate" href="https://www.cyncly.com/nb-NO/products/contracterp" hreflang="nb-NO" />
<link rel="alternate" href="https://www.cyncly.com/fr-FR/produits/contracterp" hreflang="fr-FR" />
<link rel="alternate" href="https://www.cyncly.com/de-DE/produkte/contracterp" hreflang="de-DE" />
<link rel="alternate" href="https://www.cyncly.com/hu-HU/products/contracterp" hreflang="hu-HU" />
<link rel="alternate" href="https://www.cyncly.com/en-IE/products/contracterp" hreflang="en-IE" />
<link rel="alternate" href="https://www.cyncly.com/it-IT/prodotti/contracterp" hreflang="it-IT" />
<link rel="alternate" href="https://www.cyncly.com/en-NL/products/contracterp" hreflang="en-NL" />
<link rel="alternate" href="https://www.cyncly.com/en-NZ/products/contracterp" hreflang="en-NZ" />
<link rel="alternate" href="https://www.cyncly.com/pt-PT/products/contracterp" hreflang="pt-PT" />
<link rel="alternate" href="https://www.cyncly.com/en-ZA/products/contracterp" hreflang="en-ZA" />
<link rel="alternate" href="https://www.cyncly.com/es-ES/Productos/contracterp" hreflang="es-ES" />
<link rel="alternate" href="https://www.cyncly.com/en-SE/products/contracterp" hreflang="en-SE" />
<link rel="alternate" href="https://www.cyncly.com/de-CH/produkte/contracterp" hreflang="de-CH" />
<link rel="alternate" href="https://www.cyncly.com/fr-CH/produits/contracterp" hreflang="fr-CH" />
<link rel="alternate" href="https://www.cyncly.com/it-CH/prodotti/contracterp" hreflang="it-CH" />
<link rel="alternate" href="https://www.cyncly.com/en-HU/products/contracterp" hreflang="en-HU" />
<link rel="alternate" href="https://www.cyncly.com/en-NO/products/contracterp" hreflang="en-NO" />
<link rel="alternate" href="https://www.cyncly.com/products/contracterp" hreflang="x-default" />
    <script>
!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{src: "https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js", crossOrigin: "anonymous", cfg: {connectionString: 'InstrumentationKey=f10f4a7d-13ac-4e74-b6d7-7e0f806cd945;IngestionEndpoint=https://westeurope-5.in.applicationinsights.azure.com/;LiveEndpoint=https://westeurope.livediagnostics.monitor.azure.com/;ApplicationId=3d6466e3-8bb7-44bc-a734-ec43975882f7', disableCookiesUsage: false }});
</script>


    <title>contractERP: Software for Architectural Openings | Cyncly</title>

<link rel="preload" href="https://cdn.optimizely.com/js/4903381264236544.js" as="script"></link>
<link rel="preconnect" href="//logx.optimizely.com">
<script>
window.optimizely = window.optimizely || [];

if (!document.cookie.includes('optimizelyAllowDataSharing=true'))
{
window.optimizely.push({
type: 'holdEvents'
});
}
</script>

<script src="https://cdn.optimizely.com/js/4903381264236544.js"></script>
</head>

<body id="cyncly" class="overflow-x-hidden" x-data="offCanvas()" :class="{'overflow-y-hidden': offCanvasOpen,  'overflow-y-visible': !offCanvasOpen }">
    
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZCFC32"
                height="0" width="0" style="display:none;visibility:hidden">
        </iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->

    <header class="navigation bg-white z-50 sticky top-0">
        <nav class="py-6 bg-white text-black relative z-50 px-4 sm:px-10 xl:px-14 ">
            <div class="flex w-full items-center justify-between max-w-screen-2xl mx-auto">
                <div class="flex items-center flex flex-row">


    <a href="/" class="w-28 max-w-[112px] lg:mr-16" aria-label="Navigate to homepage">
        <img src="/globalassets/assets/logos/company/cyncly-logo.png" alt="Cyncly Logo" width="107" height="26" class="w-28 h-auto max-w-none" />
    </a>
                    <div class="hidden xl:flex gap-x-6">
        <div data-mainMenu="722400a7eff445ad809d6a1c97917a76"
            class="group hover:underline hover:decoration-CTABlue hover:decoration-4 nav-item z-10">
            <a href="/products"
                class=" selected py-2 text-black  hover:text-CTABlue leading-5 whitespace-nowrap relative "
            >Products</a>

                <div id="722400a7eff445ad809d6a1c97917a76" class="hidden group-hover:block">


<div>

<div
    class="absolute w-full left-0 bg-white p-10 md:pb-16 md:px-16 md:pt-10 lg:pb-10 lg:pt-4 -z-10 navigation__megamenu--shadow prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="container mx-auto mt-24 lg:mt-10 flex flex-col xl:flex-row justify-between">
        <div class="flex flex-col w-full max-w-[850px] xl:mr-5"
            x-data="apiCaller({ responseData: {} }); dataReturner({ id: '' })" x-init="id = -1">
            <div class="w-ful border-b border-BGBeigeDark mb-6">
                <div x-data="customSelect({ariaId: 'industriesSelect'})" class="custom-select-wrapper mb-4">
                    <select id="industriesSelect" name="industries" class="mb-4" x-model="id"
                        x-on:change="getFetchedData('/en/api/Products/GetProducts', {'blockId': '745bb855-065d-4acf-a3fa-cb864363520f', 'industryId': id} )">
                        <option value="-1" selected>All industries</option>
                            <option value="eda83446879a4900997cd1ae3262ac1c">Bathroom</option>
                            <option value="1880f0434cb44df9918549768a8646f9">Flooring</option>
                            <option value="b452682f038140dcb3bc5e1eff398047">Furniture and Cabinet Manufacturing</option>
                            <option value="7d2bddd813d94534a59dbb0fdc5771a0">Kitchen</option>
                            <option value="efd54506be6b4c78a06f99859ce5d441">Manufacturing</option>
                            <option value="cd6f7499aa5b415f92c9cbd7c2c82948">Office</option>
                            <option value="1670724348454f37802f60ae9d70d5e1">Windows, Doors and Glass</option>
                    </select>
                </div>
            </div>
            <p class="font-medium text-Black mt-0 mb-6 font-sans text-[22px]"></p>
            <div x-show="!responseData || !responseData.data || !responseData.data.results"
                class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                    <a href="/products/3cad"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/kbfm/kbfm---product-icons/3cad-product-icon.png" loading="lazy" alt="3CAD" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">3CAD</strong>
                            <span class="max-w-[280px]">Seamless CPQ software for sales to production</span>
                        </div>
                    </a>
                    <a href="/products/winner-flex"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/kbfr/kbfr---product-icons/winner-flex-icon.png" loading="lazy" alt="Winner Flex" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Winner Flex</strong>
                            <span class="max-w-[280px]">Design, showcase, quote and order in minutes</span>
                        </div>
                    </a>
                    <a href="/products/spaces-flex"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/kbfr/kbfr---product-icons/spacesflex-product-icon.png" loading="lazy" alt="Spaces Flex" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Spaces Flex</strong>
                            <span class="max-w-[280px]">Accelerate kitchen &amp; bath customer conversion</span>
                        </div>
                    </a>
                    <a href="/products/cyncly-websites"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/ingredient-products/cyncly-websites/cyncly-websites-product-icon.png" loading="lazy" alt="Cyncly Websites" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Cyncly Websites</strong>
                            <span class="max-w-[280px]">Convert, inspire, and grow sales.</span>
                        </div>
                    </a>
                    <a href="/products/design-flex"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/contentassets/99ed0a03b56747c792cf6ef868c32bdb/designflex_rgb_product-icon.png" loading="lazy" alt="Design Flex" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Design Flex</strong>
                            <span class="max-w-[280px]">Design kitchens and bathrooms smarter, faster</span>
                        </div>
                    </a>
                    <a href="/products/fenevision"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/wdg/wdg---product-icons/fenevision-core-product-icon.png" loading="lazy" alt="FeneVision" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">FeneVision</strong>
                            <span class="max-w-[280px]">Optimize window, door, glass production</span>
                        </div>
                    </a>
                    <a href="/products/insight"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/kbfm/kbfm---product-icons/insight-product-icon.png" loading="lazy" alt="Insight" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Insight</strong>
                            <span class="max-w-[280px]">ERP software for furniture &amp; cabinet manufacturers</span>
                        </div>
                    </a>
                    <a href="/products/job-runner"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/flooring/flooring---product-icons/jobrunner-icon.png" loading="lazy" alt="JobRunner" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">JobRunner</strong>
                            <span class="max-w-[280px]">Manage flooring bids, projects, and finances.</span>
                        </div>
                    </a>
                    <a href="/products/measure-desktop"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/flooring/flooring---product-icons/measuredesktop-icon.png" loading="lazy" alt="Measure Desktop" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Measure Desktop</strong>
                            <span class="max-w-[280px]">Enhance flooring efficiency</span>
                        </div>
                    </a>
                    <a href="https://www.mozaiksoftware.com/"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/kbfm/kbfm---product-icons/mozaik-product-icon.png" loading="lazy" alt="Mozaik" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">Mozaik</strong>
                            <span class="max-w-[280px]">Complete CNC software for the cabinet industry</span>
                        </div>
                    </a>
                    <a href="/products/rfms-core"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/flooring/flooring---product-icons/rfms-erp-icon.png" loading="lazy" alt="RFMS ERP" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">RFMS ERP</strong>
                            <span class="max-w-[280px]">Unified flooring operations</span>
                        </div>
                    </a>
                    <a href="/products/soft-tech-v6"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/wdg/wdg---product-icons/softtechv6-product-icon.png" loading="lazy" alt="V6 Advantage" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">V6 Advantage</strong>
                            <span class="max-w-[280px]">Enhance design and estimate accuracy</span>
                        </div>
                    </a>
                    <a href="/products/contracterp"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/wdg/wdg---product-icons/contracterp-product-icon.png" loading="lazy" alt="contractERP" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">contractERP</strong>
                            <span class="max-w-[280px]">Tailored for architectural openings</span>
                        </div>
                    </a>
                    <a href="/products/simpliplan"
                        class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                        <img src="/globalassets/assets/logos/product/kbfr/kbfr---product-icons/simpliplan-product-icon.png" loading="lazy" alt="SimpliPlan" width="48" height="48"
                            class="w-auto h-12 my-0 mr-4">
                        <div class="flex flex-col">
                            <strong class="max-w-[280px]">SimpliPlan</strong>
                            <span class="max-w-[280px]">Design stunning bathrooms easily</span>
                        </div>
                    </a>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 ">
                <template
                    x-if="responseData && responseData.data && responseData.data.results && responseData.data.results.length > 0">
                    <template x-for="result in responseData.data.results">
                        <a :href="result.targetUrl"
                            class="flex items-center w-[272px] xl:w-[395px] no-underline hover:text-CTABlue">
                            <img :src="result.imageUrl" loading="lazy" :alt="result.imageAltText" width="48" height="48"
                                class="w-auto h-12 my-0 mr-4">
                            <div class="flex flex-col">
                                <strong x-text="result.title" class="truncate max-w-[280px]"></strong>
                                <span x-text="result.description" class="truncate max-w-[280px]"></span>
                            </div>
                        </a>
                    </template>
                </template>
            </div>
            <a id="redirectLink" href="/products"
                class="text-CTABlue text-lg underline font-medium leading-6 pt-6">View all products</a>
        </div>
        <div class="flex flex-col xl:border-l xl:border-BGBeigeDark xl:pl-6 mt-16 xl:mt-0 max-w-[400px]">
            

        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        var select = document.getElementById('industriesSelect');
        var link = document.getElementById('redirectLink');

        var baseUrl = '/products';

        select.addEventListener('change', function (e) {
            var value = e.target.value

            var option = e.target.querySelector(`option[value="${value}"]`);
            var label = "";

            if (option === null) {
                return false;
            }

            label = option.innerText;

            var query = '?industry=' + encodeURIComponent(label);

            link.href = baseUrl + query;
        });
    });
</script></div>                </div>
        </div>
        <div data-mainMenu="8e800faedf6b46dca2e9d899bfebee8b"
            class="group hover:underline hover:decoration-CTABlue hover:decoration-4 nav-item z-10">
            <a href="/industries"
                class=" py-2 text-black  hover:text-CTABlue leading-5 whitespace-nowrap relative "
            >Industries</a>

                <div id="8e800faedf6b46dca2e9d899bfebee8b" class="hidden group-hover:block">


<div><div class="absolute w-full left-0 bg-white p-5 sm:pb-16 sm:px-16 sm:pt-10 lg:pb-10 lg:pt-4 -z-10 navigation__megamenu--shadow">
    <div class="container mx-auto flex flex-col lg:flex-row mt-10">
        <div class="flex flex-row">
            <div class="lg:border-r lg:border-BGBeigeDark lg:pr-5 space-y-4">
                    <a data-industriesmenu="7d2bddd813d94534a59dbb0fdc5771a0" href="/industries/kitchen"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Kitchen
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
                    <a data-industriesmenu="b452682f038140dcb3bc5e1eff398047" href="/industries/furniture"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Furniture
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
                    <a data-industriesmenu="eda83446879a4900997cd1ae3262ac1c" href="/industries/bathroom"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Bathroom
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
                    <a data-industriesmenu="1880f0434cb44df9918549768a8646f9" href="/industries/flooring"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Flooring
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
                    <a data-industriesmenu="1670724348454f37802f60ae9d70d5e1" href="/industries/windows-doors-glass"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Windows, Doors and Glass
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
                    <a data-industriesmenu="efd54506be6b4c78a06f99859ce5d441" href="/industries/manufacturing"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Manufacturing
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
                    <a data-industriesmenu="cd6f7499aa5b415f92c9cbd7c2c82948" href="/industries/office"
                       class="navigation__link--mobile flex flex-row border-b lg:border-b-0 items-center lg:w-64 whitespace-nowrap justify-between hover:text-CTABlue">
                        Office
                        <img src="/Frontend/assets/icons/icon-carret-right.svg" loading="lazy" alt="select Arrow" width="24" height="24" class="w-6 h-6 ">
                    </a>
            </div>
                <div id="7d2bddd813d94534a59dbb0fdc5771a0" data-industriesmenupane="7d2bddd813d94534a59dbb0fdc5771a0" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <a href="/industries/kitchen/independent-retailers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Independent Kitchen Designers &amp; Retailers</span>
                        </a>
                        <a href="/industries/kitchen/large-retailers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Solutions for Large Kitchen Retail Specialists</span>
                        </a>
                        <a href="/industries/kitchen/ecommerce-specialists"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">eCommerce Kitchen Retailers</span>
                        </a>
                        <a href="/industries/kitchen/big-box-retailers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Big Box DIY Kitchen Retailers</span>
                        </a>
                </div>
            </div>
            <a href="/industries/kitchen"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
                <div id="b452682f038140dcb3bc5e1eff398047" data-industriesmenupane="b452682f038140dcb3bc5e1eff398047" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <a href="/industries/furniture/furniture-cabinets-manufacturers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Furniture &amp; Cabinet Manufacturers</span>
                        </a>
                </div>
            </div>
            <a href="/industries/furniture"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
                <div id="eda83446879a4900997cd1ae3262ac1c" data-industriesmenupane="eda83446879a4900997cd1ae3262ac1c" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <a href="/industries/bathroom/independent-retailers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Independent Bathroom Retailers</span>
                        </a>
                        <a href="/industries/bathroom/large-retailers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Large Bath Retail Specialists</span>
                        </a>
                        <a href="/industries/bathroom/big-box-retailers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Big Box DIY Bathroom Retailers</span>
                        </a>
                        <a href="/industries/bathroom/ecommerce-specialists"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">eCommerce Bathroom Retailers</span>
                        </a>
                </div>
            </div>
            <a href="/industries/bathroom"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
                <div id="1880f0434cb44df9918549768a8646f9" data-industriesmenupane="1880f0434cb44df9918549768a8646f9" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <a href="/industries/flooring/builder"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Flooring businesses serving the builder market</span>
                        </a>
                        <a href="/industries/flooring/commercial"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Flooring businesses serving the commercial market</span>
                        </a>
                        <a href="/industries/flooring/flooring-businesses-serving-the-residential-market"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Residential flooring dealers and installers</span>
                        </a>
                        <a href="/industries/flooring/manufacturers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Flooring manufacturers</span>
                        </a>
                </div>
            </div>
            <a href="/industries/flooring"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
                <div id="1670724348454f37802f60ae9d70d5e1" data-industriesmenupane="1670724348454f37802f60ae9d70d5e1" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <a href="/industries/windows-doors-glass/profile-suppliers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Profile Suppliers</span>
                        </a>
                        <a href="/industries/windows-doors-glass/residential-manufacturers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Residential Window and Door Manufacturers</span>
                        </a>
                        <a href="/industries/windows-doors-glass/glass-fabricators"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Glass Fabricators</span>
                        </a>
                        <a href="/industries/windows-doors-glass/commercial-manufacturers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Commercial Windows and Doors Manufacturers</span>
                        </a>
                        <a href="/industries/windows-doors-glass/architectural-openings-suppliers-and-manufacturers-division-8"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Architectural openings distribution and manufacturing</span>
                        </a>
                </div>
            </div>
            <a href="/industries/windows-doors-glass"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
                <div id="efd54506be6b4c78a06f99859ce5d441" data-industriesmenupane="efd54506be6b4c78a06f99859ce5d441" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <a href="/industries/manufacturing/generic-manufacturer-non-kbs-customizable-goods"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Non-Furniture Manufacturers</span>
                        </a>
                        <a href="/industries/windows-doors-glass/residential-manufacturers"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Residential Window and Door Manufacturers</span>
                        </a>
                        <a href="/industries/windows-doors-glass/architectural-openings-suppliers-and-manufacturers-division-8"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Architectural openings distribution and manufacturing</span>
                        </a>
                        <a href="/industries/windows-doors-glass/glass-fabricators"
                            class="flex flex-col overflow-hidden text-ellipsis no-underline hover:text-CTABlue">
                            <span class="font-thin text-[26px] font-sans">Glass Fabricators</span>
                        </a>
                </div>
            </div>
            <a href="/industries/manufacturing"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
                <div id="cd6f7499aa5b415f92c9cbd7c2c82948" data-industriesmenupane="cd6f7499aa5b415f92c9cbd7c2c82948" class="hidden">
<div class="flex flex-col xl:flex-row prose md:prose-md lg:prose-large xl:prose-xlarge">
    <div class="hidden lg:flex lg:flex-col lg:ml-12 space-y-16">
        <div class="flex flex-col">
            <p class="pb-6 border-b border-BGBeigeDark text-[34px] tracking-normal font-normal text-ProseHeadings">
                Solutions for</p>

            <div class="container mx-auto flex flex-wrap">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                </div>
            </div>
            <a href="/industries/office"
                class="text-CTABlue text-lg underline font-medium leading-6 absolute bottom-0 pb-8">View overview</a>
        </div>

        <div class="xl:hidden">
            <div class="w-full">
                

            </div>
        </div>

    </div>
    <div class="hidden xl:flex xl:flex-col">
        <div class="ml-12 w-64">
            

        </div>
    </div>
</div>                </div>
        </div>
    </div>
</div></div>                </div>
        </div>
        <div data-mainMenu="956b377549224cdd85c3babc136bed4a"
            class="group hover:underline hover:decoration-CTABlue hover:decoration-4 nav-item z-10">
            <a href="/about-us"
                class=" py-2 text-black  hover:text-CTABlue leading-5 whitespace-nowrap relative "
            >About Us</a>

                <div id="956b377549224cdd85c3babc136bed4a" class="absolute p-5 px-0 -z-10 -translate-x-5 z-[10] hidden group-hover:block">
                    <div class="container mx-auto flex flex-row mt-2 bg-white navigation__simpledropdown--shadow rounded-lg">
                        <div class="flex flex-col min-w-[120px] py-5 space-y-2">
                                <a class="px-5" href="/about-us/why-cyncly" >Why Cyncly</a>
                                <a class="px-5" href="/about-us/cyncly-ai" >Cyncly AI</a>
                                <a class="px-5" href="/about-us/brands" >Brands</a>
                                <a class="px-5" href="/about-us/network" >Network</a>
                                <a class="px-5" href="/about-us/investor-relations" >Investor Relations</a>
                        </div>
                    </div>
                </div>
                <div id="956b377549224cdd85c3babc136bed4a" class="hidden group-hover:block">


                </div>
        </div>
        <div data-mainMenu="5f5d9d25cc5f4f5bbf60c161a36fd142"
            class="group hover:underline hover:decoration-CTABlue hover:decoration-4 nav-item z-10">
            <a href="/careers"
                class=" py-2 text-black  hover:text-CTABlue leading-5 whitespace-nowrap relative "
            >Careers</a>

        </div>
        <div data-mainMenu="675111c2e1c14944a8cc6dbdf50fc172"
            class="group hover:underline hover:decoration-CTABlue hover:decoration-4 nav-item z-10">
            <a href="https://spaces.cyncly.com/contact-us.html"
                class=" py-2 text-black  hover:text-CTABlue leading-5 whitespace-nowrap relative "
            >Contact Us</a>

        </div>
        <div data-mainMenu="139f3bc8998349aba2d2898e98c59db2"
            class="group hover:underline hover:decoration-CTABlue hover:decoration-4 nav-item z-10">
            <a href="/resources"
                class=" py-2 text-black  hover:text-CTABlue leading-5 whitespace-nowrap relative "
            >Resources</a>

                <div id="139f3bc8998349aba2d2898e98c59db2" class="absolute p-5 px-0 -z-10 -translate-x-5 z-[10] hidden group-hover:block">
                    <div class="container mx-auto flex flex-row mt-2 bg-white navigation__simpledropdown--shadow rounded-lg">
                        <div class="flex flex-col min-w-[120px] py-5 space-y-2">
                                <a class="px-5" href="/resources/playbooks" >Playbooks</a>
                                <a class="px-5" href="/resources/blog" >Blogs</a>
                                <a class="px-5" href="/resources/events" >Events</a>
                                <a class="px-5" href="/resources/news" >News</a>
                                <a class="px-5" href="/resources/webinars" >Webinars</a>
                                <a class="px-5" href="/resources/customer-stories" >Customer stories</a>
                        </div>
                    </div>
                </div>
                <div id="139f3bc8998349aba2d2898e98c59db2" class="hidden group-hover:block">


                </div>
        </div>
                    </div>
                </div>

                <div class="flex flex-row ml-auto gap-2">

                    <div class="flex items-center hidden xl:flex gap-x-6 ml-auto meta-navigation">
        <div class="nav-item group hover:underline hover:decoration-CTABlue hover:decoration-4">
            <a href="/support" class=" py-2 text-black leading-5 whitespace-nowrap relative " >Support</a>
                <div id="64924f649c1549fd9ecf36048b1731fc" class="hidden group-hover:block">


<div>
    <div class="absolute p-5 px-0 -z-10 -translate-x-5 z-[10]">
        <div class="container mx-auto flex flex-row mt-2 bg-white navigation__simpledropdown--shadow rounded-lg">
            <div class="flex flex-col min-w-[120px] py-5 space-y-2">
                    <a class="px-5" href="https://account.cyncly.com/index.html" >Cyncly Account</a>
                    <a class="px-5" href="/support/customer-success-plans" >Customer Success Plans</a>
            </div>
        </div>
    </div>
</div>                </div>
        </div>
                    </div>

                    <div style="display: none !important;">

<div>
    <input id="searchbox" type="text" placeholder="What are you looking for?" data-searchmodel="" data-searchqueryparam="searchTerm"/>
</div>                    </div>

                    <span class="vr hidden xl:block border-l border-BGBeigeDark h-6"></span>




<a href="#popup-countryLanguageSwitch" class="flex items-center cursor-pointer preferences-button">
    <svg width="24"
         height="24"
         viewBox="0 0 24 24"
         fill="none"
         class="w-6 h-6 mr-2 shrink-0"
         title="Globe Icon"
         xmlns="http://www.w3.org/2000/svg">
        <g id="icon-globe" clip-path="url(#clip0_926_10720)">
            <path id="Vector"
                  d="M15 2C16.1981 4.03919 17 7.75771 17 12C17 16.2423 16.1981 19.9553 15 22"
                  stroke="#252525"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round" />
            <path id="Vector_2"
                  d="M23 12L-1.19981e-06 12"
                  stroke="#252525"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round" />
            <path id="Vector_3"
                  d="M9 22C7.80189 19.9608 7 16.2423 7 12C7 7.75771 7.80189 4.04468 9 2"
                  stroke="#252525"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round" />
            <path id="Vector_4"
                  d="M3 6.25586H21"
                  stroke="#252525"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round" />
            <path id="Vector_5"
                  d="M21 17.7441H3"
                  stroke="#252525"
                  stroke-width="1.5"
                  stroke-linecap="round"
                  stroke-linejoin="round" />
            <circle id="Ellipse 1"
                    cx="12"
                    cy="12"
                    r="11.25"
                    stroke="#252525"
                    stroke-width="1.5" />
        </g>
        <defs>
            <clipPath id="clip0_926_10720">
                <rect width="24"
                      height="24"
                      fill="white"
                      transform="matrix(-1 0 0 -1 24 24)" />
            </clipPath>
        </defs>
    </svg>

    <span class="uppercase hidden sm:block truncate">Worldwide | English</span>
    <span class="uppercase block sm:hidden truncate">EN</span>
</a>

<div x-data="modal({ id: 'countryLanguageSwitch', scrollLock: false })">
    <div x-show="isOpen" x-cloak class="modal-backdrop fixed bg-black/50 transition-opacity z-50"
         aria-hidden="true">
    </div>
    <div x-show="isOpen" x-on:keydown.window.escape="close()" class="modal modal--countrySelect modal--centered z-50"
         aria-labelledby="modal-title" role="dialog" x-cloak id="countryLanguageSwitch" aria-modal="true">
        <div class="flex items-end justify-center sm:block"
             x-data="preferencesApi({ responseData: {}, apiRequestCompleted: false })">

            <div x-on:click.outside="close()" x-show="isOpen" x-cloak
                 class="lg:w-[432px] min-w-[300px] max-w-7xl max-h-[650px] h-auto modal__content bg-white rounded-2xl relative inline-block align-center text-left shadow-sm transform transition-all flex flex-col"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
                <div class="p-6 sm:px-6 sm:pb-9 sm:pt-8 w-full prose md:prose-md lg:prose-large relative">
                    <div class="flex flex-row items-center absolute top-0 right-[4px]">
                        <button x-on:click="close()" type="button" class="ml-auto bg-white rounded-md text-gray-400 hover:text-gray-500 z-20 relative">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.5 4.5L19.5 19.5" stroke="#292BFF" stroke-width="2" stroke-linecap="round"></path>
                                <path d="M19.5 4.5L4.5 19.5" stroke="#292BFF" stroke-width="2" stroke-linecap="round"></path>
                            </svg>
                        </button>
                    </div>
                    <div class="flex justify-center w-full prose">
                        <p class="mb-0 text-center text-[28px] max-w-[270px] leading-[120%] text-Blue3 tracking-[-1.08px]">Select your Country and Language Preference</p>
                    </div>
                </div>

                <div class="flex-grow pt-6 prose">
                    <form class="flex flex-col h-full">
                        <div class="px-9 flex-grow"
                             x-data="searchableSelectGroup"
                             x-on:toggle="setOpenIndex($event.detail.index)">

                            <div class="combobox">
                                    <label class="block text-md font-medium text-BodyCopy combobox__label"> Country </label>
                                <div x-data="searchableSelect({
                                                index: 1,
                                                activeIndex: 0,
                                                scrollLock: true,
                                                pageId: 2495
                                            })"
                                     x-on:reset-searchable-selects.window="resetToInitial()"
                                     class="relative w-full">
                                    <button x-on:click="$dispatch('toggle', { index: 1 })"
                                            type="button"
                                            :class="expanded ? 'combobox__toggle accordion__header-open accordion--open' : 'combobox__toggle'"
                                            :id="'accordion-header-' + ariaId"
                                            :aria-expanded="expanded.toString()"
                                            :aria-controls="'accordion-body-' + ariaId">
                                        <div class="flex items-center justify-between">
                                            <span class="mr-2">
                                                <div>
                                                    <p x-text="inputLabel"></p>
                                                </div>
                                            </span>
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="expanded && 'rotate-180'" class="h-6 w-6 shrink-0 transform transition-transform duration-500">
                                                <path d="M6 9L11.8065 15L18 9" stroke="#292BFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                    </button>

                                    <div :class="expanded ? 'accordion__item__content w-full combobox__content combobox__content--open' : 'accordion__item__content w-full combobox__content'"
                                         :id="'accordion-body-' + ariaId"
                                         role="region"
                                         :aria-labelledby="'accordion-header-' + ariaId"
                                         x-collapse
                                         x-show="expanded">
                                        <div class="combobox__content-inner">
                                            <div class="combobox__content-options">
                                                <input type="text" x-model="currentSelection" class="hidden" name="selectedCountry" id="selectedCountryInput" />

                                                <div class="combobox__content-searchfield">
                                                    <input type="text"
                                                           x-on:input="handleUpdateSearchTerm($event)"
                                                           x-model="searchTerm"
                                                           class="w-full"
                                                           placeholder="Search for a Country" />
                                                </div>

                                                        <button x-on:click="$root.selectedCountry = 'Worldwide'; handleSelection('Worldwide', 'Worldwide')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Worldwide' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="Worldwide">
                                                            <span class="block truncate"> Worldwide </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'us'; handleSelection('us', 'United States')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'United States' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="us">
                                                            <span class="block truncate"> United States </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'gb'; handleSelection('gb', 'United Kingdom')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'United Kingdom' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="gb">
                                                            <span class="block truncate"> United Kingdom </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'au'; handleSelection('au', 'Australia')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Australia' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="au">
                                                            <span class="block truncate"> Australia </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'at'; handleSelection('at', 'Austria')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Austria' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="at">
                                                            <span class="block truncate"> Austria </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'be'; handleSelection('be', 'Belgium')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Belgium' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="be">
                                                            <span class="block truncate"> Belgium </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'br'; handleSelection('br', 'Brazil')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Brazil' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="br">
                                                            <span class="block truncate"> Brazil </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'ca'; handleSelection('ca', 'Canada')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Canada' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="ca">
                                                            <span class="block truncate"> Canada </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'dk'; handleSelection('dk', 'Denmark')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Denmark' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="dk">
                                                            <span class="block truncate"> Denmark </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'fi'; handleSelection('fi', 'Finland')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Finland' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="fi">
                                                            <span class="block truncate"> Finland </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'fr'; handleSelection('fr', 'France')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'France' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="fr">
                                                            <span class="block truncate"> France </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'de'; handleSelection('de', 'Germany')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Germany' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="de">
                                                            <span class="block truncate"> Germany </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'hu'; handleSelection('hu', 'Hungary')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Hungary' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="hu">
                                                            <span class="block truncate"> Hungary </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'in'; handleSelection('in', 'India')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'India' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="in">
                                                            <span class="block truncate"> India </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'ie'; handleSelection('ie', 'Ireland')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Ireland' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="ie">
                                                            <span class="block truncate"> Ireland </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'it'; handleSelection('it', 'Italy')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Italy' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="it">
                                                            <span class="block truncate"> Italy </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'mx'; handleSelection('mx', 'Mexico')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Mexico' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="mx">
                                                            <span class="block truncate"> Mexico </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'nl'; handleSelection('nl', 'Netherlands')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Netherlands' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="nl">
                                                            <span class="block truncate"> Netherlands </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'nz'; handleSelection('nz', 'New Zealand')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'New Zealand' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="nz">
                                                            <span class="block truncate"> New Zealand </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'no'; handleSelection('no', 'Norway')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Norway' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="no">
                                                            <span class="block truncate"> Norway </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'pt'; handleSelection('pt', 'Portugal')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Portugal' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="pt">
                                                            <span class="block truncate"> Portugal </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'za'; handleSelection('za', 'South Africa')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'South Africa' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="za">
                                                            <span class="block truncate"> South Africa </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'es'; handleSelection('es', 'Spain')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Spain' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="es">
                                                            <span class="block truncate"> Spain </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'se'; handleSelection('se', 'Sweden')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Sweden' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="se">
                                                            <span class="block truncate"> Sweden </span>
                                                        </button>
                                                        <button x-on:click="$root.selectedCountry = 'ch'; handleSelection('ch', 'Switzerland')"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === 'Switzerland' ? 'current' : ''"
                                                                data-filterable
                                                                data-value="ch">
                                                            <span class="block truncate"> Switzerland </span>
                                                        </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="combobox">
                                    <label class="block text-md font-medium text-BodyCopy combobox__label"> Language </label>
                                <div x-data="searchableSelect({
                                                index: 2,
                                                activeIndex: 0,
                                                scrollLock: true
                                            })"
                                     x-init="
                                        $watch('languageOptions', value => {
                                            if (value && value.length > 0) {
                                                currentSelection = value[0].value;
                                                inputLabel = value[0].label;
                                                activeIndex = 0;
                                            }
                                        })
                                    "
                                     x-on:update-language-options.window="languageOptions = $event.detail"
                                     x-on:reset-searchable-selects.window="resetToInitial()"
                                     class="relative w-full">
                                    <button x-on:click="$dispatch('toggle', { index: 2 })"
                                            type="button"
                                            :class="expanded ? 'combobox__toggle accordion__header-open accordion--open' : 'combobox__toggle'"
                                            :id="'accordion-header-' + ariaId"
                                            :aria-expanded="expanded.toString()"
                                            :aria-controls="'accordion-body-' + ariaId">
                                        <div class="flex items-center justify-between">
                                            <span class="mr-2">
                                                <div>
                                                    <p x-text="inputLabel"></p>
                                                </div>
                                            </span>
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="expanded && 'rotate-180'" class="h-6 w-6 shrink-0 transform transition-transform duration-500">
                                                <path d="M6 9L11.8065 15L18 9" stroke="#292BFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                    </button>

                                    <div :class="expanded ? 'accordion__item__content w-full combobox__content combobox__content--open' : 'accordion__item__content w-full combobox__content'"
                                         :id="'accordion-body-' + ariaId"
                                         role="region"
                                         :aria-labelledby="'accordion-header-' + ariaId"
                                         x-collapse
                                         x-show="expanded">
                                        <div class="combobox__content-inner">
                                            <div class="combobox__content-options">
                                                <input type="text" x-model="currentSelection" class="hidden" name="selectedLanguage" id="selectedLanguageInput" />
                                                <div class="combobox__content-searchfield">
                                                    <input type="text"
                                                           x-on:input="handleUpdateSearchTerm($event)"
                                                           x-model="searchTerm"
                                                           class="w-full "
                                                           placeholder="Search for a Language" />

                                                </div>

                                                <template x-if="languageOptions">
                                                    <template x-for="lang in languageOptions" :key="lang.value">
                                                            <button 
                                                                x-on:click="$root.selectedLanguage = lang.value; handleSelection(lang.value, lang.label)"
                                                                type="button"
                                                                class="w-full py-2 text-left truncate whitespace-normal break-words"
                                                                :class="inputLabel === lang.label ? 'current' : ''"
                                                                data-filterable
                                                                :data-value="lang.value">
                                                                <span class="block truncate" x-text="lang.label"></span>
                                                            </button>
                                                    </template>
                                                </template>
                                                <template x-if="!languageOptions">

                                                </template>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="flex justify-between px-9 py-7">
                            <button x-on:click="close()" type="button" class="btn  btn--text text-CTABlue undefined">Cancel</button>
                            <button type="submit"
                                    x-on:click="event.preventDefault();redirectUser('/EN/api/Preferences/language', '2495')"
                                    class="btn btn--primary text-undefined m-0">
                                Confirm preferences
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
                    <div class="xl:hidden flex">
                        <button type="button"
                                class="inline-flex xl:hidden items-center justify-center rounded-md text-nav-link focus:outline-hidden ml-5"
                                x-on:click="toggle" aria-controls="mobile-menu" :aria-expanded="offCanvasOpen"
                                aria-label="Toggle mobile menu">
                            <span class="sr-only">Open main menu</span>
                            <svg x-show="!offCanvasOpen"
                                 class="block h-6 w-6 stroke-current"
                                 stroke="currentColor"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 aria-hidden="true">
                                <path stroke-linecap="round"
                                      stroke-linejoin="round"
                                      stroke-width="2"
                                      d="M4 6h16M4 12h16M4 18h16" />
                            </svg>

                            <svg x-show="offCanvasOpen"
                                 class="h-6 w-6 stroke-current"
                                 stroke="currentColor"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 aria-hidden="true">
                                <path stroke-linecap="round"
                                      stroke-linejoin="round"
                                      stroke-width="2"
                                      d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                </div>
            </div>



<div id="off-canvas"
     x-cloak
     class="off-canvas overflow-y-scroll flex flex-col xl:hidden fixed left-0 right-0 border-t border-solid border-gray-200 text-nav-link bg-white"
     x-transition:enter="transition ease-out duration-150"
     x-transition:enter-start="opacity-0 translate-x-52"
     x-transition:enter-end="opacity-100 translate-x-0"
     x-transition:leave="transition ease-in duration-150"
     x-transition:leave-start="opacity-100 translate-x-0"
     x-transition:leave-end="opacity-0 translate-x-52"
     id="mobile-menu"
     x-show="offCanvasOpen"
     x-on:click.outside="offCanvasOpen = false">
    <div class="pt-4 px-4 pb-6 container mx-auto">
        <nav role="navigation" class="text-prose-text">
            <ul data-level-1 class="mb-6 container mx-auto">
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <button x-on:click.stop="open = true"
                                    class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight"
                                    aria-label="Navigate back to previous menu list">
                                <span>Products</span>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </button>
                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                <ul data-level-2 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                <li>
                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                        </svg><span>Back</span>

                                    </a>
                                </li> 
                                <li class="mb-3">
                                    <p class="text-nav-headline text-2xl">Products</p>
                                </li>
                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products">Overview</a>

                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/3cad" class="" data-navigation-secondlevel="e57922fb-3b39-424f-9ef7-e2197b824152" >
                                                3CAD
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/winner-flex" class="" data-navigation-secondlevel="525d1176-3fc6-46c9-bd0e-65ab213e8280" >
                                                Winner Flex
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/spaces-flex" class="" data-navigation-secondlevel="4a5ceea9-ca81-4135-83c0-c6066910fd04" >
                                                Spaces Flex
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/cyncly-websites" class="" data-navigation-secondlevel="5413f727-ee3f-409f-b8ae-1c6623aa8df9" >
                                                Cyncly Websites
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/design-flex" class="" data-navigation-secondlevel="bc385712-0969-47e8-8788-2ad3ebd2d5b8" >
                                                Design Flex
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/fenevision" class="" data-navigation-secondlevel="c130132d-7e38-41ad-b8b0-347c68969d8e" >
                                                FeneVision
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/insight" class="" data-navigation-secondlevel="3733a17d-609b-4f59-a352-c583f163904a" >
                                                Insight
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/job-runner" class="" data-navigation-secondlevel="6abb420f-3bc3-4323-8744-9cdacdd9bddd" >
                                                JobRunner
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/measure-desktop" class="" data-navigation-secondlevel="20cb2a62-e1dd-4c26-a697-0807f63a484c" >
                                                Measure Desktop
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="https://www.mozaiksoftware.com" class="" data-navigation-secondlevel="cfb2f263-998e-4a45-822d-536bcbe6655b" >
                                                Mozaik
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/rfms-core" class="" data-navigation-secondlevel="56210c4d-b269-4273-8fbf-10751bf9ed03" >
                                                RFMS ERP
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/soft-tech-v6" class="" data-navigation-secondlevel="9af5402e-f997-49f2-bc56-912b09f7e2a1" >
                                                V6 Advantage
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/contracterp" class=" active" data-navigation-secondlevel="f61883a6-4391-4bde-96f9-6df9a94b8a47" >
                                                contractERP
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/products/simpliplan" class="" data-navigation-secondlevel="59377382-5f9f-4a92-8f04-3b540068e3a7" >
                                                SimpliPlan
                                            </a>
                                    </li>
                            </ul>
                            </div>
                    </li>
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <button x-on:click.stop="open = true"
                                    class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight"
                                    aria-label="Navigate back to previous menu list">
                                <span>Industries</span>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </button>
                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                <ul data-level-2 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                <li>
                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                        </svg><span>Back</span>

                                    </a>
                                </li> 
                                <li class="mb-3">
                                    <p class="text-nav-headline text-2xl">Industries</p>
                                </li>
                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries">Overview</a>

                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <button x-on:click.stop="open = true" class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight">
                                                <span>Kitchen</span>
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                                <ul data-level-3 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                                <li>
                                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                        </svg><span>Back</span>

                                                    </a>
                                                </li>
                                                <li class="mb-3">
                                                    <p class="text-nav-headline text-2xl">Kitchen</p>
                                                </li>
                                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/kitchen">Overview</a>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/kitchen/independent-retailers" class="" data-navigation-thirdlevel="dd7846b3-b5e0-4ab0-9436-ea11061f94d2" >
                                                            Independent Kitchen Designers &amp; Retailers
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/kitchen/large-retailers" class="" data-navigation-thirdlevel="461f855f-6521-448b-a105-97d7f4b4740a" >
                                                            Solutions for Large Kitchen Retail Specialists
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/kitchen/ecommerce-specialists" class="" data-navigation-thirdlevel="7b5a2585-e498-4238-96fe-74c65ba01cf0" >
                                                            eCommerce Kitchen Retailers
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/kitchen/big-box-retailers" class="" data-navigation-thirdlevel="7522c708-99a4-45b5-b801-76ea0e4cfac1" >
                                                            Big Box DIY Kitchen Retailers
                                                        </a>
                                                    </li>
                                            </ul>
                                            </div>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <button x-on:click.stop="open = true" class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight">
                                                <span>Furniture</span>
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                                <ul data-level-3 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                                <li>
                                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                        </svg><span>Back</span>

                                                    </a>
                                                </li>
                                                <li class="mb-3">
                                                    <p class="text-nav-headline text-2xl">Furniture</p>
                                                </li>
                                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/furniture">Overview</a>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/furniture/furniture-cabinets-manufacturers" class="" data-navigation-thirdlevel="239eb72c-ef08-493c-8cbc-766d55382759" >
                                                            Furniture &amp; Cabinet Manufacturers
                                                        </a>
                                                    </li>
                                            </ul>
                                            </div>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <button x-on:click.stop="open = true" class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight">
                                                <span>Bathroom</span>
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                                <ul data-level-3 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                                <li>
                                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                        </svg><span>Back</span>

                                                    </a>
                                                </li>
                                                <li class="mb-3">
                                                    <p class="text-nav-headline text-2xl">Bathroom</p>
                                                </li>
                                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/bathroom">Overview</a>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/bathroom/independent-retailers" class="" data-navigation-thirdlevel="b32c31d0-3076-4f5d-b962-869ec8417999" >
                                                            Independent Bathroom Retailers
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/bathroom/large-retailers" class="" data-navigation-thirdlevel="1f13019a-18c4-4119-a9c1-ee68d1552474" >
                                                            Large Bath Retail Specialists
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/bathroom/ecommerce-specialists" class="" data-navigation-thirdlevel="90296c4d-1ea5-4e20-ab8e-b04d1d22a8d9" >
                                                            eCommerce Bathroom Retailers
                                                        </a>
                                                    </li>
                                            </ul>
                                            </div>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <button x-on:click.stop="open = true" class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight">
                                                <span>Flooring</span>
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                                <ul data-level-3 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                                <li>
                                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                        </svg><span>Back</span>

                                                    </a>
                                                </li>
                                                <li class="mb-3">
                                                    <p class="text-nav-headline text-2xl">Flooring</p>
                                                </li>
                                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/flooring">Overview</a>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/flooring/flooring-businesses-serving-the-residential-market" class="" data-navigation-thirdlevel="ed0231a3-c45c-42c2-b445-682109e98ec4" >
                                                            Residential flooring dealers and installers
                                                        </a>
                                                    </li>
                                            </ul>
                                            </div>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <button x-on:click.stop="open = true" class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight">
                                                <span>Windows, Doors and Glass</span>
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                                <ul data-level-3 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                                <li>
                                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                        </svg><span>Back</span>

                                                    </a>
                                                </li>
                                                <li class="mb-3">
                                                    <p class="text-nav-headline text-2xl">Windows, Doors and Glass</p>
                                                </li>
                                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/windows-doors-glass">Overview</a>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/windows-doors-glass/commercial-manufacturers" class="" data-navigation-thirdlevel="49a7266d-454f-435c-b24b-547ffa631079" >
                                                            Commercial Windows and Doors Manufacturers
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/windows-doors-glass/residential-manufacturers" class="" data-navigation-thirdlevel="b358c97a-28f9-4fb9-87b7-df3abc9df3e3" >
                                                            Residential Window and Door Manufacturers
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/windows-doors-glass/mid-large-fenestration-retailers-and-manufacturers" class="" data-navigation-thirdlevel="6b46a203-fd98-4ee5-8dba-0865da52df5f" >
                                                            Dealers
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/windows-doors-glass/architectural-openings-suppliers-and-manufacturers-division-8" class="" data-navigation-thirdlevel="9d1cbd62-3a30-4af4-a96e-35151402a552" >
                                                            Architectural openings distribution and manufacturing
                                                        </a>
                                                    </li>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/windows-doors-glass/glass-fabricators" class="" data-navigation-thirdlevel="f35df048-933a-4b57-b786-f9bd97ff553e" >
                                                            Glass Fabricators
                                                        </a>
                                                    </li>
                                            </ul>
                                            </div>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <button x-on:click.stop="open = true" class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight">
                                                <span>Manufacturing</span>
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                </svg>
                                            </button>
                                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                                <ul data-level-3 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                                <li>
                                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                                        </svg><span>Back</span>

                                                    </a>
                                                </li>
                                                <li class="mb-3">
                                                    <p class="text-nav-headline text-2xl">Manufacturing</p>
                                                </li>
                                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/manufacturing">Overview</a>
                                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                                                        <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/manufacturing/generic-manufacturer-non-kbs-customizable-goods" class="" data-navigation-thirdlevel="5a1f9040-b4f4-4df0-bef4-bd438d07861c" >
                                                            Non-Furniture Manufacturers
                                                        </a>
                                                    </li>
                                            </ul>
                                            </div>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/industries/office" class="" data-navigation-secondlevel="cd6f7499-aa5b-415f-92c9-cbd7c2c82948" >
                                                Office
                                            </a>
                                    </li>
                            </ul>
                            </div>
                    </li>
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <button x-on:click.stop="open = true"
                                    class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight"
                                    aria-label="Navigate back to previous menu list">
                                <span>About Us</span>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </button>
                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                <ul data-level-2 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                <li>
                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                        </svg><span>Back</span>

                                    </a>
                                </li> 
                                <li class="mb-3">
                                    <p class="text-nav-headline text-2xl">About Us</p>
                                </li>
                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/about-us">Overview</a>

                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/about-us/why-cyncly" class="" data-navigation-secondlevel="0a7d5d4b-545a-4791-a919-9237d5acbc98" >
                                                Why Cyncly
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/about-us/cyncly-ai" class="" data-navigation-secondlevel="5d3d0138-9a75-4303-a438-2b63e4469a64" >
                                                Cyncly AI
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/about-us/brands" class="" data-navigation-secondlevel="59561290-5d48-41f7-8102-6a1c8369831a" >
                                                Brands
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/about-us/network" class="" data-navigation-secondlevel="c6a8040d-14ca-434b-bb53-2c62b2404937" >
                                                Network
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/about-us/investor-relations" class="" data-navigation-secondlevel="1aaf2874-9f6a-4c80-b803-f3822e29c60f" >
                                                Investor Relations
                                            </a>
                                    </li>
                            </ul>
                            </div>
                    </li>
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/careers"  class="text-lg flex w-full items-center justify-between py-2 border-solid border-gray-200">
                                <span>Careers</span>
                            </a>
                    </li>
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="https://spaces.cyncly.com/contact-us.html"  class="text-lg flex w-full items-center justify-between py-2 border-solid border-gray-200">
                                <span>Contact Us</span>
                            </a>
                    </li>
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <button x-on:click.stop="open = true"
                                    class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight"
                                    aria-label="Navigate back to previous menu list">
                                <span>Resources</span>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </button>
                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                <ul data-level-2 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                <li>
                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                        </svg><span>Back</span>

                                    </a>
                                </li> 
                                <li class="mb-3">
                                    <p class="text-nav-headline text-2xl">Resources</p>
                                </li>
                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources">Overview</a>

                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources/playbooks" class="" data-navigation-secondlevel="02cb22d0-7a75-4423-af85-51eb069fda6b" >
                                                Playbooks
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources/blog" class="" data-navigation-secondlevel="0af99a32-7243-4848-a00e-6612efd6365e" >
                                                Blogs
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources/events" class="" data-navigation-secondlevel="32f3496f-6623-41bd-9cb3-e45bd7f43c63" >
                                                Events
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources/news" class="" data-navigation-secondlevel="3b5a470b-ca2f-4cc5-b9b3-83481f4cb738" >
                                                News
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources/webinars" class="" data-navigation-secondlevel="fe7306c0-9512-4f91-a90e-67e3585cdce3" >
                                                Webinars
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/resources/customer-stories" class="" data-navigation-secondlevel="6e55eb31-3e95-4a68-8f74-e5fc8fff6e1e" >
                                                Customer stories
                                            </a>
                                    </li>
                            </ul>
                            </div>
                    </li>
                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">
                            <button x-on:click.stop="open = true"
                                    class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200 font-extralight"
                                    aria-label="Navigate back to previous menu list">
                                <span>Support</span>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </button>
                            <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 translate-x-52" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-52" class="fixed left-0 right-0 bottom-0 top-[75px] z-10 bg-white overflow-y-auto">
                                <ul data-level-2 class="flex flex-col px-6 pt-4 pb-3 container mx-auto">
                                <li>
                                    <a x-on:click.stop="open = false" class="text-lg flex w-full items-center py-2 mb-4 cursor-pointer">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                        </svg><span>Back</span>

                                    </a>
                                </li> 
                                <li class="mb-3">
                                    <p class="text-nav-headline text-2xl">Support</p>
                                </li>
                                    <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/support">Overview</a>

                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="https://account.cyncly.com/index.html" class="" data-navigation-secondlevel="73577078-8c98-40b8-a991-c93c9375b366" >
                                                Cyncly Account
                                            </a>
                                    </li>
                                    <li class="xl:hidden" x-data="{ open: false }" x-on:keydown.window.escape="open = false">

                                            <a class="text-lg flex w-full items-center justify-between py-2 border-b border-solid border-gray-200" href="/support/customer-success-plans" class="" data-navigation-secondlevel="a23da0a5-f6b1-4aaa-ae8c-6b170b88ba1a" >
                                                Customer Success Plans
                                            </a>
                                    </li>
                            </ul>
                            </div>
                    </li>
            </ul>
        </nav>
    </div>
</div>        </nav>
    </header>

    <nav class="navigation-product__submenu z-40 bg-white text-black" x-data="{ mobileDropdownIsOpen: false }">
        <div class="flex justify-center mx-auto px-4 sm:px-10 xl:px-14 mx-auto">
            <div class="flex flex-row w-full items-center justify-between gap-6 h-[72px] max-w-screen-2xl">
                <div class="hidden xl:grid grid-flow-col gap-2 items-center">
                        <img src="/globalassets/assets/logos/product/wdg/wdg---product-icons/contracterp-product-icon.png" alt="contractERP Product Icon" width="70" height="22" class="w-auto h-[22px] mr-2 hidden lg:block">
                    <p class="text-black whitespace-nowrap"><strong>contractERP</strong></p>
                </div>
                <button class="flex flex-row items-center space-x-2 xl:hidden" x-on:click="mobileDropdownIsOpen = ! mobileDropdownIsOpen">
                    <span class="border rounded-full border-CTABlue h-8 w-8 flex justify-center items-center">
                        <img src="/Frontend/assets/icons/arrow-down-icon.svg" alt="Mobile Submenu Icon" class="w-3 " width="8" height="4" x-bind:class="{ 'transform rotate-180': mobileDropdownIsOpen }" />
                    </span>
                    <p class="text-black whitespace-nowrap"><strong>contractERP</strong></p>
                </button>
                <div class="hidden xl:grid grid-flow-col gap-6 items-center">
                            <div class="nav-item group hover:underline hover:decoration-CTABlue hover:decoration-4 hover:underline-offset-[29px]">
                                <a class=" py-2 text-black leading-5 whitespace-nowrap relative " href="/products/contracterp" >Overview</a>
                            </div>
                            <div class="nav-item group hover:underline hover:decoration-CTABlue hover:decoration-4 hover:underline-offset-[29px]">
                                <a class=" py-2 text-black leading-5 whitespace-nowrap relative " href="/products/contracterp/capabilities" >Capabilities</a>
                            </div>
                            <div class="nav-item group hover:underline hover:decoration-CTABlue hover:decoration-4 hover:underline-offset-[29px]">
                                <a class=" py-2 text-black leading-5 whitespace-nowrap relative " href="/products/contracterp/modules" >Modules</a>
                            </div>
                            <div class="nav-item group hover:underline hover:decoration-CTABlue hover:decoration-4 hover:underline-offset-[29px]">
                                <a class=" py-2 text-black leading-5 whitespace-nowrap relative " href="/products/contracterp/case-study-builders-hardware" >Case Study</a>
                            </div>
                            <div class="nav-item group hover:underline hover:decoration-CTABlue hover:decoration-4 hover:underline-offset-[29px]">
                                <a class=" py-2 text-black leading-5 whitespace-nowrap relative " href="/products/contracterp/customer-center" >Customer Center</a>
                                    <div class="hidden group-hover:block absolute p-5 px-0 z-10 -translate-x-5">
                                        <div class="container mx-auto flex flex-row bg-white navigation__simpledropdown--shadow rounded-lg -mt-[6px]">
                                            <div class="flex flex-col min-w-[120px] py-5 space-y-2">
                                                    <a class="px-5 hover:bg-CTABlue hover:text-white" href="https://support.contracterp.com/hc" target=&quot;_blank&quot;>Support Center</a>
                                                    <a class="px-5 hover:bg-CTABlue hover:text-white" href="/products/contracterp/customer-center/services" >Services</a>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                </div>

                <div class="xl:flex xl:flex-row ml-auto xl:hidden mobile">
                    <div x-show="mobileDropdownIsOpen"
                         class="absolute w-screen left-0 text-black backdrop-blur-xs h-screen bg-transparen py-0  space-y-3 mt-9 z-10 navigation__mobilemenu--shadow"
                         x-effect="document.body.style.overflow = mobileDropdownIsOpen ? 'hidden' : 'auto'">
                        <div class="mx-auto w-full border-t border-BGBeigeDark">
                                <div x-data="{ openAccordion: null }" class="flex flex-col py-8 gap-2.5 bg-white px-5 sm:px-10">
                                            <div class="nav-item">
                                                <a class=" inline-block font-normal text-black text-base h-10 py-2" href="/products/contracterp" >Overview</a>
                                            </div>
                                            <div class="nav-item">
                                                <a class=" inline-block font-normal text-black text-base h-10 py-2" href="/products/contracterp/capabilities" >Capabilities</a>
                                            </div>
                                            <div class="nav-item">
                                                <a class=" inline-block font-normal text-black text-base h-10 py-2" href="/products/contracterp/modules" >Modules</a>
                                            </div>
                                            <div class="nav-item">
                                                <a class=" inline-block font-normal text-black text-base h-10 py-2" href="/products/contracterp/case-study-builders-hardware" >Case Study</a>
                                            </div>
                                            <button class="flex flex-row items-center space-x-2 xl:hidden py-2.5" x-on:click="openAccordion === '5f452184-e24b-456f-b6ab-b25a2e61af5d' ? openAccordion = null : openAccordion = '5f452184-e24b-456f-b6ab-b25a2e61af5d'">
                                                <span>Customer Center</span>
                                                <img src="/Frontend/assets/icons/arrow-down-icon.svg" alt="Mobile Submenu Icon" class="w-4 h-4 " width="16" height="16" x-bind:class="{ 'transform rotate-180': openAccordion === '5f452184-e24b-456f-b6ab-b25a2e61af5d' }" />
                                            </button>
                                            <ul x-show="openAccordion === '5f452184-e24b-456f-b6ab-b25a2e61af5d'" class="ml-4">
                                                    <li>
                                                        <a class="pl-2" href="https://support.contracterp.com/hc" target=&quot;_blank&quot;>Support Center</a>
                                                    </li>
                                                    <li>
                                                        <a class="pl-2" href="/products/contracterp/customer-center/services" >Services</a>
                                                    </li>
                                            </ul>
                                </div>
                        </div>
                    </div>
                </div>
                <div class="grid grid-flow-col auto-cols-max ml-auto gap-6 whitespace-nowrap">
                        <a class="btn btn--primary m-0" href="https://spaces.cyncly.com/contracterp-demo.html" role="button">
                            Request a demo
                        </a>
                </div>
            </div>
        </div>
    </nav>
    <div style="display:none;">
            <div>
                <ul>
                            <li>
                                <a href="/products/contracterp" >Overview</a>
                            </li>
                            <li>
                                <a href="/products/contracterp/capabilities" >Capabilities</a>
                            </li>
                            <li>
                                <a href="/products/contracterp/modules" >Modules</a>
                            </li>
                            <li>
                                <a href="/products/contracterp/case-study-builders-hardware" >Case Study</a>
                            </li>
                            <li>
                                <span>Customer Center</span>
                                <ul>
                                    <li>
                                        <a href="/products/contracterp/customer-center" >Overview</a>
                                    </li>
                                        <li>
                                            <a href="https://support.contracterp.com/hc" target=&quot;_blank&quot;>Support Center</a>
                                        </li>
                                        <li>
                                            <a href="/products/contracterp/customer-center/services" >Services</a>
                                        </li>
                                </ul>
                            </li>
                </ul>
            </div>
    </div>
    <main class="overflow-x-hidden">
        
<div><div>

<div class="w-full relative">
    <div class="mx-auto sm:px-6 md:px-16 py-sm max-w-screen-2xl triple-hero">





    <a href="https://wnaymg.files.cmp.optimizely.com/download/assets/WDG&#x2B;-&#x2B;Overview&#x2B;2&#x2B;-&#x2B;cERP&#x2B;Overview&#x2B;-&#x2B;EN.mp4/b23ad09e512911f08dcdfa5318823fa4"
       class="hover-animation-target triple-hero__primary-block px-6 sm:px-0"
       target=""
    data-lightbox>
        <div class="h-full w-full rounded-xl overflow-hidden triple-hero__block-primary-image ">
            <video muted=""
                   loop=""
                   autoplay playsinline
                   class="object-cover h-full w-full">
                <source media="all and (max-width: 768px)"
                        src="/siteassets/assets/cyncly/products/contracterp/wdg---overview-2---cerp.mp4"
                        type="video/mp4" />
                <source media="all and (max-width: 1024px)"
                        src="/siteassets/assets/cyncly/products/contracterp/wdg---overview-2---cerp.mp4"
                        type="video/mp4" />
                <source src="/siteassets/assets/cyncly/products/contracterp/wdg---overview-2---cerp.mp4"
                        class="w-full h-full object-cover object-center"
                        type="video/mp4" />
            </video>
        </div>
        <div class="mb-4 lg:mb-0">
            <p x-data="glightbox"
                class="text-transition-primary-blue text-[22px] lg:text-2xl line-clamp-2">
                Watch the video in full screen
                <i class="icon icon--arrow icon--hover icon--transition-right"></i>
            </p>
        </div>
    </a>
    <video src="https://wnaymg.files.cmp.optimizely.com/download/assets/WDG&#x2B;-&#x2B;Overview&#x2B;2&#x2B;-&#x2B;cERP&#x2B;Overview&#x2B;-&#x2B;EN.mp4/b23ad09e512911f08dcdfa5318823fa4" class="hidden"></video>





    <a href="https://spaces.cyncly.com/webinar-WDG-Whats-New-with-contractERP-EN.html"
        class="hover-animation-target triple-hero__secondary-block px-6 sm:px-0"
        target="_blank" >
        <div
            class="overflow-hidden rounded-xl border-solid border border-Grey  ">
            <picture>
                <source media="(max-width: 743px)" srcset="https://images2.cmp.optimizely.com/assets/GettyImages-479135500&#x2B;edit&#x2B;ContractERP.jpg/Zz1kNzMwZDBmYzU5MDIxMWYwYjk3MzhlNDFhMzU2MTJhNQ==" width="342px" height="199px" />
                <source media="(max-width: 1023px)" srcset="https://images2.cmp.optimizely.com/assets/GettyImages-479135500&#x2B;edit&#x2B;ContractERP.jpg/Zz1kNzMwZDBmYzU5MDIxMWYwYjk3MzhlNDFhMzU2MTJhNQ==" width="680px"
                    height="395px" />
                <img src="https://images2.cmp.optimizely.com/assets/GettyImages-479135500&#x2B;edit&#x2B;ContractERP.jpg/Zz1kNzMwZDBmYzU5MDIxMWYwYjk3MzhlNDFhMzU2MTJhNQ==" alt="GettyImages-479135500 edit ContractERP.jpg" width="863px"
                    height="488px" class="w-full h-full object-cover object-center" />
            </picture>
        </div>

        <div class="mb-4 lg:mb-0">
            <p x-data=""
                class="text-transition-primary-blue text-[22px] lg:text-2xl line-clamp-2">
                Join the webinar &quot;What&#x2019;s New in contractERP&quot;
                <i class="icon icon--arrow icon--hover icon--transition-right"></i>
            </p>
        </div>
    </a>





    <a href="/products/contracterp/capabilities"
        class="hover-animation-target triple-hero__tertiary-block px-6 sm:px-0" >
        <div
            class="overflow-hidden rounded-xl border-solid border border-Grey  ">
            <picture>
                <source media="(max-width: 743px)" srcset="/siteassets/assets/cyncly/products/contracterp/product-configurator.png" width="342px" height="199px" />
                <source media="(max-width: 1023px)" srcset="/siteassets/assets/cyncly/products/contracterp/product-configurator.png" width="680px"
                    height="395px" />
                <img src="/siteassets/assets/cyncly/products/contracterp/product-configurator.png" alt="Screenshot of the Product Configurator module in ContractERP, displaying a detailed configurator for selecting product specifications like finish, series, function, trim, and design with associated pricing." width="863px"
                    height="488px" class="w-full h-full object-cover object-center" />
            </picture>
        </div>

        <div class="mb-4 lg:mb-0">
            <p x-data=""
                class="text-transition-primary-blue text-[22px] lg:text-2xl line-clamp-2">
                Discover contractERP&#x27;s capabilities
                <i class="icon icon--arrow icon--hover icon--transition-right"></i>
            </p>
        </div>
    </a>

    </div>
</div>

</div><div>

<div  class="w-full relative mb-sm bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-lg">
        
<div>
<div class="prose md:prose-md lg:prose-large xl:prose-xlarge overflow-x-auto md:overflow-x-visible mb-sm ">
    
<h1 style="text-align: center;">Building Division 8, Fenestration and Construction Supply Success with <strong>contractERP</strong></h1>
<p class="paragraph--medium">Empower your Division 8 and fenestration projects with <strong>contractERP</strong>'s industry-specific capabilities.</p>
<p><strong>Why contractERP:</strong></p>
<ul class="list--checkmark">
<li>Streamlined project lifecycle management</li>
<li>Robust financial and operational integration</li>
<li>Enhanced efficiency and security</li>
</ul>
<h2 style="text-align: center;">Increase visibility, drive more traffic and improve commercial success with contractERP.</h2>
<p class="paragraph--medium" style="text-align: center;">Customized for Division 8 &amp; Fenestration: contractERP enhances every project layer.</p>
</div></div>
    </div>
</div></div><div>

<div  class="w-full relative mb-0 bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-2xl">
        
<div>

<div class="tab-wrapper mb-xs" x-data="{ activeTab: 0, focussedTab: 0 }">
    <div class="space-x-5 lg:space-x-10 overflow-x-scroll no-scrollbar" x-ref="tabHeader">
        <div class="whitespace-nowrap mx-auto w-fit" role="tablist" x-ref="tabHeader">
            
        <button
            class="tab-control"
            :class="{ 'active': activeTab === 0 }"
            x-on:click="activeTab = 0"
            :aria-selected="activeTab === 0 ? true : false"
            id="tab-0"
            aria-controls="panel-0"
            role="tab"
            :tabindex="focussedTab === 0 ? 0 : -1"
            aria-label="Contract Management & Change Orders"
            x-on:keyup.left="focussedTab = focussedTab === 1 ? 6 : focussedTab - 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.right="focussedTab = focussedTab === 6 ? 1 : focussedTab + 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.enter="activeTab = 0">
        Contract Management & Change Orders
        </button>
            
        <button
            class="tab-control"
            :class="{ 'active': activeTab === 1 }"
            x-on:click="activeTab = 1"
            :aria-selected="activeTab === 1 ? true : false"
            id="tab-1"
            aria-controls="panel-1"
            role="tab"
            :tabindex="focussedTab === 1 ? 0 : -1"
            aria-label="Product Configurator"
            x-on:keyup.left="focussedTab = focussedTab === 1 ? 6 : focussedTab - 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.right="focussedTab = focussedTab === 6 ? 1 : focussedTab + 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.enter="activeTab = 1">
        Product Configurator
        </button>
            
        <button
            class="tab-control"
            :class="{ 'active': activeTab === 2 }"
            x-on:click="activeTab = 2"
            :aria-selected="activeTab === 2 ? true : false"
            id="tab-2"
            aria-controls="panel-2"
            role="tab"
            :tabindex="focussedTab === 2 ? 0 : -1"
            aria-label="Mobile Warehouse Management"
            x-on:keyup.left="focussedTab = focussedTab === 1 ? 6 : focussedTab - 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.right="focussedTab = focussedTab === 6 ? 1 : focussedTab + 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.enter="activeTab = 2">
        Mobile Warehouse Management
        </button>
            
        <button
            class="tab-control"
            :class="{ 'active': activeTab === 3 }"
            x-on:click="activeTab = 3"
            :aria-selected="activeTab === 3 ? true : false"
            id="tab-3"
            aria-controls="panel-3"
            role="tab"
            :tabindex="focussedTab === 3 ? 0 : -1"
            aria-label="Production & Delivery Scheduling"
            x-on:keyup.left="focussedTab = focussedTab === 1 ? 6 : focussedTab - 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.right="focussedTab = focussedTab === 6 ? 1 : focussedTab + 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.enter="activeTab = 3">
        Production & Delivery Scheduling
        </button>
            
        <button
            class="tab-control"
            :class="{ 'active': activeTab === 4 }"
            x-on:click="activeTab = 4"
            :aria-selected="activeTab === 4 ? true : false"
            id="tab-4"
            aria-controls="panel-4"
            role="tab"
            :tabindex="focussedTab === 4 ? 0 : -1"
            aria-label="Financials & Accounting"
            x-on:keyup.left="focussedTab = focussedTab === 1 ? 6 : focussedTab - 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.right="focussedTab = focussedTab === 6 ? 1 : focussedTab + 1; $refs.tabHeader.querySelector('#tab-' + focussedTab).focus();"
            x-on:keyup.enter="activeTab = 4">
        Financials & Accounting
        </button>
            
        </div>
    </div>
    
        <div
            class="tab-panel"
            :class="{ 'active': activeTab === 0 }"
            id="panel-0"
            x-show.transition.in.opacity.duration.600="activeTab === 0"
            aria-hidden="true"
            aria-hidden="activeTab !== 0"
            role="tabpanel"
            aria-labelledby="tab-$0"
            tabindex="0"
            >
        
<div>
<div class="w-full relative mb-sm">
    <div class="grid grid-cols-1 md:grid-cols-2 mx-auto max-w-screen-2xl auto-rows-max gap-12 lg:gap-x-28 relative">
        <div class="sm:mx-0 flex flex-col justify-center items-start order-1 md:order-2">
            <div class="media w-full relative mb-4">
                            <img class="z-10 relative w-full rounded-2xl" src="/siteassets/assets/cyncly/products/contracterp/contract-management.png"
                                alt="A screenshot of the Contract Management capability in contractERP. The interface lists active contracts with detailed information such as contract numbers, order types, customer PO numbers, and contract statistics on the right side of the screen." width="100%" height="auto" />

            </div>
        </div>
        <div class="py-4 flex flex-col justify-center md:py-0 order-1 md:order-2">
            <div class="w-full items-start">
                <div class="prose md:prose-md lg:prose-large xl:prose-xlarge mb-2">
                    
<h3>Contract Management &amp; Change Orders</h3>
<p>Run your jobs from a financial perspective, without losing project management features that perform the operational heavy lifting.</p>
<ul>
<li>Manage your jobs, from bid to closeout, within the contract that defines and dictates the work.</li>
<li>Manage contract requirements (administrative tasks, purchased and stocked material, all planned labor and expenses) within one system.</li>
<li>Be identified of workflow problems before they become a problem.</li>
<li>Manage both external and internal change orders.</li>
</ul>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    
        <div
            class="tab-panel"
            :class="{ 'active': activeTab === 1 }"
            id="panel-1"
            x-show.transition.in.opacity.duration.600="activeTab === 1"
            aria-hidden="true"
            aria-hidden="activeTab !== 1"
            role="tabpanel"
            aria-labelledby="tab-$1"
            tabindex="0"
            >
        
<div>
<div class="w-full relative mb-sm">
    <div class="grid grid-cols-1 md:grid-cols-2 mx-auto max-w-screen-2xl auto-rows-max gap-12 lg:gap-x-28 relative">
        <div class="sm:mx-0 flex flex-col justify-center items-start order-1 md:order-2">
            <div class="media w-full relative mb-4">
                            <img class="z-10 relative w-full rounded-2xl" src="/contentassets/afac316856d943bfbe8964e3577b43e8/hollow-metal-frame-configurator---zoomed-in.png"
                                alt="Hollow Metal Frame Configurator - Zoomed In.png" width="100%" height="auto" />

            </div>
        </div>
        <div class="py-4 flex flex-col justify-center md:py-0 order-1 md:order-1">
            <div class="w-full items-start">
                <div class="prose md:prose-md lg:prose-large xl:prose-xlarge mb-2">
                    
<h3>Product Configurator</h3>
<p>contractERP allows you to configure multiple product types, including dimensional material.</p>
<ul>
<li>Simple configurations such as sizes, colors and shop/work preps</li>
<li>Complex configurations involving multiple levels of subassemblies for special order and fabricated material requirements</li>
<li>Bi-directional API&rsquo;s available for estimating/detailing software</li>
</ul>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    
        <div
            class="tab-panel"
            :class="{ 'active': activeTab === 2 }"
            id="panel-2"
            x-show.transition.in.opacity.duration.600="activeTab === 2"
            aria-hidden="true"
            aria-hidden="activeTab !== 2"
            role="tabpanel"
            aria-labelledby="tab-$2"
            tabindex="0"
            >
        
<div>
<div class="w-full relative mb-sm">
    <div class="grid grid-cols-1 md:grid-cols-2 mx-auto max-w-screen-2xl auto-rows-max gap-12 lg:gap-x-28 relative">
        <div class="sm:mx-0 flex flex-col justify-center items-start order-1 md:order-2">
            <div class="media w-full relative mb-4">
                            <img class="z-10 relative w-full rounded-2xl" src="/contentassets/afac316856d943bfbe8964e3577b43e8/wms-portrait.png"
                                alt="WMS portrait.PNG" width="100%" height="auto" />

            </div>
        </div>
        <div class="py-4 flex flex-col justify-center md:py-0 order-1 md:order-2">
            <div class="w-full items-start">
                <div class="prose md:prose-md lg:prose-large xl:prose-xlarge mb-2">
                    
<h3>Mobile Warehouse Management</h3>
<p>Improve inventory accuracy by providing real-time tracking and scanning across multiple facilities.</p>
<ul>
<li>Easily scan and track regular stock, special orders, and custom materials using handheld devices for real-time updates across all locations.</li>
<li>Automatically generate barcodes and LPNs for containerization, minimizing manual data entry and improving inventory organization.</li>
<li>Assign specific attributes to scanned items, streamlining picking processes and enhancing inventory accuracy.</li>
</ul>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    
        <div
            class="tab-panel"
            :class="{ 'active': activeTab === 3 }"
            id="panel-3"
            x-show.transition.in.opacity.duration.600="activeTab === 3"
            aria-hidden="true"
            aria-hidden="activeTab !== 3"
            role="tabpanel"
            aria-labelledby="tab-$3"
            tabindex="0"
            >
        
<div>
<div class="w-full relative mb-sm">
    <div class="grid grid-cols-1 md:grid-cols-2 mx-auto max-w-screen-2xl auto-rows-max gap-12 lg:gap-x-28 relative">
        <div class="sm:mx-0 flex flex-col justify-center items-start order-1 md:order-2">
            <div class="media w-full relative mb-4">
                            <img class="z-10 relative w-full rounded-2xl" src="/contentassets/afac316856d943bfbe8964e3577b43e8/capacity-schedule.png"
                                alt="Capacity Schedule.png" width="100%" height="auto" />

            </div>
        </div>
        <div class="py-4 flex flex-col justify-center md:py-0 order-1 md:order-1">
            <div class="w-full items-start">
                <div class="prose md:prose-md lg:prose-large xl:prose-xlarge mb-2">
                    
<h3>Production &amp; Delivery Scheduling</h3>
<p>Dynamically determine best production dates from start of fabrication to delivery based on Due Dates.</p>
<ul>
<li>Drag and drop order requirements and then create shop orders directly from the capacity schedule.</li>
<li>Build delivery schedules from zones and schedule groups and automatically sequence routes via integrated Bing Maps API.</li>
<li>Capacity Schedule supports exceptions: holiday shut-downs and pre-planned capacity commitments.</li>
</ul>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    
        <div
            class="tab-panel"
            :class="{ 'active': activeTab === 4 }"
            id="panel-4"
            x-show.transition.in.opacity.duration.600="activeTab === 4"
            aria-hidden="true"
            aria-hidden="activeTab !== 4"
            role="tabpanel"
            aria-labelledby="tab-$4"
            tabindex="0"
            >
        
<div>
<div class="w-full relative mb-sm">
    <div class="grid grid-cols-1 md:grid-cols-2 mx-auto max-w-screen-2xl auto-rows-max gap-12 lg:gap-x-28 relative">
        <div class="sm:mx-0 flex flex-col justify-center items-start order-1 md:order-2">
            <div class="media w-full relative mb-4">
                            <img class="z-10 relative w-full rounded-2xl" src="/siteassets/assets/cyncly/products/contracterp/cyncly-website---visual-02---contracterp---8-5.jpg"
                                alt="Cyncly website - visual 02 - ContractERP - 8-5.jpg" width="100%" height="auto" />

            </div>
        </div>
        <div class="py-4 flex flex-col justify-center md:py-0 order-1 md:order-2">
            <div class="w-full items-start">
                <div class="prose md:prose-md lg:prose-large xl:prose-xlarge mb-2">
                    
<h3>Financials &amp; Accounting</h3>
<p>contractERP gives you the integration and visibility you need to make informed and financially sound business decisions.</p>
<ul>
<li>Accounts Receivable and Payables, General Ledger, Fixed Asset Management, bank reconciliation, credit and collections management</li>
<li>Powered by Microsoft Business Central</li>
</ul>
                </div>
            </div>
        </div>
    </div>
</div></div>
        </div>
    
</div></div>
    </div>
</div></div><div>

<div  class="w-full relative mb-0 bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-lg">
        
<div>
<div class="prose md:prose-md lg:prose-large xl:prose-xlarge overflow-x-auto md:overflow-x-visible mb-sm ">
    
<h2 style="text-align: center;">Core features that drive your business forward with contractERP</h2>
<p class="paragraph--medium" style="text-align: center;">Discover the powerful tools within contractERP that set your business apart, enhancing efficiency, accuracy, and profitability across all aspects of your operations.</p>
</div></div>
    </div>
</div></div><div>


<div  class="w-full relative mb-sm bg-white">
    <div class="mx-auto px-base py-0 max-w-screen-2xl">
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-3 lg:gap-2 xl:gap-6">
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Document Management</h3>
<p>contractERP&rsquo;s cERP Docs feature allows for easy document organization within pre-built folders for Customers, Vendors, and shop floor operations.</p>
<p>Customize terms for quotes and automate document distribution, ensuring streamlined communication and document accessibility.</p></p>
    </div>
</div></div></div>
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Order Management</h3>
<p>contractERP&rsquo;s Sales Order Management supports industry-specific sales processes, offering advanced product searches, seamless special order handling, and intuitive configuration.</p>
<p>These features make sales entry faster, more accurate, and increase profitability.</p></p>
    </div>
</div></div></div>
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Counter Sales</h3>
<p>contractERP&rsquo;s Counter Sales functionality delivers a retail point-of-sale experience with support for various transactions, including special orders.</p>
<p>Integrated cash drawer management and end-of-day reconciliation ensure efficient and customer-friendly over-the-counter sales.</p></p>
    </div>
</div></div></div>
        </div>
    </div>
</div></div><div>


<div  class="w-full relative mb-sm bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-2xl">
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-3 lg:gap-2 xl:gap-6">
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Multi-location Management</h3>
<p>contractERP&rsquo;s Multi-location feature optimizes inventory management, order fulfillment, and transfers across various sites.</p>
<p>It supports location-specific SKUs and efficient resource allocation, allowing your business to operate seamlessly across multiple locations.</p></p>
    </div>
</div></div></div>
            
<div>

<div class="teaserCard teaserCard--image relative flex items-stretch">
    <div class="w-full">
        <picture>
                <source media="(min-width: 1024px)">
                <img class="rounded-2xl h-full w-full object-cover object-top" src="/siteassets/assets/cyncly/industries/windows--doors/architectural-openings---finished---getty-small-1470710505.png" alt="Architectural Openings" width="100%" height="auto" />
        </picture>

    </div>

</div>


<div x-data="modal({ id: 'c8c3d88ad6584dbfb1f7a21a6799b750', scrollLock: true })">
    <div x-show="isOpen"
         class="fixed inset-0 bg-black/50 transition-opacity z-50"
         aria-hidden="true">
    </div>
    <div x-show="isOpen"
         x-on:keydown.window.escape="close()"
         class="modal modal--large modal--centered z-50"
         aria-labelledby="modal-title"
         role="dialog"
         id="c8c3d88ad6584dbfb1f7a21a6799b750"
         aria-modal="true">
        <div class="flex items-end justify-center sm:block"
             x-transition:enter="ease-out duration-300"
             x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
             x-transition:leave="ease-in duration-200"
             x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
             x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
            <span class="hidden inline-block align-middle h-screen" aria-hidden="true">&#8203;</span>
            <div x-on:click.outside="True ? close() : ''"
                 x-show="isOpen"
                 class="modal__content bg-white rounded-2xl max-w-7xl relative inline-block align-center text-left overflow-hidden shadow-sm transform transition-all p-6"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
                <div class="modal__header relative border-solid border-b border-grey-200 w-full">
                    <div class="block absolute top-0 right-0 z-10">
                        <button type="button"
                                class="bg-white rounded-md text-gray-400 hover:text-gray-500 z-20 relative"
                                x-on:click="close()">
                            <span class="sr-only">Close</span>
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>
                        </button>
                    </div>
                </div>
                <div class="max-h-modal overflow-y-auto">
                    <div class="prose md:prose-md lg:prose-large">
                        <h3>
                            
                        </h3>
                        <img lazy class="rounded-2xl" src="/siteassets/assets/cyncly/industries/windows--doors/architectural-openings---finished---getty-small-1470710505.png" alt="Architectural Openings" width="100%" height="auto" />
                        <div>
                            <h4 class=""></h4>
                            <p>
                                
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div></div>
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Electronic Communication</h3>
<p>contractERP&rsquo;s Electronic Communication enables direct emailing of invoices, statements, purchase orders, and other documents from the system.</p>
<p>This streamlines correspondence, reduces manual processes, and improves overall business communication.</p></p>
    </div>
</div></div></div>
        </div>
    </div>
</div></div><div>
    <div data-block-id="logoBanner" data-block-data="{&quot;bgColor&quot;:&quot;white&quot;,&quot;title&quot;:null,&quot;logos&quot;:[{&quot;src&quot;:&quot;/siteassets/assets/cyncly/products/contracterp/logo_architectural-hardware-bw.png&quot;,&quot;alt&quot;:&quot;Logo_architectural-hardware-bw.png&quot;},{&quot;src&quot;:&quot;/siteassets/assets/cyncly/products/contracterp/logo_builders-bw.png&quot;,&quot;alt&quot;:&quot;Logo_builders-bw.png&quot;},{&quot;src&quot;:&quot;/siteassets/assets/cyncly/products/contracterp/logo_dhpace-bw.png&quot;,&quot;alt&quot;:&quot;Logo_dhpace-bw.png&quot;},{&quot;src&quot;:&quot;/siteassets/assets/cyncly/products/contracterp/logo_kamco-bw.png&quot;,&quot;alt&quot;:&quot;Logo_kamco-bw.png&quot;},{&quot;src&quot;:&quot;/siteassets/assets/cyncly/products/contracterp/logo_liberty-doorworks-bw.png&quot;,&quot;alt&quot;:&quot;Logo_liberty-doorworks-bw.png&quot;},{&quot;src&quot;:&quot;/siteassets/assets/cyncly/products/contracterp/logo_tch-bw.png&quot;,&quot;alt&quot;:&quot;Logo_tch-bw.png&quot;}]}" ></div>
</div><div>

<div  class="w-full relative mb-0 bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-lg">
        
<div>
<div class="prose md:prose-md lg:prose-large xl:prose-xlarge overflow-x-auto md:overflow-x-visible mb-0 ">
    
<p style="text-align: center;">KEY BENEFITS</p>
<h2 style="text-align: center;">Revolutionize your construction supply chain with contractERP</h2>
<div class="OutlineElement Ltr SCXW84663385 BCX0">&nbsp;</div>
<div class="OutlineElement Ltr SCXW84663385 BCX0">
<p class="Paragraph SCXW84663385 BCX0" style="text-align: center;">&nbsp;</p>
</div>
</div></div>
    </div>
</div></div><div>


<div  class="w-full relative mb-sm bg-white">
    <div class="mx-auto px-base py-0 max-w-screen-2xl">
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-3 lg:gap-2 xl:gap-6">
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Streamlined project lifecycle management</h3>
<p>ContractERP consolidates the entire project lifecycle from bid to closeout, enhancing project oversight and control which can lead to increased project margins and reduced overhead costs.</p></p>
    </div>
</div></div></div>
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Robust financial and operational integration</h3>
<p>With real-time financial data and integrated operations, ContractERP provides the visibility and control necessary to optimize cash flow, reduce waste, and improve profitability across all business functions.</p></p>
    </div>
</div></div></div>
            
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--text">


<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    rounded-2xl
    
    
         
">
    <div class="teaserCard__content-inner">
            <p>
<h3>Enhanced efficiency and security</h3>
<p>The platform's advanced security features protect sensitive information and its efficiency tools, like batch processing and automated accruals, significantly reduce the time spent on administrative tasks, allowing for more focus on strategic activities.</p></p>
    </div>
</div></div></div>
        </div>
    </div>
</div></div><div>


<div  class="w-full relative mb-sm bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-2xl">
                <div class="grid grid-cols-1 lg:grid-cols-3 gap-y-6 lg:gap-x-6">
                    <div class="md:col-span-2">
                        
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--textImage grid grid-cols-1 md:grid-cols-2 h-full">

        <picture class="w-full object-cover md:order-2">
            <source media="(max-width: 743px)" srcset="/siteassets/assets/cyncly/industries/windows--doors/it-support.jpg" width="342px" height="199px" />
            <source media="(max-width: 1023px)" srcset="/siteassets/assets/cyncly/industries/windows--doors/it-support.jpg" width="680px" height="395px" />
            <img src="/siteassets/assets/cyncly/industries/windows--doors/it-support.jpg" alt="An IT support professional wearing a headset, engaged in a virtual call, offering customer service or technical assistance." width="863px" height="488px"
                class="h-full w-full object-cover  h-full rounded-t-2xl md:rounded-r-2xl md:rounded-l-none"
                 />
        </picture>

<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    
    
    
    order-1 md:rounded-l-2xl md:rounded-r-none     
">
    <div class="teaserCard__content-inner">
            <p>
<h2>Talk to an expert</h2>
<p>Real-life advice, inspiration, insights and inspiration, to challenge, enlighten and help you identify new opportunities that will make your business even stronger.</p></p>
    </div>
        <div class="teaserCard__content-footer">







    <a href="https://spaces.cyncly.com/contracterp-demo.html" target="_blank" class="btn btn--primary">
        Request a demo
    </a>








    <a href="https://spaces.cyncly.com/contact-us.html" class="btn btn--text-link ">
        Contact us
    </a>

        </div>
</div></div></div>
                    </div>
                    <div class="md:col-span-1">
                        

                    </div>
                </div>
    </div>
</div></div><div>

<div  class="w-full relative mb-sm bg-white">
    <div class="mx-auto px-base py-sm max-w-screen-2xl">
        
<div>


<div class="bg-white 
teaserCard rounded-2xl flex flex-col h-full 
teaserCard--textImage grid grid-cols-1 md:grid-cols-2 h-full">

        <picture class="w-full object-cover ">
            <source media="(max-width: 743px)" srcset="/siteassets/assets/cyncly/industries/windows--doors/architectural-openings---finished---getty-small-538119352.png" width="342px" height="199px" />
            <source media="(max-width: 1023px)" srcset="/siteassets/assets/cyncly/industries/windows--doors/architectural-openings---finished---getty-small-538119352.png" width="680px" height="395px" />
            <img src="/siteassets/assets/cyncly/industries/windows--doors/architectural-openings---finished---getty-small-538119352.png" alt="Architectural Openings" width="863px" height="488px"
                class="h-full w-full object-cover  h-full rounded-t-2xl md:rounded-l-2xl md:rounded-r-none"
                 />
        </picture>

<div class="teaserCard__content grow flex flex-col p-10 prose md:prose-md lg:prose-large
    
    
    rounded-b-2xl md:rounded-l-none md:rounded-r-2xl
         
">
    <div class="teaserCard__content-inner">
            <p>
<p><img src="/contentassets/23f981f63cdc42bd8fb06e1ec41ef122/quote_marks.png" alt="Quote marks icon" width="32" height="27" /></p>
<h4>We were up 30% over last year which was up 18% over previous already."</h4>
<h4 style="padding: 10px 0;"><strong>Builders Hardware</strong></h4></p>
    </div>
        <div class="teaserCard__content-footer">







    <a href="https://www.cyncly.com/products/contracterp/case-study-builders-hardware" class="btn btn--primary">
        Read full case study
    </a>

        </div>
</div></div></div>
    </div>
</div></div></div>
    </main>
    <footer class="footer bg-black px-5 md:px-16 pb-10 pt-16">
        <div class="container mx-auto">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-x-10">
                <div class="flex flex-col order-2 justify-between md:order-1">
                    <div class="h-px bg-BodyCopy w-full mb-6 md:hidden"></div>


    <a href="" class="mb-6" aria-label="Navigate to homepage">
        <img src="/globalassets/assets/logos/company/cyncly-footer-logo.png" loading="lazy" alt="Cyncly Logo" width="123px" height="30px" />
    </a>

                    <div class="max-w-[460px] mb-6">
                        <p class="text-BGBeigeLight opacity-80">Cyncly&#x27;s end-to-end software solutions connect professional designers, retailers and manufacturers to the world&#x27;s largest repository of product content, enabling them to simplify complexity, grow sales, increase efficiency, and drive innovation.</p>
                        <p class="text-BGBeigeLight opacity-60 text-md mt-2">© 2026 Cyncly</p>
                    </div>
                </div>

                <div class="flex flex-col md:flex-row md:gap-x-6 justify-between order-1 md:order-2">
                        <nav class="flex flex-col gap-y-3 mb-3">
                            <ul class="flex flex-col gap-y-3">
                                    <li>
                                        <a href="/about-us/why-cyncly" class="text-BGBeigeLight hover:underline">Why Cyncly</a>
                                    </li>
                                    <li>
                                        <a href="/products" class="text-BGBeigeLight hover:underline">Products</a>
                                    </li>
                                    <li>
                                        <a href="/about-us/network" class="text-BGBeigeLight hover:underline">Network</a>
                                    </li>
                                    <li>
                                        <a href="/about-us" class="text-BGBeigeLight hover:underline">About us</a>
                                    </li>
                                    <li>
                                        <a href="https://spaces.cyncly.com/contact-us.html" target="_blank" class="text-BGBeigeLight hover:underline">Contact us</a>
                                    </li>
                                    <li>
                                        <a href="https://www.linkedin.com/company/cyncly" target="_blank" class="text-BGBeigeLight hover:underline">LinkedIn</a>
                                    </li>
                            </ul>
                        </nav>
                        <nav class="flex flex-col gap-y-3 mb-3 md:ml-3">
                            <ul class="flex flex-col gap-y-3">
                                    <li>
                                        <a href="/industries/kitchen" class="text-BGBeigeLight hover:underline">Kitchens</a>
                                    </li>
                                    <li>
                                        <a href="/industries/bathroom" class="text-BGBeigeLight hover:underline">Bathrooms</a>
                                    </li>
                                    <li>
                                        <a href="/industries/furniture" class="text-BGBeigeLight hover:underline">Furniture</a>
                                    </li>
                                    <li>
                                        <a href="/industries/office" class="text-BGBeigeLight hover:underline">Offices</a>
                                    </li>
                                    <li>
                                        <a href="/industries/windows-doors-glass" class="text-BGBeigeLight hover:underline">Windows, doors &amp; glass</a>
                                    </li>
                                    <li>
                                        <a href="/industries/flooring" class="text-BGBeigeLight hover:underline">Flooring</a>
                                    </li>
                                    <li>
                                        <a href="/industries/manufacturing" class="text-BGBeigeLight hover:underline">Manufacturing</a>
                                    </li>
                            </ul>
                        </nav>
                        <nav class="flex flex-col gap-y-3 mb-3 md:ml-3">
                            <ul class="flex flex-col gap-y-3">
                                    <li>
                                        <a href="/privacy-policy" class="text-BGBeigeLight hover:underline">Privacy policy</a>
                                    </li>
                                    <li>
                                        <a href="/terms" class="text-BGBeigeLight hover:underline">Terms of use</a>
                                    </li>
                                    <li>
                                        <a href="/terms-and-conditions" class="text-BGBeigeLight hover:underline">Terms and conditions</a>
                                    </li>
                                    <li>
                                        <a href="/legal-notice" class="text-BGBeigeLight hover:underline">Legal notice</a>
                                    </li>
                                    <li>
                                        <a href="/legal-notice/global-whistleblowing-policy" class="text-BGBeigeLight hover:underline">Whistleblowing policy</a>
                                    </li>
                            </ul>
                        </nav>
                </div>

            </div>
            <div class="h-px bg-BodyCopy w-full mb-6 hidden md:block"></div>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-x-10">
                <div class="flex justify-between md:justify-normal md:gap-x-6">

        <a href="https://www.instagram.com/cynclyco/" class="socialMediaLink" target="_blank">
            <img src="/Frontend/assets/icons/icon-instagram.svg" loading="lazy" alt="Instagram Icon" width="24" height="24" class="w-6 h-6 m-0">
        </a>
        <a href="https://www.linkedin.com/company/cyncly/" class="socialMediaLink" target="_blank">
            <img src="/Frontend/assets/icons/icon-linkedin.svg" loading="lazy" alt="LinkedIn Icon" width="24" height="24" class="w-6 h-6 m-0">
        </a>
        <a href="https://www.facebook.com/cynclyco/" class="socialMediaLink" target="_blank">
            <img src="/Frontend/assets/icons/icon-facebook.svg" loading="lazy" alt="Facebook Icon" width="24" height="24" class="w-6 h-6 m-0">
        </a>
        <a href="https://twitter.com/CynclyCo" class="socialMediaLink" target="_blank">
            <img src="/Frontend/assets/icons/icon-twitterx.svg" loading="lazy" alt="Twitter Icon" width="24" height="24" class="w-6 h-6 m-0">
        </a>
        <a href="https://www.youtube.com/channel/UCLdzDpMLxCOOkZ0-IBDroUQ" class="socialMediaLink" target="_blank">
            <img src="/Frontend/assets/icons/icon-youtube.svg" loading="lazy" alt="Youtube Icon" width="24" height="24" class="w-6 h-6 m-0">
        </a>
        <a href="https://www.xing.com/pages/cyncly" class="socialMediaLink" target="_blank">
            <img src="/Frontend/assets/icons/icon-xing.svg" loading="lazy" alt="LinkedIn Icon" width="24" height="24" class="w-6 h-6 m-0">
        </a>
                </div>
            </div>
        </div>
    </footer>
    
        <script src="/Frontend/legacy/index.js?v=639161806857109133&amp;v=9IRN0saPqtWg_KX6I5tuCi0Hc9wIMLl_S2IQMJwWKRk"></script>
        <script src="/Frontend/blocks/index.js?v=639161806857109133&amp;v=TpqjRKV-qjVBmIhBPfwHp0mpu-F7B_-kNlNS0viZYaM" type="module"></script>

    
    <script defer="defer" src="/Util/Find/epi-util/find.js"></script>
<script>
document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}})
</script>

</body>
</html>
