{"id":6652,"date":"2025-12-01T17:40:02","date_gmt":"2025-12-01T17:40:02","guid":{"rendered":"https:\/\/www.commusoft.com\/?page_id=6652"},"modified":"2025-12-15T03:36:35","modified_gmt":"2025-12-15T09:36:35","slug":"field-service-crm","status":"publish","type":"page","link":"https:\/\/www.commusoft.com\/en-us\/field-service-crm\/","title":{"rendered":"For Customers (CRM)"},"content":{"rendered":"\n<header id=\"hero-block_cb3fbf563bd34be27022031f7ed84567\" class=\"pt-[72px] relative bg-dark-background overflow-hidden\">\n\t<div class=\"relative z-10 wrapper flex flex-col gap-10 md:flex-row justify-between md:items-center py-14 md:py-24 text-white\">\n\t\t<div class=\"md:w-[50.40%]\">\n\t\t\t\t\t\t\t<h1 class=\"text-3xl font-bold sm:text-4xl lg:text-[52px] mb-3 md:mb-6\">Stop Playing <b>Phone Tag<\/b> and Start Building <b> Customer Trust <\/b> <\/h1>\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-lg md:text-xl prose prose-commusoft prose-invert\"><p data-path-to-node=\"7\">Don&#8217;t lose contracts because your service delivery looks outdated. Trade up to the customer journey that builds trust, loyalty, and revenue.<\/p>\n<h3><\/h3>\n<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-8 flex flex-col sm:flex-row gap-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tclass=\"btn btn--primary\"\n\t\t\t\t\t\t\thref=\"#book-a-call\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tSee it in action\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t<div class=\"md:w-[43.88%]\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t<link rel=\"preload\" as=\"image\" href=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699.jpg\" imagesrcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699.jpg 1616w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-300x173.jpg 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-1024x592.jpg 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-768x444.jpg 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-1536x888.jpg 1536w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-18x10.jpg 18w\" imagesizes=\"100vw\"><img width=\"1440\" height=\"832\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699.jpg\" class=\"object-cover h-full w-full absolute top-0 left-0 bottom-0 right-0 lg:top-[72px] lg:left-[38.51%] lg:object-right z-0 opacity-50\" alt=\"People networking at Connect &amp; Preview event September 2025\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\" data-no-lazy=\"1\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699.jpg 1616w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-300x173.jpg 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-1024x592.jpg 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-768x444.jpg 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-1536x888.jpg 1536w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2024\/03\/job-dashboard-connect-and-preview-e1764253057699-18x10.jpg 18w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><div class=\"absolute top-0 left-0 bottom-0 right-0 lg:top-[72px] lg:left-[38.51%] pointer-events-none\" style=\"background: linear-gradient(90deg, #262626 0%, #26262600 100%);\"><\/div>\t<svg aria-hidden=\"true\" width=\"788\" height=\"525\" class=\"absolute bottom-0 right-0 z-0\" viewBox=\"0 0 788 525\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t<rect opacity=\"0.2\" x=\"1167.11\" y=\"-601\" width=\"484.393\" height=\"1835.17\" transform=\"rotate(39.4919 1167.11 -601)\" fill=\"url(#paint0_linear_1106_13102)\" fill-opacity=\"0.2\"\/>\n\t<defs>\n\t<linearGradient id=\"paint0_linear_1106_13102\" x1=\"1196.18\" y1=\"153.479\" x2=\"1320.54\" y2=\"617.732\" gradientUnits=\"userSpaceOnUse\">\n\t<stop stop-color=\"white\" stop-opacity=\"0\"\/>\n\t<stop offset=\"1\" stop-color=\"white\"\/>\n\t<\/linearGradient>\n\t<\/defs>\n\t<\/svg>\n\t<svg aria-hidden=\"true\" width=\"477\" height=\"525\" class=\"absolute top-0 left-0 z-0\" viewBox=\"0 0 477 525\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t<rect opacity=\"0.6\" x=\"103.113\" y=\"-601\" width=\"484.393\" height=\"1104.01\" transform=\"rotate(39.4919 103.113 -601)\" fill=\"url(#paint0_linear_1106_13101)\" fill-opacity=\"0.2\"\/>\n\t<defs>\n\t<linearGradient id=\"paint0_linear_1106_13101\" x1=\"132.184\" y1=\"-147.119\" x2=\"179.197\" y2=\"144.631\" gradientUnits=\"userSpaceOnUse\">\n\t<stop stop-color=\"white\" stop-opacity=\"0\"\/>\n\t<stop offset=\"1\" stop-color=\"white\"\/>\n\t<\/linearGradient>\n\t<\/defs>\n\t<\/svg>\n\n\n<\/header>\n\n<section id=\"content-section-tabbed-features-block_4f446567ffd1e1b83e264683093c45ff\" class=\"bg-white \">\n\t<div class=\"wrapper py-8 md:py-16\">\n\t\t\t\t\t<div class=\"mb-12\">\n\t\t\t\t<h2 class=\"text-3xl font-bold md:text-4xl\">\n\t\t\t\t\tFrom<b> Chaos<\/b> to Complete<b> Control<\/b>.\t\t\t\t<\/h2>\n\t\t\t<\/div>\n\t\t\n\t\t<div class=\"tabbed-features-container\" data-initial-tab=\"0\">\n\t\t\t<!-- Mobile: Simple List (No Images) -->\n\t\t\t<div class=\"md:hidden space-y-6 mobile-features-list\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex md:gap-4 mobile-feature-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0\">\n\t\t\t\t\t\t\t\t<i class=\"&lt;i class=&quot;fa-solid fa-calendar&quot;&gt;&lt;\/i&gt; text-lg\"><\/i>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 space-y-2\">\n\t\t\t\t\t\t\t<h3 class=\"font-semibold text-lg text-foreground\">\n\t\t\t\t\t\t\t\tIntelligent Scheduling &amp; Dispatch\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"prose prose-commusoft prose-sm \">\n\t\t\t\t\t\t\t\t\t<p>Our powerful <a href=\"https:\/\/www.commusoft.com\/en-us\/features\/job-scheduling-software\">Job Scheduling<\/a> feature gives you a live view of your entire team.<\/p>\n<p data-path-to-node=\"6\"><b>Right tech, right job, every time.<\/b> Stop guessing and start optimizing. Use skill-based filtering to instantly match the most qualified technician to the specific requirements of the job.<\/p>\n<p data-path-to-node=\"6\"><span class=\"citation-476\">Ensure you meet every commercial <\/span><span class=\"citation-476\">SLA<\/span><span class=\"citation-476 citation-end-476\"> and minimize unbillable travel time with intelligent route optimization<\/span>.<\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<h4><\/h4>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex md:gap-4 mobile-feature-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0\">\n\t\t\t\t\t\t\t\t<i class=\"&lt;i class=&quot;fa-solid fa-map-location-dot&quot;&gt;&lt;\/i&gt; text-lg\"><\/i>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 space-y-2\">\n\t\t\t\t\t\t\t<h3 class=\"font-semibold text-lg text-foreground\">\n\t\t\t\t\t\t\t\t&quot;Where is my Tech?&quot; Solved\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"prose prose-commusoft prose-sm \">\n\t\t\t\t\t\t\t\t\t<p>Eliminate the blind spots in your operation. With\u00a0<a href=\"https:\/\/www.commusoft.com\/en-us\/features\/fleet-management-software\/\">Fleet+,<\/a>\u00a0view every vehicle and job status on a live map, giving you total visibility over your operation. <span class=\"citation-475 citation-end-475 interactive-span-hovered\">What&#8217;s great is that it allows you to answer customer questions instantly with real-time data, rather than chasing down drivers for updates<\/span>.<\/p>\n<p>&nbsp;<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex md:gap-4 mobile-feature-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0\">\n\t\t\t\t\t\t\t\t<i class=\"&lt;i class=&quot;fa-light fa-money-bill-transfer&quot;&gt;&lt;\/i&gt; text-lg\"><\/i>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 space-y-2\">\n\t\t\t\t\t\t\t<h3 class=\"font-semibold text-lg text-foreground\">\n\t\t\t\t\t\t\t\tFrom Job Done to Paid in Seconds\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"prose prose-commusoft prose-sm \">\n\t\t\t\t\t\t\t\t\t<p>Stop letting revenue sit in a pile on your desk. Convert digital job sheets into professional, itemized invoices with a single click.<\/p>\n<p><span class=\"citation-474\">Enable <\/span><strong><span class=\"citation-474\">automated invoicing<\/span><\/strong><span class=\"citation-474 citation-end-474\"> while scheduling the job and even <strong>collect payments on-site<\/strong> with our suite of <a href=\"https:\/\/www.commusoft.com\/en-us\/integrations\/\">integrations<\/a>, built to dramatically improve your cash flow and reduce administrative lag<\/span>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<!-- Tablet: Simple List with Images -->\n\t\t\t<div class=\"hidden md:block lg:hidden space-y-6 tablet-features-list\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex gap-6 items-start tablet-feature-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 w-[335px]\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"137\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png-300x137.avif\" class=\"w-full h-auto rounded-sm\" alt=\"Diary scheduling customisation examples\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png-300x137.avif 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png-18x8.avif 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png.avif 768w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 space-y-2\">\n\t\t\t\t\t\t\t<h3 class=\"font-semibold text-foreground\">\n\t\t\t\t\t\t\t\tIntelligent Scheduling &amp; Dispatch\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"prose prose-commusoft \">\n\t\t\t\t\t\t\t\t\t<p>Our powerful <a href=\"https:\/\/www.commusoft.com\/en-us\/features\/job-scheduling-software\">Job Scheduling<\/a> feature gives you a live view of your entire team.<\/p>\n<p data-path-to-node=\"6\"><b>Right tech, right job, every time.<\/b> Stop guessing and start optimizing. Use skill-based filtering to instantly match the most qualified technician to the specific requirements of the job.<\/p>\n<p data-path-to-node=\"6\"><span class=\"citation-476\">Ensure you meet every commercial <\/span><span class=\"citation-476\">SLA<\/span><span class=\"citation-476 citation-end-476\"> and minimize unbillable travel time with intelligent route optimization<\/span>.<\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<h4><\/h4>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex gap-6 items-start tablet-feature-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 w-[335px]\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"290\" height=\"300\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-290x300.png\" class=\"w-full h-auto rounded-sm\" alt=\"Real-time vehicle tracking showing engineer&#039;s ETA\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-290x300.png 290w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-991x1024.png 991w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-768x794.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-12x12.png 12w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking.png 1200w\" sizes=\"(max-width: 290px) 100vw, 290px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 space-y-2\">\n\t\t\t\t\t\t\t<h3 class=\"font-semibold text-foreground\">\n\t\t\t\t\t\t\t\t&quot;Where is my Tech?&quot; Solved\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"prose prose-commusoft \">\n\t\t\t\t\t\t\t\t\t<p>Eliminate the blind spots in your operation. With\u00a0<a href=\"https:\/\/www.commusoft.com\/en-us\/features\/fleet-management-software\/\">Fleet+,<\/a>\u00a0view every vehicle and job status on a live map, giving you total visibility over your operation. <span class=\"citation-475 citation-end-475 interactive-span-hovered\">What&#8217;s great is that it allows you to answer customer questions instantly with real-time data, rather than chasing down drivers for updates<\/span>.<\/p>\n<p>&nbsp;<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex gap-6 items-start tablet-feature-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 w-[335px]\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-300x169.png\" class=\"w-full h-auto rounded-sm\" alt=\"Tracking engineer job metrics on mobile app\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-300x169.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-1024x576.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-768x432.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-18x10.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 space-y-2\">\n\t\t\t\t\t\t\t<h3 class=\"font-semibold text-foreground\">\n\t\t\t\t\t\t\t\tFrom Job Done to Paid in Seconds\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"prose prose-commusoft \">\n\t\t\t\t\t\t\t\t\t<p>Stop letting revenue sit in a pile on your desk. Convert digital job sheets into professional, itemized invoices with a single click.<\/p>\n<p><span class=\"citation-474\">Enable <\/span><strong><span class=\"citation-474\">automated invoicing<\/span><\/strong><span class=\"citation-474 citation-end-474\"> while scheduling the job and even <strong>collect payments on-site<\/strong> with our suite of <a href=\"https:\/\/www.commusoft.com\/en-us\/integrations\/\">integrations<\/a>, built to dramatically improve your cash flow and reduce administrative lag<\/span>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<!-- Desktop: Tabbed Interface -->\n\t\t\t<div class=\"hidden lg:flex lg:gap-8\">\n\t\t\t\t<!-- Desktop: Tab Navigation (Left Column) -->\n\t\t\t\t<div class=\"lg:border-r lg:pr-8 lg:w-1\/3 lg:max-w-[323px] border-foreground\/10\">\n\t\t\t\t\t<div class=\"space-y-2 desktop-tabs\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"desktop-tab-btn w-full cursor-pointer font-semibold flex items-center gap-4 p-4 border-0 transition-all duration-200 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 hover:bg-secondary\/5 bg-black\/10 text-foreground\"\n\t\t\t\t\t\t\t\tdata-tab=\"0\"\n\t\t\t\t\t\t\t\tdata-is-light-bg=\"1\"\n\t\t\t\t\t\t\t\taria-selected=\"true\"\n\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-solid fa-calendar\"><\/i>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIntelligent Scheduling &amp; Dispatch\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"desktop-tab-btn w-full cursor-pointer font-semibold flex items-center gap-4 p-4 border-0 transition-all duration-200 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 hover:bg-secondary\/5 \"\n\t\t\t\t\t\t\t\tdata-tab=\"1\"\n\t\t\t\t\t\t\t\tdata-is-light-bg=\"1\"\n\t\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-solid fa-map-location-dot\"><\/i>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&quot;Where is my Tech?&quot; Solved\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"desktop-tab-btn w-full cursor-pointer font-semibold flex items-center gap-4 p-4 border-0 transition-all duration-200 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 hover:bg-secondary\/5 \"\n\t\t\t\t\t\t\t\tdata-tab=\"2\"\n\t\t\t\t\t\t\t\tdata-is-light-bg=\"1\"\n\t\t\t\t\t\t\t\taria-selected=\"false\"\n\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-light fa-money-bill-transfer\"><\/i>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tFrom Job Done to Paid in Seconds\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Desktop: Tab Content Container (Right Column) -->\n\t\t\t\t<div class=\"lg:w-[70.766%] relative desktop-content-container\">\n\t\t\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tclass=\"desktop-tab-content absolute top-0 left-0 w-full transition-all duration-300 opacity-100 translate-x-0\"\n\t\t\t\t\t\t\tdata-tab=\"0\"\n\t\t\t\t\t\t\tid=\"desktop-content-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"flex gap-6 items-start\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 w-[335px]\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"137\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png-300x137.avif\" class=\"w-full h-auto rounded-sm\" alt=\"Diary scheduling customisation examples\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png-300x137.avif 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png-18x8.avif 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature6_diary_scheduling_customisation-768x350.png.avif 768w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 prose prose-commusoft prose-h2:mt-0 \">\n\t\t\t\t\t\t\t\t\t\t<p>Our powerful <a href=\"https:\/\/www.commusoft.com\/en-us\/features\/job-scheduling-software\">Job Scheduling<\/a> feature gives you a live view of your entire team.<\/p>\n<p data-path-to-node=\"6\"><b>Right tech, right job, every time.<\/b> Stop guessing and start optimizing. Use skill-based filtering to instantly match the most qualified technician to the specific requirements of the job.<\/p>\n<p data-path-to-node=\"6\"><span class=\"citation-476\">Ensure you meet every commercial <\/span><span class=\"citation-476\">SLA<\/span><span class=\"citation-476 citation-end-476\"> and minimize unbillable travel time with intelligent route optimization<\/span>.<\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<h4><\/h4>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tclass=\"desktop-tab-content absolute top-0 left-0 w-full transition-all duration-300 opacity-0 translate-x-4 pointer-events-none\"\n\t\t\t\t\t\t\tdata-tab=\"1\"\n\t\t\t\t\t\t\tid=\"desktop-content-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"flex gap-6 items-start\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 w-[335px]\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"290\" height=\"300\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-290x300.png\" class=\"w-full h-auto rounded-sm\" alt=\"Real-time vehicle tracking showing engineer&#039;s ETA\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-290x300.png 290w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-991x1024.png 991w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-768x794.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking-12x12.png 12w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature1_engineer_tech_portal_realtime_tracking.png 1200w\" sizes=\"(max-width: 290px) 100vw, 290px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 prose prose-commusoft prose-h2:mt-0 \">\n\t\t\t\t\t\t\t\t\t\t<p>Eliminate the blind spots in your operation. With\u00a0<a href=\"https:\/\/www.commusoft.com\/en-us\/features\/fleet-management-software\/\">Fleet+,<\/a>\u00a0view every vehicle and job status on a live map, giving you total visibility over your operation. <span class=\"citation-475 citation-end-475 interactive-span-hovered\">What&#8217;s great is that it allows you to answer customer questions instantly with real-time data, rather than chasing down drivers for updates<\/span>.<\/p>\n<p>&nbsp;<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tclass=\"desktop-tab-content absolute top-0 left-0 w-full transition-all duration-300 opacity-0 translate-x-4 pointer-events-none\"\n\t\t\t\t\t\t\tdata-tab=\"2\"\n\t\t\t\t\t\t\tid=\"desktop-content-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"flex gap-6 items-start\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 w-[335px]\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-300x169.png\" class=\"w-full h-auto rounded-sm\" alt=\"Tracking engineer job metrics on mobile app\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-300x169.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-1024x576.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-768x432.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1-18x10.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-and-prices-inventory-US-1-1.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 prose prose-commusoft prose-h2:mt-0 \">\n\t\t\t\t\t\t\t\t\t\t<p>Stop letting revenue sit in a pile on your desk. Convert digital job sheets into professional, itemized invoices with a single click.<\/p>\n<p><span class=\"citation-474\">Enable <\/span><strong><span class=\"citation-474\">automated invoicing<\/span><\/strong><span class=\"citation-474 citation-end-474\"> while scheduling the job and even <strong>collect payments on-site<\/strong> with our suite of <a href=\"https:\/\/www.commusoft.com\/en-us\/integrations\/\">integrations<\/a>, built to dramatically improve your cash flow and reduce administrative lag<\/span>.<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<script type=\"text\/javascript\">\n(function() {\n\tvar section = document.getElementById('content-section-tabbed-features-block_4f446567ffd1e1b83e264683093c45ff');\n\tif (!section) return;\n\t\n\tvar container = section.querySelector('.tabbed-features-container');\n\tif (!container) return;\n\t\n\tvar initialTab = container.getAttribute('data-initial-tab');\n\tvar activeTab = initialTab ? parseInt(initialTab, 10) : 0;\n\tvar resizeTimeout = null;\n\t\n\t\/\/ Desktop elements only (mobile is now static)\n\tvar desktopTabs = container.querySelectorAll('.desktop-tab-btn');\n\tvar desktopContents = container.querySelectorAll('.desktop-tab-content');\n\tvar desktopContainer = container.querySelector('.desktop-content-container');\n\t\n\tfunction calculateContentHeight() {\n\t\t\/\/ Only calculate for desktop view (lg breakpoint: 1024px+)\n\t\tif (window.innerWidth < 1024) return;\n\t\tif (!desktopContainer) return;\n\t\t\n\t\tvar maxHeight = 0;\n\t\t\n\t\t\/\/ Create a temporary container to measure heights\n\t\tvar tempContainer = document.createElement('div');\n\t\ttempContainer.style.position = 'absolute';\n\t\ttempContainer.style.top = '-9999px';\n\t\ttempContainer.style.left = '-9999px';\n\t\ttempContainer.style.visibility = 'hidden';\n\t\ttempContainer.style.width = desktopContainer.offsetWidth + 'px';\n\t\tdocument.body.appendChild(tempContainer);\n\t\t\n\t\ttry {\n\t\t\tdesktopContents.forEach(function(content) {\n\t\t\t\tvar clonedContent = content.cloneNode(true);\n\t\t\t\tclonedContent.style.display = 'block';\n\t\t\t\tclonedContent.style.visibility = 'visible';\n\t\t\t\tclonedContent.style.position = 'static';\n\t\t\t\tclonedContent.style.opacity = '1';\n\t\t\t\tclonedContent.style.transform = 'none';\n\t\t\t\t\n\t\t\t\ttempContainer.appendChild(clonedContent);\n\t\t\t\tvar height = clonedContent.offsetHeight;\n\t\t\t\tmaxHeight = Math.max(maxHeight, height);\n\t\t\t\ttempContainer.removeChild(clonedContent);\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Add padding and set min-height\n\t\t\tdesktopContainer.style.minHeight = (maxHeight + 20) + 'px';\n\t\t} finally {\n\t\t\tdocument.body.removeChild(tempContainer);\n\t\t}\n\t}\n\t\n\tfunction updateDesktopTabs(tabIndex) {\n\t\tdesktopTabs.forEach(function(btn, index) {\n\t\t\tvar btnTab = parseInt(btn.getAttribute('data-tab'), 10);\n\t\t\tvar isActive = btnTab === tabIndex;\n\t\t\tvar isLightBg = btn.getAttribute('data-is-light-bg') === '1';\n\t\t\t\n\t\t\t\/\/ Update button styling\n\t\t\tif (isActive) {\n\t\t\t\tbtn.classList.add('bg-black\/10');\n\t\t\t\tif (isLightBg) {\n\t\t\t\t\tbtn.classList.add('text-foreground');\n\t\t\t\t\tbtn.classList.remove('text-white');\n\t\t\t\t} else {\n\t\t\t\t\tbtn.classList.add('text-white');\n\t\t\t\t\tbtn.classList.remove('text-foreground');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tbtn.classList.remove('bg-black\/10', 'text-foreground', 'text-white');\n\t\t\t}\n\t\t\t\n\t\t\tbtn.setAttribute('aria-selected', isActive ? 'true' : 'false');\n\t\t});\n\t\t\n\t\t\/\/ Update desktop content\n\t\tdesktopContents.forEach(function(content) {\n\t\t\tvar contentTab = parseInt(content.getAttribute('data-tab'), 10);\n\t\t\tvar isActive = contentTab === tabIndex;\n\t\t\t\n\t\t\tif (isActive) {\n\t\t\t\tcontent.classList.remove('opacity-0', 'translate-x-4', 'pointer-events-none');\n\t\t\t\tcontent.classList.add('opacity-100', 'translate-x-0');\n\t\t\t} else {\n\t\t\t\tcontent.classList.remove('opacity-100', 'translate-x-0');\n\t\t\t\tcontent.classList.add('opacity-0', 'translate-x-4', 'pointer-events-none');\n\t\t\t}\n\t\t});\n\t}\n\t\n\tfunction setActiveTab(tabIndex) {\n\t\tactiveTab = tabIndex;\n\t\tupdateDesktopTabs(tabIndex);\n\t\t\n\t\t\/\/ Recalculate height after tab switch\n\t\tsetTimeout(calculateContentHeight, 50);\n\t}\n\t\n\t\/\/ Add desktop tab click handlers\n\tdesktopTabs.forEach(function(btn) {\n\t\tbtn.addEventListener('click', function() {\n\t\t\tvar tabIndex = parseInt(this.getAttribute('data-tab'), 10);\n\t\t\tsetActiveTab(tabIndex);\n\t\t});\n\t});\n\t\n\t\/\/ Handle resize with debounce\n\twindow.addEventListener('resize', function() {\n\t\tclearTimeout(resizeTimeout);\n\t\tresizeTimeout = setTimeout(calculateContentHeight, 150);\n\t});\n\t\n\t\/\/ Keyboard navigation (desktop only)\n\tcontainer.addEventListener('keydown', function(e) {\n\t\t\/\/ Only handle keyboard navigation on desktop (lg breakpoint: 1024px+)\n\t\tif (window.innerWidth < 1024) return;\n\t\t\n\t\tvar tabIndexes, currentIndex, newIndex;\n\t\t\n\t\tif (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n\t\t\te.preventDefault();\n\t\t\ttabIndexes = Array.from(desktopTabs).map(function(btn) {\n\t\t\t\treturn parseInt(btn.getAttribute('data-tab'), 10);\n\t\t\t});\n\t\t\tcurrentIndex = tabIndexes.indexOf(activeTab);\n\t\t\tnewIndex = currentIndex > 0 ? currentIndex - 1 : tabIndexes.length - 1;\n\t\t\tsetActiveTab(tabIndexes[newIndex]);\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n\t\t\te.preventDefault();\n\t\t\ttabIndexes = Array.from(desktopTabs).map(function(btn) {\n\t\t\t\treturn parseInt(btn.getAttribute('data-tab'), 10);\n\t\t\t});\n\t\t\tcurrentIndex = tabIndexes.indexOf(activeTab);\n\t\t\tnewIndex = currentIndex < tabIndexes.length - 1 ? currentIndex + 1 : 0;\n\t\t\tsetActiveTab(tabIndexes[newIndex]);\n\t\t}\n\t});\n\t\n\t\/\/ Initialize\n\tsetTimeout(function() {\n\t\tcalculateContentHeight();\n\t}, 100);\n})();\n<\/script>\n\n\n\n<div id=\"quotes-carousel-block_cc696aaebe318eae6c983774be0b2bb2\" \n  class=\"py-16 bg-tertiary text-white\">\n  \n  <div class=\"wrapper relative\">\n    <div class=\"relative min-h-[400px]\">\n              <div class=\"quote-slide transition-opacity duration-500 ease-in-out opacity-100\" data-slide-index=\"0\">\n          <div class=\"flex flex-col md:flex-row gap-10 md:gap-24 justify-between\">\n            <!-- Image Column -->\n            <div class=\"relative w-full md:w-[37.298%]\">\n                              <div class=\"rounded-sm overflow-hidden\">\n                  <img decoding=\"async\" width=\"300\" height=\"162\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature_service_reminders_portal_overview.png-300x162.webp\" class=\"w-full h-full object-cover\" alt=\"Paul Deadmon\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature_service_reminders_portal_overview.png-300x162.webp 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature_service_reminders_portal_overview.png-1024x554.webp 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature_service_reminders_portal_overview.png-768x415.webp 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature_service_reminders_portal_overview.png-18x10.webp 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature_service_reminders_portal_overview.png.webp 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                <\/div>\n                          <\/div>\n            \n            <!-- Quote Column -->\n            <div class=\"space-y-6 w-full md:w-[55.309%]\">\n              <!-- Quote Icon -->\n              <div class=\"flex items-start\">\n                <div class=\"w-16 h-16 rounded-full flex items-center justify-center flex-shrink-0 bg-primary rotate-180\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 26 20\" class=\"w-6 h-6 text-white\"><path fill=\"currentColor\" d=\"M.333.667h11.334v10.2L5.69 19.333H2.06l3.555-8H.333V.667Zm14 0h11.334v10.2l-5.976 8.466H16.06l3.555-8h-5.282V.667Z\"\/><\/svg>\n                <\/div>\n              <\/div>\n              \n              <!-- Quote Text -->\n                              <blockquote class=\"text-xl lg:text-[28px] pt-6 font-bold leading-relaxed\">\n                  Letting agents love the online customer portal where they can access all the certificates, photos, and the job status. It&#039;s brilliant. It frees up our phones so our other customers can phone in.                <\/blockquote>\n                            \n              <!-- Quote Author -->\n                              <div class=\"border-t-[10px] border-white\/20 pt-6 flex justify-between\">\n                  <div>\n                                          <div class=\"font-bold text-lg md:text-xl\">\n                        Paul Deadmon                      <\/div>\n                                        \n                                          <div class=\"font-medium\">\n                        Operations Manager, CS Heating &amp; Plumbing                      <\/div>\n                                      <\/div>\n                                  <\/div>\n                                  \n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n    \n    <!-- Carousel Navigation - Fixed Position -->\n    <div class=\"flex items-center justify-center mt-6 space-x-4 carousel-navigation w-full md:w-1\/3 xl:w-full xl:max-w-[550px]\">\n      <!-- Previous Button -->\n      <button class=\"prev-btn p-2 rounded-full border-2 border-current hover:bg-current hover:bg-opacity-10 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-current focus:ring-opacity-50\"\n        aria-label=\"Previous quote\">\n        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n        <\/svg>\n      <\/button>\n      \n      <!-- Dots Navigation -->\n      <div class=\"flex space-x-2 dots-container\">\n                  <button class=\"dot-btn w-2 h-2 rounded-full transition-all duration-200 cursor-pointer bg-current w-10\"\n            data-slide=\"0\"\n            aria-label=\"Go to slide 1\">\n            <span class=\"sr-only\">Go to slide 1<\/span>\n          <\/button>\n              <\/div>\n      \n      <!-- Next Button -->\n      <button class=\"next-btn p-2 rounded-full border-2 border-current hover:bg-current hover:bg-opacity-10 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-current focus:ring-opacity-50\"\n        aria-label=\"Next quote\">\n        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n(function() {\n  var carousel = document.getElementById('quotes-carousel-block_cc696aaebe318eae6c983774be0b2bb2');\n  if (!carousel) return;\n  \n  var currentSlide = 0;\n  var slides = carousel.querySelectorAll('.quote-slide');\n  var totalSlides = slides.length;\n  var prevBtn = carousel.querySelector('.prev-btn');\n  var nextBtn = carousel.querySelector('.next-btn');\n  var dotButtons = carousel.querySelectorAll('.dot-btn');\n  \n  if (totalSlides === 0) return;\n  \n  function updateSlide() {\n    \/\/ Update slides visibility\n    slides.forEach(function(slide, index) {\n      if (index === currentSlide) {\n        slide.classList.remove('opacity-0', 'hidden');\n        slide.classList.add('opacity-100');\n      } else {\n        slide.classList.remove('opacity-100');\n        slide.classList.add('opacity-0', 'hidden');\n      }\n    });\n    \n    \/\/ Update dots\n    dotButtons.forEach(function(dot, index) {\n      if (index === currentSlide) {\n        dot.classList.remove('bg-opacity-30', 'w-2');\n        dot.classList.add('w-10');\n      } else {\n        dot.classList.remove('w-10');\n        dot.classList.add('bg-opacity-30', 'w-2');\n      }\n    });\n    \n    \/\/ Update button states\n    if (prevBtn) {\n      if (currentSlide === 0) {\n        prevBtn.disabled = true;\n        prevBtn.classList.add('opacity-50', 'cursor-not-allowed');\n      } else {\n        prevBtn.disabled = false;\n        prevBtn.classList.remove('opacity-50', 'cursor-not-allowed');\n      }\n    }\n    \n    if (nextBtn) {\n      if (currentSlide === totalSlides - 1) {\n        nextBtn.disabled = true;\n        nextBtn.classList.add('opacity-50', 'cursor-not-allowed');\n      } else {\n        nextBtn.disabled = false;\n        nextBtn.classList.remove('opacity-50', 'cursor-not-allowed');\n      }\n    }\n  }\n  \n  function goToSlide(index) {\n    if (index >= 0 && index < totalSlides) {\n      currentSlide = index;\n      updateSlide();\n    }\n  }\n  \n  function nextSlide() {\n    if (currentSlide < totalSlides - 1) {\n      currentSlide++;\n      updateSlide();\n    }\n  }\n  \n  function previousSlide() {\n    if (currentSlide > 0) {\n      currentSlide--;\n      updateSlide();\n    }\n  }\n  \n  \/\/ Event listeners\n  if (prevBtn) {\n    prevBtn.addEventListener('click', previousSlide);\n  }\n  \n  if (nextBtn) {\n    nextBtn.addEventListener('click', nextSlide);\n  }\n  \n  dotButtons.forEach(function(dot) {\n    dot.addEventListener('click', function() {\n      var slideIndex = parseInt(this.getAttribute('data-slide'), 10);\n      goToSlide(slideIndex);\n    });\n  });\n  \n  \/\/ Keyboard navigation\n  carousel.addEventListener('keydown', function(e) {\n    if (e.key === 'ArrowLeft') {\n      previousSlide();\n    } else if (e.key === 'ArrowRight') {\n      nextSlide();\n    }\n  });\n  \n  \/\/ Initialize\n  updateSlide();\n})();\n<\/script>\n\n\n<section id=\"content-section-accordion-block_f012e2ac3d2df3e8daa173d564af4aca\" class=\"overflow-hidden bg-white\">\n\t<div class=\"wrapper py-8 md:py-16\">\n\t\t<div class=\"flex flex-col md:flex-row-reverse justify-between gap-y-10 md:gap-16\">\n\t\t\t\t\t\t\t<div class=\"md:w-[44.018%]\">\n\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-1024x638.png\" class=\"w-full h-auto rounded\" alt=\"Job scheduling feature on desktop and mobile\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-1024x638.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-300x187.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-768x479.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-1536x958.png 1536w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-18x12.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US-120x74.png 120w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Scheduling-desktop-and-mobile-view-US.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"md:w-[48.58%]\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"text-2xl font-bold md:text-[32px] \">\n\t\t\t\t\t\tTotal <b>Transpency<\/b> on the <b>Job<\/b>.\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-6 accordion-container\" id=\"accordion-content-section-accordion-block_f012e2ac3d2df3e8daa173d564af4aca\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<details class=\"border-b border-gray-200 last:border-b-0 group accordion-item\" open>\n\t\t\t\t\t\t\t\t<summary class=\"w-full py-4 text-left flex items-center justify-between cursor-pointer list-none\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-lg font-semibold\">\n\t\t\t\t\t\t\t\t\t\tProvide Tracking Links So Customers Know When You Arrive\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<svg \n\t\t\t\t\t\t\t\t\t\tclass=\"w-5 h-5 text-foreground transition-transform duration-200 group-open:rotate-180\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\" \n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" \n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t\t\t<div class=\"pb-4 prose prose-commusoft\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"18\">Modern customers expect visibility. With &#8220;on my way&#8221; alerts, your client receives a live map view of the technician&#8217;s approach. <span class=\"citation-516 citation-end-516\">This lets them prepare the site or unlock the gate, ensuring a smooth arrival and a professional first impression.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<details class=\"border-b border-gray-200 last:border-b-0 group accordion-item\" >\n\t\t\t\t\t\t\t\t<summary class=\"w-full py-4 text-left flex items-center justify-between cursor-pointer list-none\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-lg font-semibold\">\n\t\t\t\t\t\t\t\t\t\tDeliver Instant Digital Proof of Work with Branded Service Reports\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<svg \n\t\t\t\t\t\t\t\t\t\tclass=\"w-5 h-5 text-foreground transition-transform duration-200 group-open:rotate-180\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\" \n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" \n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t\t\t<div class=\"pb-4 prose prose-commusoft\">\n\t\t\t\t\t\t\t\t\t<p>Give commercial facility managers the documentation they crave. Immediately after the job, send a clean, branded PDF summary featuring time-stamped photos, technician notes, and captured signatures. <span class=\"citation-515 citation-end-515\">It\u2019s the audit trail that proves your value and even more beautifully built with our <a href=\"https:\/\/www.commusoft.com\/en-us\/features\/estimating-and-quoting-software\/\">Proposal+<\/a> feature.\u00a0<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<details class=\"border-b border-gray-200 last:border-b-0 group accordion-item\" >\n\t\t\t\t\t\t\t\t<summary class=\"w-full py-4 text-left flex items-center justify-between cursor-pointer list-none\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-lg font-semibold\">\n\t\t\t\t\t\t\t\t\t\tGrant Instant Access to Critical Compliance Forms and Safety Certificates\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<svg \n\t\t\t\t\t\t\t\t\t\tclass=\"w-5 h-5 text-foreground transition-transform duration-200 group-open:rotate-180\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\" \n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" \n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t\t\t<div class=\"pb-4 prose prose-commusoft\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"21\">For commercial clients, compliance is king. Ensure you never lose a gas safety record or maintenance certificate again. <span class=\"citation-514 citation-end-514\">All forms are digitized and automatically stored in their portal for immediate download whenever they face an inspection<\/span>.<\/p>\n<p>&nbsp;<\/p>\n<h4><\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<script>\n\t\t\t\t\t(function() {\n\t\t\t\t\t\t'use strict';\n\t\t\t\t\t\t\/\/ Only run on frontend, not in editor\n\t\t\t\t\t\tif (typeof window === 'undefined' || (document.body && document.body.classList.contains('block-editor-page'))) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar container = document.getElementById('accordion-content-section-accordion-block_f012e2ac3d2df3e8daa173d564af4aca');\n\t\t\t\t\t\tif (!container) return;\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar items = container.querySelectorAll('.accordion-item');\n\t\t\t\t\t\t\n\t\t\t\t\t\titems.forEach(function(item) {\n\t\t\t\t\t\t\titem.addEventListener('toggle', function() {\n\t\t\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\t\t\titems.forEach(function(otherItem) {\n\t\t\t\t\t\t\t\t\t\tif (otherItem !== item && otherItem.open) {\n\t\t\t\t\t\t\t\t\t\t\totherItem.open = false;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t})();\n\t\t\t\t\t<\/script>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-6 flex flex-wrap gap-3 \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn--primary\" href=\"#book-a-demo\">\n\t\t\t\t\t\t\t\tBook a demo\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section id=\"content-section-accordion-block_11fcc875cd4aa029f767bc82a5be1b8d\" class=\"overflow-hidden bg-background-alt\">\n\t<div class=\"wrapper py-8 md:py-16\">\n\t\t<div class=\"flex flex-col md:flex-row justify-between gap-y-10 md:gap-16\">\n\t\t\t\t\t\t\t<div class=\"md:w-[44.018%]\">\n\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-contract-ppm-and-sla-US-1-1024x576.png\" class=\"w-full h-auto rounded\" alt=\"PPM contract setup overview, schedule and example SLAs\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-contract-ppm-and-sla-US-1-1024x576.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-contract-ppm-and-sla-US-1-300x169.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-contract-ppm-and-sla-US-1-768x432.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-contract-ppm-and-sla-US-1-18x10.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720PArt-contract-ppm-and-sla-US-1.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"md:w-[48.58%]\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"text-2xl font-bold md:text-[32px] \">\n\t\t\t\t\t\tA <b>Seamless<\/b> Experience. From<b> Start<\/b> to <b>Finish<\/b>.\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-6 accordion-container\" id=\"accordion-content-section-accordion-block_11fcc875cd4aa029f767bc82a5be1b8d\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<details class=\"border-b border-gray-200 last:border-b-0 group accordion-item\" open>\n\t\t\t\t\t\t\t\t<summary class=\"w-full py-4 text-left flex items-center justify-between cursor-pointer list-none\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-lg font-semibold\">\n\t\t\t\t\t\t\t\t\t\tOffer Secure Online Payment Options to Settle Invoices in Seconds\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<svg \n\t\t\t\t\t\t\t\t\t\tclass=\"w-5 h-5 text-foreground transition-transform duration-200 group-open:rotate-180\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\" \n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" \n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t\t\t<div class=\"pb-4 prose prose-commusoft\">\n\t\t\t\t\t\t\t\t\t<p>Remove the friction of checks in the mail. Embed a secure payment link directly into your digital invoice. <span class=\"citation-512 citation-end-512\">Customers can pay via credit card instantly from their mobile device or <a href=\"https:\/\/www.commusoft.com\/en-us\/features\/customer-portal\/\">through their portal<\/a>, helping you get paid faster<\/span>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<details class=\"border-b border-gray-200 last:border-b-0 group accordion-item\" >\n\t\t\t\t\t\t\t\t<summary class=\"w-full py-4 text-left flex items-center justify-between cursor-pointer list-none\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-lg font-semibold\">\n\t\t\t\t\t\t\t\t\t\tProactively Notify Customers When Their Planned Maintenance Is Due\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<svg \n\t\t\t\t\t\t\t\t\t\tclass=\"w-5 h-5 text-foreground transition-transform duration-200 group-open:rotate-180\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\" \n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" \n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t\t\t<div class=\"pb-4 prose prose-commusoft\">\n\t\t\t\t\t\t\t\t\t<p>Help your customers stay compliant without the headache. Our automated service reminders notify them exactly when assets need servicing and provide a direct link to book the appointment. <span class=\"citation-511 citation-end-511\">You protect their equipment while locking in your recurring revenue<\/span>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<details class=\"border-b border-gray-200 last:border-b-0 group accordion-item\" >\n\t\t\t\t\t\t\t\t<summary class=\"w-full py-4 text-left flex items-center justify-between cursor-pointer list-none\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-lg font-semibold\">\n\t\t\t\t\t\t\t\t\t\tGive Commercial Clients a Consolidated View of Their Account History\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<svg \n\t\t\t\t\t\t\t\t\t\tclass=\"w-5 h-5 text-foreground transition-transform duration-200 group-open:rotate-180\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\" \n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" \n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t\t\t<div class=\"pb-4 prose prose-commusoft\">\n\t\t\t\t\t\t\t\t\t<p>Property managers dealing with high volumes of invoices need clarity. <span class=\"citation-510\">The s<\/span><span class=\"citation-510\">tatement portal<\/span><span class=\"citation-510 citation-end-510\"> allows them to view their entire account history, see outstanding balances, and clear multiple invoices in a single transaction.<\/span><\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<script>\n\t\t\t\t\t(function() {\n\t\t\t\t\t\t'use strict';\n\t\t\t\t\t\t\/\/ Only run on frontend, not in editor\n\t\t\t\t\t\tif (typeof window === 'undefined' || (document.body && document.body.classList.contains('block-editor-page'))) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar container = document.getElementById('accordion-content-section-accordion-block_11fcc875cd4aa029f767bc82a5be1b8d');\n\t\t\t\t\t\tif (!container) return;\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar items = container.querySelectorAll('.accordion-item');\n\t\t\t\t\t\t\n\t\t\t\t\t\titems.forEach(function(item) {\n\t\t\t\t\t\t\titem.addEventListener('toggle', function() {\n\t\t\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\t\t\titems.forEach(function(otherItem) {\n\t\t\t\t\t\t\t\t\t\tif (otherItem !== item && otherItem.open) {\n\t\t\t\t\t\t\t\t\t\t\totherItem.open = false;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t})();\n\t\t\t\t\t<\/script>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-6 flex flex-wrap gap-3 \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn--primary\" href=\"https:\/\/www.commusoft.com\/en-us\/features\/customer-database-software\/\">\n\t\t\t\t\t\t\t\tLearn more about customer management\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n<section id=\"featured-customers-block_377c2e7c1fef703c9be1c3056f758e73\" class=\"py-8 md:py-16 bg-background-alt\">\n\t<div class=\"wrapper\">\n\t\t\n\t\t\t\t\t<div class=\"relative overflow-hidden\">\n\t\t\t\t<!-- Fade overlay on left side -->\n\t\t\t\t<div class=\"absolute left-0 top-0 bottom-0 w-16 md:w-24 bg-gradient-to-r from-background-alt to-transparent z-10 pointer-events-none\"><\/div>\n\t\t\t\t\n\t\t\t\t<!-- Fade overlay on right side -->\n\t\t\t\t<div class=\"absolute right-0 top-0 bottom-0 w-16 md:w-24 bg-gradient-to-l from-background-alt to-transparent z-10 pointer-events-none\"><\/div>\n\t\t\t\t\n\t\t\t\t<!-- Scrolling logos container -->\n\t\t\t\t<div class=\"flex featured-customers-scroll\">\n\t\t\t\t\t<!-- First set of logos -->\n\t\t\t\t\t<div class=\"flex items-center space-x-8 md:space-x-12 flex-shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-11.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Laver Group logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-11.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-11-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-9.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"JLN Plumbing, Heating &amp; Electric logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-9.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-9-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-8.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"HRHislop.com Electrical Contracting logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-8.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-8-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-6.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Shea Works Electrical &amp; Building Services logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-6.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-6-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-5.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Tradeforce Air Conditioning logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-5.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-5-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-4.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"The Drain People logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-4.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-4-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"98\" height=\"40\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-55.png\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Heavenly cool Appliance repair grey logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-55.png 98w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-55-18x7.png 18w\" sizes=\"(max-width: 98px) 100vw, 98px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"92\" height=\"55\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-58.png\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"BNB repair grey logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-58.png 92w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-58-18x12.png 18w\" sizes=\"(max-width: 92px) 100vw, 92px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<!-- Duplicate set for seamless loop -->\n\t\t\t\t\t<div class=\"flex items-center space-x-8 md:space-x-12 flex-shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-11.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Laver Group logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-11.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-11-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-9.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"JLN Plumbing, Heating &amp; Electric logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-9.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-9-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-8.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"HRHislop.com Electrical Contracting logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-8.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-8-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-6.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Shea Works Electrical &amp; Building Services logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-6.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-6-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-5.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Tradeforce Air Conditioning logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-5.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-5-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"216\" height=\"70\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-4.jpg\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"The Drain People logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-4.jpg 216w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/Frame-4-18x6.jpg 18w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"98\" height=\"40\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-55.png\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"Heavenly cool Appliance repair grey logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-55.png 98w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-55-18x7.png 18w\" sizes=\"(max-width: 98px) 100vw, 98px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 opacity-60 hover:opacity-80 transition-opacity duration-300\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"92\" height=\"55\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-58.png\" class=\"h-8 md:h-12 w-auto grayscale hover:grayscale-0 transition-all duration-300\" alt=\"BNB repair grey logo\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-58.png 92w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/12\/image-58-18x12.png 18w\" sizes=\"(max-width: 92px) 100vw, 92px\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n\n<section id=\"content-section-vertical-carousel-block_8059bcd0e053b1526b520d75f1106f9d\" \n\tclass=\"overflow-hidden\"\n\tstyle=\"background-color: #262626;\">\n\t<div class=\"wrapper py-14 md:py-20 lg:py-26\">\t\t\n\n\t\t<div id=\"content-section-vertical-carousel-block_8059bcd0e053b1526b520d75f1106f9d-carousel\" \n\t\t\t class=\"flex flex-col md:flex-row md:justify-between md:items-center gap-8 lg:gap-20\">\n\t\t\t <!-- Desktop: Vertical Tab Navigation (Left Column) -->\n\t\t\t <div class=\"hidden md:flex md:flex-col md:w-1\/2 lg:w-[50.24%]\">\n\t\t\t\t\t\t\t\t\t<div class=\"mb-8 md:mb-12\">\n\t\t\t\t\t\t<h2 class=\"text-3xl font-bold md:text-4xl lg:text-5xl text-white\">\n\t\t\t\t\t\t\tThe Experience They Demand, Without the Friction.\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\tdata-tab-index=\"0\"\n\t\t\t\t\t\tdata-hover-class=\"hover:bg-white\/10\"\n\t\t\t\t\t\tdata-active-class=\"bg-white\/10\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"group cursor-pointer text-white hover:bg-white\/10 flex items-start gap-4 p-6 lg:p-8 transition-all duration-300 text-left rounded-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 text-white md:text-lg\">\n\t\t\t\t\t\t\t\t<i class=\"fa-light fa-browser\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t\t<h3 class=\"font-bold text-lg lg:text-xl text-white mb-2\">\n\t\t\t\t\t\t\t\tA 24\/7 Self-Service Portal that builds total trust\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white\/80 text-sm lg:text-base leading-relaxed\">\n\t\t\t\t\t\t\t\t\tEmpower commercial clients to download compliance certificates, view service history, and approve quotes instantly without calling the office.\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\tdata-tab-index=\"1\"\n\t\t\t\t\t\tdata-hover-class=\"hover:bg-white\/10\"\n\t\t\t\t\t\tdata-active-class=\"bg-white\/10\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"group cursor-pointer text-white hover:bg-white\/10 flex items-start gap-4 p-6 lg:p-8 transition-all duration-300 text-left rounded-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 text-white md:text-lg\">\n\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-file-invoice-dollar\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t\t<h3 class=\"font-bold text-lg lg:text-xl text-white mb-2\">\n\t\t\t\t\t\t\t\tSeamless Digital Payments Get paid faster by removing the friction of paper checks\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white\/80 text-sm lg:text-base leading-relaxed\">\n\t\t\t\t\t\t\t\t\tAllow customers to settle digital invoices in seconds via credit card directly from their device.\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\tdata-tab-index=\"2\"\n\t\t\t\t\t\tdata-hover-class=\"hover:bg-white\/10\"\n\t\t\t\t\t\tdata-active-class=\"bg-white\/10\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"group cursor-pointer text-white hover:bg-white\/10 flex items-start gap-4 p-6 lg:p-8 transition-all duration-300 text-left rounded-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 text-white md:text-lg\">\n\t\t\t\t\t\t\t\t<i class=\"fa-solid fa-truck-clock\"><\/i>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t\t<h3 class=\"font-bold text-lg lg:text-xl text-white mb-2\">\n\t\t\t\t\t\t\t\tLive Service Updates with Fleet Management\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white\/80 text-sm lg:text-base leading-relaxed\">\n\t\t\t\t\t\t\t\t\tBuild total trust with automated &quot;on my way&quot; SMS alerts and real-time technician tracking maps that eliminate the need for &quot;where are you&quot; phone calls.\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<!-- Desktop: Image Display Area (Right Column) -->\n\t\t\t<div class=\"hidden md:block md:w-1\/2 lg:w-[43.33%]\">\n\t\t\t\t<div class=\"relative h-full md:min-h-[396px]\">\n\t\t\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tdata-tab-content=\"0\"\n\t\t\t\t\t\t\tclass=\"absolute inset-0 flex items-center justify-center opacity-0 translate-y-2 scale-[0.985] transition-all duration-300 ease-out\"\n\t\t\t\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"645\" height=\"332\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2.png\" class=\"\" alt=\"Photos and attached files property in customer portal\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2.png 1200w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-300x155.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-1024x527.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-768x396.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-18x9.png 18w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tdata-tab-content=\"1\"\n\t\t\t\t\t\t\tclass=\"absolute inset-0 flex items-center justify-center opacity-0 translate-y-2 scale-[0.985] transition-all duration-300 ease-out\"\n\t\t\t\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"645\" height=\"431\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office.png\" class=\"\" alt=\"Example of how to add new payments, including adding card details\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office.png 1200w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-300x201.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-1024x684.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-768x513.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-18x12.png 18w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tdata-tab-content=\"2\"\n\t\t\t\t\t\t\tclass=\"absolute inset-0 flex items-center justify-center opacity-0 translate-y-2 scale-[0.985] transition-all duration-300 ease-out\"\n\t\t\t\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"645\" height=\"363\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1.png\" class=\"\" alt=\"Communication examples for service reminders\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1.png 1280w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-300x169.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-1024x576.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-768x432.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-18x10.png 18w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- Mobile: Accordion Navigation -->\n\t\t\t<div class=\"md:hidden space-y-3 w-full\">\n\t\t\t\t\t\t\t<div class=\"rounded-sm overflow-hidden transition-all duration-300 bg-transparent\"\n\t\t\t\t\t     data-mobile-tab=\"0\">\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tdata-mobile-tab-button=\"0\"\n\t\t\t\t\t\tdata-active-class=\"bg-white\/10\"\n\t\t\t\t\t\tdata-inactive-class=\"bg-transparent\"\n\t\t\t\t\t\tclass=\"w-full flex items-start gap-4 p-6 transition-colors duration-200 text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 text-white text-2xl\">\n\t\t\t\t\t\t\t\t\t<i class=\"fa-light fa-browser\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t\t\t<h3 class=\"font-bold text-lg text-white\">\n\t\t\t\t\t\t\t\t\tA 24\/7 Self-Service Portal that builds total trust\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white\/80 text-sm mt-1 leading-relaxed\">\n\t\t\t\t\t\t\t\t\t\tEmpower commercial clients to download compliance certificates, view service history, and approve quotes instantly without calling the office.\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tdata-mobile-tab-content=\"0\"\n\t\t\t\t\t\t\tclass=\"px-6 pb-6 transition-all duration-200 opacity-0 transform scale-95 -translate-y-2\"\n\t\t\t\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full bg-white rounded-sm overflow-hidden shadow-lg\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-1024x527.png\" class=\"w-full h-auto\" alt=\"Photos and attached files property in customer portal\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-1024x527.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-300x155.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-768x396.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2-18x9.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US_Feature2_customer_portal_job-2.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"rounded-sm overflow-hidden transition-all duration-300 bg-transparent\"\n\t\t\t\t\t     data-mobile-tab=\"1\">\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tdata-mobile-tab-button=\"1\"\n\t\t\t\t\t\tdata-active-class=\"bg-white\/10\"\n\t\t\t\t\t\tdata-inactive-class=\"bg-transparent\"\n\t\t\t\t\t\tclass=\"w-full flex items-start gap-4 p-6 transition-colors duration-200 text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 text-white text-2xl\">\n\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-file-invoice-dollar\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t\t\t<h3 class=\"font-bold text-lg text-white\">\n\t\t\t\t\t\t\t\t\tSeamless Digital Payments Get paid faster by removing the friction of paper checks\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white\/80 text-sm mt-1 leading-relaxed\">\n\t\t\t\t\t\t\t\t\t\tAllow customers to settle digital invoices in seconds via credit card directly from their device.\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tdata-mobile-tab-content=\"1\"\n\t\t\t\t\t\t\tclass=\"px-6 pb-6 transition-all duration-200 opacity-0 transform scale-95 -translate-y-2\"\n\t\t\t\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full bg-white rounded-sm overflow-hidden shadow-lg\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-1024x684.png\" class=\"w-full h-auto\" alt=\"Example of how to add new payments, including adding card details\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-1024x684.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-300x201.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-768x513.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office-18x12.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/10\/US-Payments-from-the-office.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"rounded-sm overflow-hidden transition-all duration-300 bg-transparent\"\n\t\t\t\t\t     data-mobile-tab=\"2\">\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tdata-mobile-tab-button=\"2\"\n\t\t\t\t\t\tdata-active-class=\"bg-white\/10\"\n\t\t\t\t\t\tdata-inactive-class=\"bg-transparent\"\n\t\t\t\t\t\tclass=\"w-full flex items-start gap-4 p-6 transition-colors duration-200 text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 text-white text-2xl\">\n\t\t\t\t\t\t\t\t\t<i class=\"fa-solid fa-truck-clock\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t\t\t<h3 class=\"font-bold text-lg text-white\">\n\t\t\t\t\t\t\t\t\tLive Service Updates with Fleet Management\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-white\/80 text-sm mt-1 leading-relaxed\">\n\t\t\t\t\t\t\t\t\t\tBuild total trust with automated &quot;on my way&quot; SMS alerts and real-time technician tracking maps that eliminate the need for &quot;where are you&quot; phone calls.\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tdata-mobile-tab-content=\"2\"\n\t\t\t\t\t\t\tclass=\"px-6 pb-6 transition-all duration-200 opacity-0 transform scale-95 -translate-y-2\"\n\t\t\t\t\t\t\tstyle=\"display: none;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full bg-white rounded-sm overflow-hidden shadow-lg\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-1024x576.png\" class=\"w-full h-auto\" alt=\"Communication examples for service reminders\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-1024x576.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-300x169.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-768x432.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1-18x10.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1280x720-communication-service-job-reminder-US-1.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\t<script>\n\t(function() {\n\t\t\/\/ Only run if the carousel element exists (handles editor re-renders)\n\t\tconst carouselElement = document.getElementById('content-section-vertical-carousel-block_8059bcd0e053b1526b520d75f1106f9d-carousel');\n\t\tif (!carouselElement) return;\n\t\t\n\t\t\/\/ Prevent duplicate initialization\n\t\tif (carouselElement.dataset.initialized === 'true') return;\n\t\tcarouselElement.dataset.initialized = 'true';\n\n\t\tlet activeTab = 0;\n\t\tconst totalTabs = 3;\n\n\t\t\/\/ Desktop tab functionality\n\t\tconst desktopTabButtons = carouselElement.querySelectorAll('[data-tab-index]');\n\t\tconst desktopTabContents = carouselElement.querySelectorAll('[data-tab-content]');\n\n\t\t\/\/ Mobile tab functionality\n\t\tconst mobileTabButtons = carouselElement.querySelectorAll('[data-mobile-tab-button]');\n\t\tconst mobileTabContents = carouselElement.querySelectorAll('[data-mobile-tab-content]');\n\t\tconst mobileTabContainers = carouselElement.querySelectorAll('[data-mobile-tab]');\n\n\t\tfunction setActiveTab(index) {\n\t\t\tactiveTab = index;\n\t\t\t\n\t\t\t\/\/ Update desktop tabs\n\t\t\tdesktopTabButtons.forEach((button, i) => {\n\t\t\t\tconst hoverClass = button.dataset.hoverClass || '';\n\t\t\t\tconst activeClass = button.dataset.activeClass || '';\n\t\t\t\tbutton.classList.remove(hoverClass, activeClass);\n\t\t\t\tif (i === index) {\n\t\t\t\t\tif (activeClass) button.classList.add(activeClass);\n\t\t\t\t} else {\n\t\t\t\t\tif (hoverClass) button.classList.add(hoverClass);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ Update desktop content\n\t\t\tdesktopTabContents.forEach((content, i) => {\n\t\t\t\tconst isTarget = i === index;\n\t\t\t\tif (isTarget) {\n\t\t\t\t\t\/\/ Enter animation\n\t\t\t\t\tcontent.style.display = 'flex';\n\t\t\t\t\tcontent.classList.remove('opacity-0', 'translate-y-2', 'scale-[0.985]');\n\t\t\t\t\tcontent.classList.add('opacity-100', 'translate-y-0', 'scale-100');\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ Exit animation, then hide\n\t\t\t\t\tif (content.style.display !== 'none') {\n\t\t\t\t\t\tcontent.classList.remove('opacity-100', 'translate-y-0', 'scale-100');\n\t\t\t\t\t\tcontent.classList.add('opacity-0', 'translate-y-2', 'scale-[0.985]');\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tcontent.style.display = 'none';\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcontent.style.display = 'none';\n\t\t\t\t\t\tcontent.classList.remove('opacity-100', 'translate-y-0', 'scale-100');\n\t\t\t\t\t\tcontent.classList.add('opacity-0', 'translate-y-2', 'scale-[0.985]');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ Update mobile tabs\n\t\t\tmobileTabContainers.forEach((container, i) => {\n\t\t\t\tconst btn = mobileTabButtons[i];\n\t\t\t\tconst mobileActiveClass = btn ? (btn.dataset.activeClass || '') : '';\n\t\t\t\tconst mobileInactiveClass = btn ? (btn.dataset.inactiveClass || 'bg-transparent') : 'bg-transparent';\n\t\t\t\tcontainer.classList.remove(mobileActiveClass, mobileInactiveClass);\n\t\t\t\tif (i === index) {\n\t\t\t\t\tif (mobileActiveClass) container.classList.add(mobileActiveClass);\n\t\t\t\t} else {\n\t\t\t\t\tif (mobileInactiveClass) container.classList.add(mobileInactiveClass);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ Update mobile content\n\t\t\tmobileTabContents.forEach((content, i) => {\n\t\t\t\tconst isTarget = i === index;\n\t\t\t\tif (isTarget) {\n\t\t\t\t\tcontent.style.display = 'block';\n\t\t\t\t\tcontent.classList.remove('opacity-0', 'scale-95', '-translate-y-2');\n\t\t\t\t\tcontent.classList.add('opacity-100', 'scale-100', 'translate-y-0');\n\t\t\t\t} else {\n\t\t\t\t\tif (content.style.display !== 'none') {\n\t\t\t\t\t\tcontent.classList.remove('opacity-100', 'scale-100', 'translate-y-0');\n\t\t\t\t\t\tcontent.classList.add('opacity-0', 'scale-95', '-translate-y-2');\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tcontent.style.display = 'none';\n\t\t\t\t\t\t}, 200);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcontent.style.display = 'none';\n\t\t\t\t\t\tcontent.classList.remove('opacity-100', 'scale-100', 'translate-y-0');\n\t\t\t\t\t\tcontent.classList.add('opacity-0', 'scale-95', '-translate-y-2');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tfunction closeAllMobileTabs() {\n\t\t\t\/\/ Close all mobile tabs\n\t\t\tmobileTabContainers.forEach((container) => {\n\t\t\t\tcontainer.classList.remove('bg-white\/10');\n\t\t\t\tcontainer.classList.add('bg-transparent');\n\t\t\t});\n\n\t\t\tmobileTabContents.forEach((content) => {\n\t\t\t\tcontent.style.display = 'none';\n\t\t\t\tcontent.classList.remove('opacity-100', 'scale-100', 'translate-y-0');\n\t\t\t\tcontent.classList.add('opacity-0', 'scale-95', '-translate-y-2');\n\t\t\t});\n\t\t}\n\n\t\tfunction toggleMobileTab(index) {\n\t\t\t\/\/ On mobile, toggle the accordion\n\t\t\tif (activeTab === index) {\n\t\t\t\t\/\/ Close current tab\n\t\t\t\tcloseAllMobileTabs();\n\t\t\t\tactiveTab = -1;\n\t\t\t} else {\n\t\t\t\tsetActiveTab(index);\n\t\t\t}\n\t\t}\n\n\t\t\/\/ Add event listeners for desktop tabs\n\t\tdesktopTabButtons.forEach((button, index) => {\n\t\t\tbutton.addEventListener('click', () => setActiveTab(index));\n\t\t});\n\n\t\t\/\/ Add event listeners for mobile tabs\n\t\tmobileTabButtons.forEach((button, index) => {\n\t\t\tbutton.addEventListener('click', () => toggleMobileTab(index));\n\t\t});\n\n\t\t\/\/ Initialize with first tab active\n\t\tsetActiveTab(activeTab);\n\t})();\n\t<\/script>\n\n\n\n<section id=\"content-section-with-image-block_4a630774b7cd225fc042bb3ef13d42c3\" class=\"overflow-hidden bg-[#]\">\n\t<div class=\"wrapper py-8 md:py-16\">\n\t\t<div class=\"flex flex-col items-center gap-y-10 md:gap-x-16 lg:gap-x-24 md:flex-row-reverse\">\n\t\t\t\t\t\t\t<div class=\"md:w-[46.30%] md:flex-row-reverse\">\n\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature0_real_time_vehicle_traking_overview-1.png-1024x520.webp\" class=\"w-full h-auto rounded\" alt=\"Real-time vehicle tracking overview and mobile app view\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature0_real_time_vehicle_traking_overview-1.png-1024x520.webp 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature0_real_time_vehicle_traking_overview-1.png-300x152.webp 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature0_real_time_vehicle_traking_overview-1.png-768x390.webp 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature0_real_time_vehicle_traking_overview-1.png-18x9.webp 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/Feature0_real_time_vehicle_traking_overview-1.png.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"md:w-[46.30%]\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"text-2xl font-bold md:text-[32px] leading-tight\">\n\t\t\t\t\t\tGet More Done with AI <b>Insights<\/b> and Go <b>Beyond <\/b> in 2026\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-4 prose prose-commusoft\">\n\t\t\t\t\t\t<p>Reactive service is a relic of the past. To win in 2026, you need to anticipate needs, not just answer calls. Commusoft\u2019s <strong><a href=\"https:\/\/www.commusoft.com\/en-us\/features\/job-costing-software\/\">Intelligence Engine<\/a><\/strong> analyzes asset data to automate maintenance schedules and identify revenue opportunities you\u2019re currently missing. Trade up from a service vendor to a strategic partner, using <a href=\"https:\/\/www.commusoft.com\/en-us\/features\/aiden\/\">AI<\/a> to deliver the proactive reliability your biggest clients demand.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 flex flex-wrap gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn--primary\" href=\"https:\/\/www.commusoft.com\/en-us\/features\/job-costing-software\/\">\n\t\t\t\t\t\t\t\tLearn more about reporting\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section id=\"content-section-with-image-block_6365001bc2a7e0666667268fccceb7fe\" class=\"overflow-hidden bg-[#]\">\n\t<div class=\"wrapper py-8 md:py-16\">\n\t\t<div class=\"flex flex-col items-center gap-y-10 md:gap-x-16 lg:gap-x-24 md:flex-row\">\n\t\t\t\t\t\t\t<div class=\"md:w-[46.30%] md:flex-row\">\n\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US-1024x587.png\" class=\"w-full h-auto rounded\" alt=\"Sales opportunity dashboard\" srcset=\"https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US-1024x587.png 1024w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US-300x172.png 300w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US-768x440.png 768w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US-1536x881.png 1536w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US-18x10.png 18w, https:\/\/www.commusoft.com\/wp-content\/uploads\/2025\/11\/1920x-Reporting-dashboard-US.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"md:w-[46.30%]\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"text-2xl font-bold md:text-[32px] leading-tight\">\n\t\t\t\t\t\tStop Flying Blind. <b>Start<\/b> Scaling with <b>Precision<\/b>\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-4 prose prose-commusoft\">\n\t\t\t\t\t\t<p data-path-to-node=\"6\">Your gut feeling doesn&#8217;t scale. If you&#8217;re relying on paper or basic reporting to run a growing commercial business, you are making decisions in the dark. Trade up to the command center that turns your operations into a transparent, data-driven engine!<\/p>\n<p data-path-to-node=\"8,0,0\">Get true job profitability to move beyond top-line revenue by seeing<span class=\"citation-448 citation-end-448\">\u00a0the exact profit margin on every job, asset, and contract in real-time<\/span>.<\/p>\n<p data-path-to-node=\"8,1,1\"><span class=\"citation-447\">Harness commercial grade control to<\/span><span class=\"citation-447 citation-end-447\">\u00a0effortlessly manage multi-site customers and complex SLAs without the administrative chaos<\/span>.<\/p>\n<p data-path-to-node=\"8,2,1\"><span class=\"citation-446\">Gain instant insight and access to <\/span><span class=\"citation-446 citation-end-446\">a suite of pre-built reports that act as a business x-ray, showing you exactly where you are making money, and where you are losing it<\/span>.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 flex flex-wrap gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn--primary\" href=\"https:\/\/www.commusoft.com\/en-us\/features\/\">\n\t\t\t\t\t\t\t\tLearn more about our features\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n\n<section id=\"faqs-full-width-block_1f4c97bc7f12ddc1e92475a30325bc3e\" class=\"bg-[#]\">\n\t<div class=\"wrapper py-8 md:py-16\" \">\n    <div class=\"text-center mb-12 md:mb-16\">\n              <h2 class=\"text-2xl font-bold md:text-[32px] mb-4\">\n          Frequently Asked Questions        <\/h2>\n      \n              <p class=\"text-lg md:text-xl mt-4 text-foreground\">\n          If you can\u2019t answer that you&#039;re looking for, feel free to drop us a line        <\/p>\n          <\/div>\n\n          \n      <div class=\"space-y-6\">\n                  <details class=\"group p-6 md:py-7 bg-background-alt\" open>\n            <summary class=\"flex items-start justify-between cursor-pointer list-none\">\n              <span class=\"text-lg md:text-xl font-semibold pr-6 text-foreground\">\n                What can my customers actually do in the portal?              <\/span>\n              <span aria-hidden=\"true\" class=\"mt-1 inline-flex relative size-10 flex-shrink-0 items-center justify-center rounded-full border border-[#eee] bg-white\">\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-100 group-open:opacity-0 group-open:rotate-180\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 11.3307H11.3337V19.3307H8.66699V11.3307H0.666992V8.66406H8.66699V0.664062H11.3337V8.66406H19.3337V11.3307Z\" fill=\"#535353\"\/>\n                <\/svg>\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-0 group-open:opacity-100\" viewBox=\"0 0 20 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 3.33073H0.666992V0.664062H19.3337V3.33073Z\" fill=\"#535353\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n\t\t\t\t    <div id=\"faqs-full-width-block_1f4c97bc7f12ddc1e92475a30325bc3e-item-1\" class=\"pt-4 pr-8 text-base md:text-lg content overflow-hidden opacity-0 max-h-0 translate-y-1 transition-[max-height,opacity,transform] duration-300 ease-out will-change-[max-height,opacity,transform] group-open:opacity-100 group-open:max-h-[1000px] group-open:translate-y-0 \">\n              <p><span class=\"citation-551\">Think of the c<\/span><span class=\"citation-551\">ustomer portal<\/span><span class=\"citation-551 citation-end-551\">\u00a0as a secure, 24\/7 digital filing cabinet for your clients<\/span>. <span class=\"citation-550 citation-end-550\">They can view their complete job and invoice history, see asset information, download compliance certificates, accept open quotes, and make secure online payments<\/span>. It gives them total control without needing to call your office<\/p>\n            <\/div>\n          <\/details>\n                  <details class=\"group p-6 md:py-7 bg-background-alt\" >\n            <summary class=\"flex items-start justify-between cursor-pointer list-none\">\n              <span class=\"text-lg md:text-xl font-semibold pr-6 text-foreground\">\n                How do the service reminders actually help me lock in work?              <\/span>\n              <span aria-hidden=\"true\" class=\"mt-1 inline-flex relative size-10 flex-shrink-0 items-center justify-center rounded-full border border-[#eee] bg-white\">\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-100 group-open:opacity-0 group-open:rotate-180\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 11.3307H11.3337V19.3307H8.66699V11.3307H0.666992V8.66406H8.66699V0.664062H11.3337V8.66406H19.3337V11.3307Z\" fill=\"#535353\"\/>\n                <\/svg>\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-0 group-open:opacity-100\" viewBox=\"0 0 20 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 3.33073H0.666992V0.664062H19.3337V3.33073Z\" fill=\"#535353\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n\t\t\t\t    <div id=\"faqs-full-width-block_1f4c97bc7f12ddc1e92475a30325bc3e-item-2\" class=\"pt-4 pr-8 text-base md:text-lg content overflow-hidden opacity-0 max-h-0 translate-y-1 transition-[max-height,opacity,transform] duration-300 ease-out will-change-[max-height,opacity,transform] group-open:opacity-100 group-open:max-h-[1000px] group-open:translate-y-0 \">\n              <p><span class=\"citation-549\">Our automated s<\/span><span class=\"citation-549\">ervice reminder<\/span><span class=\"citation-549 citation-end-549\">\u00a0system proactively contacts your customers exactly when their planned maintenance is due<\/span>. <span class=\"citation-548 citation-end-548\">Instead of a generic email, it provides them with a direct link to book their appointment online<\/span>. This removes the friction of scheduling and ensures you capture that recurring revenue before a competitor does.<\/p>\n            <\/div>\n          <\/details>\n                  <details class=\"group p-6 md:py-7 bg-background-alt\" >\n            <summary class=\"flex items-start justify-between cursor-pointer list-none\">\n              <span class=\"text-lg md:text-xl font-semibold pr-6 text-foreground\">\n                Is the online payment system secure?              <\/span>\n              <span aria-hidden=\"true\" class=\"mt-1 inline-flex relative size-10 flex-shrink-0 items-center justify-center rounded-full border border-[#eee] bg-white\">\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-100 group-open:opacity-0 group-open:rotate-180\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 11.3307H11.3337V19.3307H8.66699V11.3307H0.666992V8.66406H8.66699V0.664062H11.3337V8.66406H19.3337V11.3307Z\" fill=\"#535353\"\/>\n                <\/svg>\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-0 group-open:opacity-100\" viewBox=\"0 0 20 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 3.33073H0.666992V0.664062H19.3337V3.33073Z\" fill=\"#535353\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n\t\t\t\t    <div id=\"faqs-full-width-block_1f4c97bc7f12ddc1e92475a30325bc3e-item-3\" class=\"pt-4 pr-8 text-base md:text-lg content overflow-hidden opacity-0 max-h-0 translate-y-1 transition-[max-height,opacity,transform] duration-300 ease-out will-change-[max-height,opacity,transform] group-open:opacity-100 group-open:max-h-[1000px] group-open:translate-y-0 \">\n              <p data-path-to-node=\"10\">Absolutely. <span class=\"citation-547\">Our i<\/span><span class=\"citation-547\">nvoicing<\/span><span class=\"citation-547 citation-end-547\">\u00a0tools integrate directly with leading payment providers like Stripe<\/span>. <span class=\"citation-546 citation-end-546\">Your customers can pay securely via credit card directly from the digital invoice or within their portal<\/span>. This speeds up your cash flow and gives your commercial clients the convenient, professional billing experience they expect.<\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<p data-path-to-node=\"11\">\n            <\/div>\n          <\/details>\n                  <details class=\"group p-6 md:py-7 bg-background-alt\" >\n            <summary class=\"flex items-start justify-between cursor-pointer list-none\">\n              <span class=\"text-lg md:text-xl font-semibold pr-6 text-foreground\">\n                Will the portal look like my company or like Commusoft?              <\/span>\n              <span aria-hidden=\"true\" class=\"mt-1 inline-flex relative size-10 flex-shrink-0 items-center justify-center rounded-full border border-[#eee] bg-white\">\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-100 group-open:opacity-0 group-open:rotate-180\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 11.3307H11.3337V19.3307H8.66699V11.3307H0.666992V8.66406H8.66699V0.664062H11.3337V8.66406H19.3337V11.3307Z\" fill=\"#535353\"\/>\n                <\/svg>\n                <svg class=\"size-5 absolute transition-all duration-200 ease-out opacity-0 group-open:opacity-100\" viewBox=\"0 0 20 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M19.3337 3.33073H0.666992V0.664062H19.3337V3.33073Z\" fill=\"#535353\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n\t\t\t\t    <div id=\"faqs-full-width-block_1f4c97bc7f12ddc1e92475a30325bc3e-item-4\" class=\"pt-4 pr-8 text-base md:text-lg content overflow-hidden opacity-0 max-h-0 translate-y-1 transition-[max-height,opacity,transform] duration-300 ease-out will-change-[max-height,opacity,transform] group-open:opacity-100 group-open:max-h-[1000px] group-open:translate-y-0 \">\n              <p>It looks like you. We understand that your brand is your reputation. The portal is fully customizable with your logo and color scheme, ensuring a seamless, professional experience that reinforces <i>your<\/i> authority, not ours.<\/p>\n            <\/div>\n          <\/details>\n              <\/div>\n    \t<\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6652","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Customer Communication Portal Helps Deliver 5-Star Services<\/title>\n<meta name=\"description\" content=\"Your customers expect a modern, transparent experience. Commusoft&#039;s integrated customer communication tools help you deliver that service.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.commusoft.com\/en-us\/field-service-crm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Customer Communication Portal Helps Deliver 5-Star Services\" \/>\n<meta property=\"og:description\" content=\"Your customers expect a modern, transparent experience. Commusoft&#039;s integrated customer communication tools help you deliver that service.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.commusoft.com\/en-us\/field-service-crm\/\" \/>\n<meta property=\"og:site_name\" content=\"Commusoft\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/Commusoft\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-15T09:36:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@commusoft\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.commusoft.com\/field-service-crm\/\",\"url\":\"https:\/\/www.commusoft.com\/field-service-crm\/\",\"name\":\"The Customer Communication Portal Helps Deliver 5-Star Services\",\"isPartOf\":{\"@id\":\"https:\/\/www.commusoft.com\/#website\"},\"datePublished\":\"2025-12-01T17:40:02+00:00\",\"dateModified\":\"2025-12-15T09:36:35+00:00\",\"description\":\"Your customers expect a modern, transparent experience. Commusoft's integrated customer communication tools help you deliver that service.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.commusoft.com\/field-service-crm\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.commusoft.com\/field-service-crm\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.commusoft.com\/field-service-crm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.commusoft.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"For Customers (CRM)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.commusoft.com\/#website\",\"url\":\"https:\/\/www.commusoft.com\/\",\"name\":\"Commusoft\",\"description\":\"Field Service Management Software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.commusoft.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Customer Communication Portal Helps Deliver 5-Star Services","description":"Your customers expect a modern, transparent experience. Commusoft's integrated customer communication tools help you deliver that service.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.commusoft.com\/en-us\/field-service-crm\/","og_locale":"en_US","og_type":"article","og_title":"The Customer Communication Portal Helps Deliver 5-Star Services","og_description":"Your customers expect a modern, transparent experience. Commusoft's integrated customer communication tools help you deliver that service.","og_url":"https:\/\/www.commusoft.com\/en-us\/field-service-crm\/","og_site_name":"Commusoft","article_publisher":"https:\/\/facebook.com\/Commusoft\/","article_modified_time":"2025-12-15T09:36:35+00:00","twitter_card":"summary_large_image","twitter_site":"@commusoft","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.commusoft.com\/field-service-crm\/","url":"https:\/\/www.commusoft.com\/field-service-crm\/","name":"The Customer Communication Portal Helps Deliver 5-Star Services","isPartOf":{"@id":"https:\/\/www.commusoft.com\/#website"},"datePublished":"2025-12-01T17:40:02+00:00","dateModified":"2025-12-15T09:36:35+00:00","description":"Your customers expect a modern, transparent experience. Commusoft's integrated customer communication tools help you deliver that service.","breadcrumb":{"@id":"https:\/\/www.commusoft.com\/field-service-crm\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.commusoft.com\/field-service-crm\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.commusoft.com\/field-service-crm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.commusoft.com\/"},{"@type":"ListItem","position":2,"name":"For Customers (CRM)"}]},{"@type":"WebSite","@id":"https:\/\/www.commusoft.com\/#website","url":"https:\/\/www.commusoft.com\/","name":"Commusoft","description":"Field Service Management Software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.commusoft.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/pages\/6652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/comments?post=6652"}],"version-history":[{"count":51,"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/pages\/6652\/revisions"}],"predecessor-version":[{"id":10545,"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/pages\/6652\/revisions\/10545"}],"wp:attachment":[{"href":"https:\/\/www.commusoft.com\/en-us\/wp-json\/wp\/v2\/media?parent=6652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}