PageSourceSearch

https://eaglemms.com/pricing

html eaglemms.com collected 2026-10-06 18:52:45 UTC 78,130 bytes, 901 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <!-- Meta and SEO tags -->
5<meta charset="utf-8">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7<meta name="viewport" content="width=device-width, initial-scale=1.0">
8<meta name="apple-mobile-web-app-title" content="EagleMMS">
9<meta name="apple-mobile-web-app-capable" content="yes">
10<meta name="mobile-web-app-capable" content="yes">
11<meta name="description" content="EagleMMS is a shop materials management inventory and invoicing solution for autobody and collision repair facilities. Start saving your shop money on every repair!">
12<meta name="robots" content="index, follow">
13<link rel="canonical" href="https://eaglemms.com/">
14<!-- Blog post tags -->
15
16  <meta property="og:url" content="https://eaglemms.com">
17  <meta property="og:type" content="website">
18  <meta property="og:title" content="EagleMMS">
19  <meta property="og:description" content="Our fully automated Material Management System allows you to seamlessly track and invoice repair material costs.">
20  <meta property="og:image" content="/images/hero-image-md-res-089121b89584bb82f05a77c6b272a84c.png?vsn=d">
21
22<!-- JSON Manifest-->
23<link rel="manifest" href="/manifest.json">
24<!-- Favicon and Touch Icon -->
25<link rel="icon" type="image/png" href="/favicon-7aaeb438e68c5464019da683f1d73c28.png?vsn=d">
26<link rel="apple-touch-icon" href="/apple-touch-icon-8b1ccd72581f654b3069ce7ef0ce6f43.png?vsn=d">
27<!-- Touch Startup Page -->
28<link rel="apple-touch-startup-image" href="/images/apple-splash-2048-2732-c801be174f79c6c75cf88634fab95e84.jpg?vsn=d" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
29<link rel="apple-touch-startup-image" href="/images/apple-splash-2732-2048-ad84bac09a01154c617657bcfaf19537.jpg?vsn=d" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
30<link rel="apple-touch-startup-image" href="/images/apple-splash-1668-2388-4b69136d32c2481448e9bb31951a02f8.jpg?vsn=d" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
31<link rel="apple-touch-startup-image" href="/images/apple-splash-2388-1668-a723802d12f82a4271502a39de89328e.jpg?vsn=d" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
32<link rel="apple-touch-startup-image" href="/images/apple-splash-1536-2048-a383792c384961e579a737287a64d8fa.jpg?vsn=d" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
33<link rel="apple-touch-startup-image" href="/images/apple-splash-2048-1536-99af7c432c89a72494ee2b756cfad5a4.jpg?vsn=d" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
34<link rel="apple-touch-startup-image" href="/images/apple-splash-1668-2224-0de35310213d62b8dbe79dc5b50b9282.jpg?vsn=d" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
35<link rel="apple-touch-startup-image" href="/images/apple-splash-2224-1668-fd72d48967095a3459448705974cfc53.jpg?vsn=d" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
36<link rel="apple-touch-startup-image" href="/images/apple-splash-1620-2160-0dd3a480d05953d835af7e403c41b532.jpg?vsn=d" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
37<link rel="apple-touch-startup-image" href="/images/apple-splash-2160-1620-384dc76e71f416f790ed4f86dee7f7ad.jpg?vsn=d" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
38<link rel="apple-touch-startup-image" href="/images/apple-splash-1284-2778-3480f27cd834ccf4bb8d898d477639e3.jpg?vsn=d" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
39<link rel="apple-touch-startup-image" href="/images/apple-splash-2778-1284-c1138f1b2923a0ab152419f3f3d66973.jpg?vsn=d" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
40<link rel="apple-touch-startup-image" href="/images/apple-splash-1170-2532-685dee448bdf2a09269b599d96fb36a9.jpg?vsn=d" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
41<link rel="apple-touch-startup-image" href="/images/apple-splash-2532-1170-b1b90e4ac15f56794590a9bd54d57ca9.jpg?vsn=d" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
42<link rel="apple-touch-startup-image" href="/images/apple-splash-1125-2436-970444ede1a44bfc1e552effee191bf1.jpg?vsn=d" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
43<link rel="apple-touch-startup-image" href="/images/apple-splash-2436-1125-b89690ccf719abcf126c5a94f9d5b58b.jpg?vsn=d" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
44<link rel="apple-touch-startup-image" href="/images/apple-splash-1242-2688-322e77163d065dd990cda11f56b82ba0.jpg?vsn=d" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
45<link rel="apple-touch-startup-image" href="/images/apple-splash-2688-1242-ca72e1c523989dc90ec36a62951d6f61.jpg?vsn=d" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
46<link rel="apple-touch-startup-image" href="/images/apple-splash-828-1792-ed491c5a562f1d13ed5ae8e0acc58bc0.jpg?vsn=d" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
47<link rel="apple-touch-startup-image" href="/images/apple-splash-1792-828-b050e2750e45913641965c1465974789.jpg?vsn=d" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
48<link rel="apple-touch-startup-image" href="/images/apple-splash-1242-2208-45d282e04bd5a73fb4c3a88c81a487ab.jpg?vsn=d" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
49<link rel="apple-touch-startup-image" href="/images/apple-splash-2208-1242-fa710a28181f81c3233e936acd8f9ad3.jpg?vsn=d" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
50<link rel="apple-touch-startup-image" href="/images/apple-splash-750-1334-125edd65260f6d8ae77b3d85faf780a0.jpg?vsn=d" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
51<link rel="apple-touch-startup-image" href="/images/apple-splash-1334-750-b00e8fcfc645a0f979e5fcfc1ed33e57.jpg?vsn=d" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
52<link rel="apple-touch-startup-image" href="/images/apple-splash-640-1136-ca54b5f55971f11b9fc3c78d7d284e2d.jpg?vsn=d" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
53<link rel="apple-touch-startup-image" href="/images/apple-splash-1136-640-fad8425046d5ca81c16f1010eb657a2e.jpg?vsn=d" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
54
55<script>
56  if ("standalone" in window.navigator && window.navigator.standalone && window.location != 'https://eaglemms.com/app' && window.location != 'https://eaglemms.com/users/log_in'){
57    window.location = 'https://eaglemms.com/app'
58  }
59</script>
59
60
61    <meta content="IDcOJ1tAQF0ONgB0GC4qID4xMAtQYEITAGAahvypISQ2QAbHwbuZgP6X" name="csrf-token">
62    <title data-suffix=" · EagleMMS">Pricing · EagleMMS</title>
63
64    <link rel="preload" href="/webfonts/fa-duotone-900-923bc494d832c471ee7b45ba38205fb9.woff2?vsn=d" as="font" type="font/woff2" crossorigin>
65
66    <link phx-track-static rel="stylesheet" href="/assets/app-8a286b7d4949248a6d4a095a52949bf4.css?vsn=d">
67
68    
68<script phx-track-static type="text/javascript" src="/assets/public-b3e351eb57de5e4a530d390daddafe6c.js?vsn=d" data-env="prod">
69    </script>
69
70  </head>
71
72  <body>
73    <nav class="z-50 relative bg-white">
74  <div class="relative z-20 shadow bg-white">
75    <div class="max-w-7xl mx-auto flex justify-between items-center px-4 py-4 sm:px-6 lg:px-8 md:justify-start md:space-x-10">
76      <div>
77        <a href="/" data-phx-link="redirect" data-phx-link-state="push" class="flex items-center pr-8 text-gray-900 text-3xl">
78          <img class="h-8 lg:h-12 w-auto pr-4" src="/images/logo-green-cf5528fa1634c8f54ddf441b292697b2.svg?vsn=d" alt="EagleMMS Logo">
79          <span class="text-lg lg:text-3xl">EagleMMS</span>
80        </a>
81      </div>
82
83      <div class="-mr-2 -my-2 md:hidden">
84        <button phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#mobile-menu-content&quot;}]]" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
85          <i class="fas fa-bars text-xl"></i>
86        </button>
87      </div>
88
89      <div class="hidden md:flex-1 md:flex md:items-center md:justify-between md:space-x-12">
90        <nav class="flex space-x-4 lg:space-x-10">
91
92            <div class="relative">
93              <button type="button" class="group inline-flex items-center space-x-2 public-nav-link" phx-click="[[&quot;toggle&quot;,{&quot;time&quot;:200,&quot;ins&quot;:[[&quot;ease-out&quot;,&quot;duration-200&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]],&quot;to&quot;:&quot;#product-menu&quot;,&quot;outs&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;toggle&quot;,{&quot;time&quot;:300,&quot;ins&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#product-menu-overlay&quot;,&quot;outs&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:150,&quot;to&quot;:&quot;#company-menu&quot;,&quot;transition&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#company-menu-overlay&quot;,&quot;transition&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]">
94                <span>Product</span>
95                <i class="fas fa-chevron-down text-sm group-hover:text-gray-500 group-focus:text-gray-500 transition ease-in-out duration-150 text-gray-600"></i>
96              </button>
97            </div>
98
99            <a href="/pricing" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-link">
100              Pricing
101            </a>
102
103            <div class="relative">
104              <button type="button" class="text-gray-500 group inline-flex items-center space-x-2 public-nav-link" phx-click="[[&quot;toggle&quot;,{&quot;time&quot;:200,&quot;ins&quot;:[[&quot;ease-out&quot;,&quot;duration-200&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;]],&quot;to&quot;:&quot;#company-menu&quot;,&quot;outs&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;toggle&quot;,{&quot;time&quot;:300,&quot;ins&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]],&quot;to&quot;:&quot;#company-menu-overlay&quot;,&quot;outs&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:150,&quot;to&quot;:&quot;#product-menu&quot;,&quot;transition&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#product-menu-overlay&quot;,&quot;transition&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]">
105                <span>Company</span>
106                <i class="fas fa-chevron-down text-sm group-hover:text-gray-500 group-focus:text-gray-500 transition ease-in-out duration-150 text-gray-600"></i>
107              </button>
108            </div>
109
110            <a href="/gen-eagle" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-link">
111              GenEagle
112            </a>
113
114            <a href="/who-pays" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-link">
115              Who pays?
116            </a>
117
118        </nav>
119        <div class="flex items-center space-x-8">
120
121            <a href="/users/log_in" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-link">
122              Log in
123            </a>
124
125            <span class="inline-flex rounded-md shadow-sm">
126              <a href="/registration" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-green-600 hover:bg-green-500 focus:outline-none focus:border-green-700 focus:shadow-outline-green active:bg-green-700 transition ease-in-out duration-150">
127                Sign up
128              </a>
129            </span>
130
131        </div>
132      </div>
133    </div>
134  </div>
135
136  <!-- Product flyout menu -->
137  <div id="product-menu" class="hidden md:hidden absolute inset-x-0 transform shadow-lg z-30" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#product-menu&quot;,&quot;transition&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;,&quot;transition&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]">
138    <div class="bg-white">
139      <div class="max-w-7xl mx-auto grid gap-y-6 px-4 py-6 sm:grid-cols-2 sm:gap-8 sm:px-6 sm:py-8 lg:grid-cols-4 lg:px-8 lg:py-12 xl:py-16">
140        <a href="/features#how-eagle-mms-works" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-feature" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#product-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
141          <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0 lg:space-y-4">
142            <div class="flex-shrink-0">
143              <span class="inline-flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12 text-2xl">
144                <i class="fad fa-cogs"></i>
145              </span>
146            </div>
147            <div class="space-y-2 md:flex-1 md:flex md:flex-col md:justify-between lg:space-y-4">
148              <div class="space-y-1">
149                <p class="text-base leading-6 font-medium text-gray-900">
150                  How does EagleMMS work?
151                </p>
152                <p class="text-sm leading-5 text-gray-500">
153                  Learn about our Patented solution and see why it is a game changer.
154                </p>
155              </div>
156              <p class="text-sm leading-5 font-medium text-green-600">
157                Learn more →
158              </p>
159            </div>
160          </div>
161        </a>
162
163        <a href="/features#what-is-an-mms" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-feature" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#product-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
164          <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0 lg:space-y-4">
165            <div class="flex-shrink-0">
166              <span class="inline-flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12 text-2xl">
167                <i class="fad fa-question"></i>
168              </span>
169            </div>
170            <div class="space-y-2 md:flex-1 md:flex md:flex-col md:justify-between lg:space-y-4">
171              <div class="space-y-1">
172                <p class="text-base leading-6 font-medium text-gray-900">
173                  What is an MMS?
174                </p>
175                <p class="text-sm leading-5 text-gray-500">
176                  What can you expect from your MMS solution and how does EagleMMS compare.
177                </p>
178              </div>
179              <p class="text-sm leading-5 font-medium text-green-600">
180                Learn more →
181              </p>
182            </div>
183          </div>
184        </a>
185
186        <a href="/features#why-eagle-mms" data-phx-link="redirect" data-phx-link-state="push" class="public-nav-feature" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#product-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
187          <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0 lg:space-y-4">
188            <div class="flex-shrink-0">
189              <span class="inline-flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12 text-2xl">
190                <i class="fad fa-bullseye-arrow"></i>
191              </span>
192            </div>
193            <div class="space-y-2 md:flex-1 md:flex md:flex-col md:justify-between lg:space-y-4">
194              <div class="space-y-1">
195                <p class="text-base leading-6 font-medium text-gray-900">
196                  Why EagleMMS?
197                </p>
198                <p class="text-sm leading-5 text-gray-500">
199                  Discover why EagleMMS is an industry leading solution.
200                </p>
201              </div>
202              <p class="text-sm leading-5 font-medium text-green-600">
203                Learn more →
204              </p>
205            </div>
206          </div>
207        </a>
208      </div>
209    </div>
210    <div class="bg-gray-50">
211      <div class="max-w-7xl mx-auto space-y-6 px-4 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-6 lg:px-8">
212        <div class="flow-root">
213          <a href="https://www.youtube.com/watch?v=Gx1fnwTa1Do" target="_blank" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#product-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]" class="-m-3 p-3 space-x-3 flex items-center rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-100 transition ease-in-out duration-150">
214            <i class="fad fa-play-circle text-xl"></i>
215            <span>Watch Demo</span>
216          </a>
217        </div>
218        <div class="flow-root">
219          <a href="/contact-us" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 space-x-3 flex items-center rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-100 transition ease-in-out duration-150" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#product-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
220            <i class="fad fa-phone-alt text-xl"></i>
221            <span>Contact Sales</span>
222          </a>
223        </div>
224      </div>
225    </div>
226  </div>
227
228  <!-- Company flyout menu -->
229  <div id="company-menu" class="hidden md:hidden absolute inset-x-0 transform shadow-lg z-30" phx-click-away="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;,&quot;transition&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;,&quot;transition&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]">
230    <div class="absolute inset-0 flex">
231      <div class="bg-white w-1/2"></div>
232      <div class="bg-gray-50 w-1/2"></div>
233    </div>
234    <div class="relative max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2">
235      <nav class="grid gap-y-10 px-4 py-8 bg-white sm:grid-cols-2 sm:gap-x-8 sm:py-12 sm:px-6 lg:px-8 xl:pr-12">
236        <div class="space-y-5">
237          <h3 class="text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
238            Company
239          </h3>
240          <ul class="space-y-6">
241            <li class="flow-root">
242              <a href="/about-us" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
243                <i class="fad fa-building text-xl"></i>
244                <span>About us</span>
245              </a>
246            </li>
247            <li class="flow-root">
248              <a href="/contact-us" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
249                <i class="fad fa-phone-alt text-xl"></i>
250                <span>Contact us</span>
251              </a>
252            </li>
253          </ul>
254        </div>
255        <div class="space-y-5">
256          <h3 class="text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
257            Resources
258          </h3>
259          <ul class="space-y-6">
260            <li class="flow-root">
261              <a href="/privacy-policy" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
262                <i class="fad fa-shield-check text-xl"></i>
263                <span>Privacy</span>
264              </a>
265            </li>
266            <li class="flow-root">
267              <a href="/terms-conditions" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
268                <i class="fad fa-briefcase text-xl gray-500"></i>
269                <span>Terms</span>
270              </a>
271            </li>
272          </ul>
273        </div>
274      </nav>
275      <div class="space-y-6 bg-gray-50 px-4 py-8 sm:py-12 sm:px-6 lg:px-8 xl:pl-12">
276        <div class="space-y-6">
277          <h3 class="text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
278            From the blog
279          </h3>
280          <ul class="space-y-6">
281
282              <li class="flow-root">
283                <a href="/blog-post/rates_based_on_area_code" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 flex rounded-lg hover:bg-gray-100 transition ease-in-out duration-150 sm:space-x-8" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
284                  <div class="hidden sm:block flex-shrink-0">
285                    <img class="w-32 h-20 object-cover rounded-md" src="/images/blog_posts/sm-rates_area_code-833fffd8f2c22e84e49ab4a1b2335e91.jpeg?vsn=d" alt="Blog post thumbnail">
286                  </div>
287                  <div class="space-y-1 w-0 flex-1">
288                    <h4 class="text-base leading-6 font-medium text-gray-900 truncate">
289                      Rates Based on Area Code
290                    </h4>
291                    <p class="text-sm leading-5 text-gray-500">
292                      Why it&#39;s time to do away with rates based on your location.
293                    </p>
294                  </div>
295                </a>
296              </li>
297
298              <li class="flow-root">
299                <a href="/blog-post/rates_calculators_pour_outs_itemized" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 p-3 flex rounded-lg hover:bg-gray-100 transition ease-in-out duration-150 sm:space-x-8" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
300                  <div class="hidden sm:block flex-shrink-0">
301                    <img class="w-32 h-20 object-cover rounded-md" src="/images/blog_posts/sm-invoice_materials-23613051ec2be8fad7299c3d764e91f5.jpeg?vsn=d" alt="Blog post thumbnail">
302                  </div>
303                  <div class="space-y-1 w-0 flex-1">
304                    <h4 class="text-base leading-6 font-medium text-gray-900 truncate">
305                      Rates vs. Calculators vs. Pour Outs vs. Itemized Invoicing
306                    </h4>
307                    <p class="text-sm leading-5 text-gray-500">
308                      Learn about the various methods for getting reimbursed for material costs.
309                    </p>
310                  </div>
311                </a>
312              </li>
313
314          </ul>
315        </div>
316        <div class="text-sm leading-5 font-medium">
317          <a href="/blog" data-phx-link="redirect" data-phx-link-state="push" class="text-green-600 hover:text-green-500 transition ease-in-out duration-150" phx-click="[[&quot;hide&quot;,{&quot;to&quot;:&quot;#company-menu&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#menu-overlay&quot;}]]">
318            View all posts →
319          </a>
320        </div>
321      </div>
322    </div>
323  </div>
324
325  <!-- Background overlay -->
326  <div id="product-menu-overlay" class="hidden md:hidden fixed inset-0 bg-black bg-opacity-25 z-10" phx-click="[[&quot;hide&quot;,{&quot;time&quot;:150,&quot;to&quot;:&quot;#product-menu&quot;,&quot;transition&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#product-menu-overlay&quot;,&quot;transition&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]">
327  </div>
328  <div id="company-menu-overlay" class="hidden md:hidden fixed inset-0 bg-black bg-opacity-25 z-10" phx-click="[[&quot;hide&quot;,{&quot;time&quot;:150,&quot;to&quot;:&quot;#company-menu&quot;,&quot;transition&quot;:[[&quot;ease-in&quot;,&quot;duration-150&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;],[&quot;opacity-0&quot;,&quot;-translate-y-1&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#company-menu-overlay&quot;,&quot;transition&quot;:[[&quot;ease-linear&quot;,&quot;duration-300&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}]]">
329  </div>
330
331  <!-- Mobile menu modal -->
332  <div id="mobile-menu" phx-remove="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]" data-cancel="[[&quot;navigate&quot;,{&quot;replace&quot;:false,&quot;href&quot;:&quot;/&quot;}],[&quot;exec&quot;,{&quot;attr&quot;:&quot;phx-remove&quot;}]]" class="relative z-50 hidden">
333  <div id="mobile-menu-bg" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
334  <div class="fixed inset-0 overflow-y-auto z-40 max-h-[98vh]" aria-labelledby="mobile-menu-title" aria-describedby="mobile-menu-description" role="dialog" aria-modal="true" tabindex="0">
335    <div class="flex min-h-full items-center justify-center">
336      <div class="w-full sm:max-w-3xl p-4 sm:p-6 lg:py-8 max-h-screen ">
337        <div id="mobile-menu-container" phx-hook="Phoenix.FocusWrap" class="shadow-base-700/10 relative hidden rounded-lg bg-white p-6 shadow-lg transition max-h-full flex flex-col " phx-click-away="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#mobile-menu&quot;}]]" phx-key="escape" phx-window-keydown="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#mobile-menu&quot;}]]">
338  <div id="mobile-menu-container-start" tabindex="0" aria-hidden="true"></div>
339  
340          <div class="absolute top-4 right-4">
341            <button phx-click="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#mobile-menu&quot;}]]" type="button" class="-m-3 flex-none p-3 opacity-70 hover:opacity-90" aria-label="close">
342              <i class="fa-lg fal fa-times text-gray-600"></i>
343            </button>
344          </div>
345          <div id="mobile-menu-content" class="overflow-y-auto px-2">
346            
347    <div class="space-y-6">
348      <div>
349        <a href="/" data-phx-link="redirect" data-phx-link-state="push" class="flex items-center pr-8 text-gray-900 text-2xl" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
350          <img class="h-12 w-auto" src="/images/logo-green-cf5528fa1634c8f54ddf441b292697b2.svg?vsn=d" alt="EagleMMS Logo">
351          <span class="ml-4">EagleMMS</span>
352        </a>
353      </div>
354      <nav class="space-y-8">
355        <div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4">
356          <a href="/features#how-eagle-mms-works" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 space-x-4 flex items-center p-3 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
357            <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12 text-2xl">
358              <i class="fad fa-cogs"></i>
359            </div>
360            <div class="text-base leading-6 font-medium text-gray-900">
361              How does EagleMMS work?
362            </div>
363          </a>
364
365          <a href="/features#what-is-an-mms" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 space-x-4 flex items-center p-3 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
366            <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12 text-2xl">
367              <i class="fad fa-question"></i>
368            </div>
369            <div class="text-base leading-6 font-medium text-gray-900">
370              What is an MMS?
371            </div>
372          </a>
373
374          <a href="/features#why-eagle-mms" data-phx-link="redirect" data-phx-link-state="push" class="-m-3 space-x-4 flex items-center p-3 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
375            <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12 text-2xl">
376              <i class="fad fa-bullseye-arrow"></i>
377            </div>
378            <div class="text-base leading-6 font-medium text-gray-900">
379              Why EagleMMS?
380            </div>
381          </a>
382        </div>
383      </nav>
384      <div class="border-t border-gray-100 py-6 px-5 space-y-6">
385        <div class="grid grid-cols-2 gap-4">
386          <a href="/pricing" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
387            Pricing
388          </a>
389
390          <a href="/who-pays" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
391            Who pays?
392          </a>
393
394          <a href="/gen-eagle" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
395            GenEagle
396          </a>
397
398          <a href="/privacy-policy" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
399            Privacy
400          </a>
401
402          <a href="/contact-us" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
403            Contact us
404          </a>
405
406          <a href="/terms-conditions" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
407            Terms
408          </a>
409
410          <a href="/about-us" data-phx-link="redirect" data-phx-link-state="push" class="rounded-md text-base leading-6 font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
411            About us
412          </a>
413        </div>
414        <div class="space-y-6">
415          <span class="w-full flex rounded-md shadow-sm">
416            <a href="/registration" data-phx-link="redirect" data-phx-link-state="push" class="w-full flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-green-600 hover:bg-green-500 focus:outline-none focus:border-green-700 focus:shadow-outline-green active:bg-green-700 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
417              Sign up
418            </a>
419          </span>
420          <p class="text-center text-base leading-6 font-medium text-gray-500">
421
422              Existing customer?
423              <a href="/users/log_in" data-phx-link="redirect" data-phx-link-state="push" class="text-green-600 hover:text-green-500 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
424                Log in
425              </a>
426
427              <p class="text-center text-base leading-6 font-medium text-gray-500">
428                Ready to save money?
429                <a href="/registration" data-phx-link="redirect" data-phx-link-state="push" class="text-green-600 hover:text-green-500 transition ease-in-out duration-150" phx-click="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#mobile-menu-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#mobile-menu&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
430                  Sign up
431                </a>
432              </p>
433
434          </p>
435        </div>
436      </div>
437    </div>
438  
439          </div>
440        
441  <div id="mobile-menu-container-end" tabindex="0" aria-hidden="true"></div>
442</div>
443      </div>
444    </div>
445  </div>
446</div>
447</nav>
448
449    <div id="phx-GNwFeBGGq4-Lmaqh" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIdwJpZG0AAAAUcGh4LUdOd0ZlQkdHcTQtTG1hcWh3B3Nlc3Npb250AAAAAHcEdmlld3clRWxpeGlyLkVhZ2xlTW1zV2ViLlB1YmxpYy5QcmljaW5nTGl2ZXcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3GUVsaXhpci5FYWdsZU1tc1dlYi5Sb3V0ZXJ3CHJvb3RfcGlkdwNuaWx3CXJvb3Rfdmlld3clRWxpeGlyLkVhZ2xlTW1zV2ViLlB1YmxpYy5QcmljaW5nTGl2ZXcRbGl2ZV9zZXNzaW9uX25hbWV3DHB1YmxpY19wYWdlc24GAGqgjxKhAWIAAVGA.iIedugDKDdWHIuesj0nY3o1jBcyhVbzVzVgsStoKyPA" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADdwJpZG0AAAAUcGh4LUdOd0ZlQkdHcTQtTG1hcWh3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYAa6CPEqEBYgABUYA.sTFUStEn7suCtmLgEE8-1O2JbakrfcsAq7z1TdML6SQ">
450
451<div id="public-network-error-modal" phx-hook="HardRefresh" phx-disconnected="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#network-disconnect-modal&quot;}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#network-disconnect-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#network-disconnect-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#network-disconnect-modal-content&quot;}]]" phx-connected="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#network-disconnect-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#network-disconnect-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#network-disconnect-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]">
452  <div>
453  <div id="network-disconnect-modal" phx-remove="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#network-disconnect-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#network-disconnect-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#network-disconnect-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]" data-cancel="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;phx-remove&quot;}]]" class="relative z-50 hidden">
454  <div id="network-disconnect-modal-bg" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
455  <div class="fixed inset-0 overflow-y-auto z-40 max-h-[98vh]" aria-labelledby="network-disconnect-modal-title" aria-describedby="network-disconnect-modal-description" role="dialog" aria-modal="true" tabindex="0">
456    <div class="flex min-h-full items-center justify-center">
457      <div class="w-full sm:max-w-3xl p-4 sm:p-6 lg:py-8 max-h-screen sm:max-w-xl">
458        <div id="network-disconnect-modal-container" phx-hook="Phoenix.FocusWrap" class="shadow-base-700/10 relative hidden rounded-lg bg-white p-6 shadow-lg transition max-h-full flex flex-col " phx-click-away="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#network-disconnect-modal&quot;}]]" phx-key="escape" phx-window-keydown="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#network-disconnect-modal&quot;}]]">
459  <div id="network-disconnect-modal-container-start" tabindex="0" aria-hidden="true"></div>
460  
461          <div class="absolute top-4 right-4">
462            <button phx-click="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#network-disconnect-modal&quot;}]]" type="button" class="-m-3 flex-none p-3 opacity-70 hover:opacity-90" aria-label="close">
463              <i class="fa-lg fal fa-times text-gray-600"></i>
464            </button>
465          </div>
466          <div id="network-disconnect-modal-content" class="overflow-y-auto px-2">
467            
468    <div class="sm:flex sm:items-start">
469      <div class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
470        <svg class="h-6 w-6 text-red-600" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
471          <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path>
472        </svg>
473      </div>
474      <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
475        <h3 class="text-lg font-semibold leading-6 text-gray-900">
476          Network issues detected
477        </h3>
478        <div class="mt-2">
479          <p class="text-sm text-gray-500">
480            Your computer has disconnected from the internet. Please wait until your connection returns and refresh the page.
481          </p>
482
483          <p class="text-sm text-gray-500 mt-2">
484            If the problem continues and you are sure that you have internet connectivity, contact customer support for assistance.
485          </p>
486        </div>
487      </div>
488    </div>
489
490    <div class="flex items-center justify-center mt-6">
491      <button type="button" class="inline-flex items-center px-4 py-2 mb-1 leading-6 text-md text-white bg-green-500 rounded shadow hover:bg-green-600" onclick="location.reload()">
492        Refresh
493      </button>
494    </div>
495  
496          </div>
497        
498  <div id="network-disconnect-modal-container-end" tabindex="0" aria-hidden="true"></div>
499</div>
500      </div>
501    </div>
502  </div>
503</div>
504</div>
505</div>
506
507<div>
508  <div class="pt-20 sm:pt-24">
509    <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
510      <div class="text-center">
511        <h2 class="text-3xl leading-9 font-extrabold text-gray-900 sm:text-4xl sm:leading-10 lg:text-5xl lg:leading-none">
512          Simple no-tricks pricing
513        </h2>
514        <p class="mt-4 text-xl leading-7 text-gray-600">
515          NO messy contracts and NO vendor lock-ins!
516        </p>
517      </div>
518    </div>
519  </div>
520
521  <div class="relative bg-white mt-10">
522    <div class="absolute inset-0" aria-hidden="true">
523      <div class="absolute inset-y-0 right-0 w-1/2 bg-green-700"></div>
524    </div>
525
526    <div class="relative mx-auto max-w-7xl lg:grid lg:grid-cols-2 lg:px-8">
527      <div class="bg-white py-16 px-4 sm:py-24 sm:px-6 lg:px-0 lg:pr-8">
528        <div class="mx-auto max-w-lg lg:mx-0">
529          <h2 class="text-lg font-semibold text-green-600">
530            Full-featured
531          </h2>
532
533          <p class="mt-2 text-2xl font-bold text-gray-900 sm:text-3xl sm:tracking-tight">
534            Everything you need to estimate and invoice material costs
535          </p>
536          <dl class="mt-12 space-y-10">
537            <div class="relative">
538              <dt>
539                <div class="absolute flex h-12 w-12 items-center justify-center rounded-md bg-green-500">
540                  <i class="text-2xl text-white fal fa-hands-helping"></i>
541                </div>
542                <p class="ml-16 text-lg font-medium leading-6 text-gray-900">Onboarding service</p>
543              </dt>
544              <dd class="mt-2 ml-16 text-base text-gray-500">
545                An EagleMMS customer support representative will set up your part numbers and product lines, generate operation kits, and configure your paint calculator. In addition, a training session is held with the shops writers to generate EagleMMS invoices and estimates for real repair orders.
546              </dd>
547            </div>
548
549            <div class="relative">
550              <dt>
551                <div class="absolute flex h-12 w-12 items-center justify-center rounded-md bg-green-500">
552                  <i class="text-2xl text-white fal fa-calculator"></i>
553                </div>
554                <p class="ml-16 text-lg font-medium leading-6 text-gray-900">Materials calculator</p>
555              </dt>
556              <dd class="mt-2 ml-16 text-base text-gray-500">
557                Generate repair order invoices for all of your paints and materials in less than a minute using our industry leading automated calculator.
558              </dd>
559            </div>
560
561            <div class="relative">
562              <dt>
563                <div class="absolute flex h-12 w-12 items-center justify-center rounded-md bg-green-500">
564                  <i class="text-2xl text-white fal fa-toolbox"></i>
565                </div>
566                <p class="ml-16 text-lg font-medium leading-6 text-gray-900">Operation kits</p>
567              </dt>
568              <dd class="mt-2 ml-16 text-base text-gray-500">
569                Create operation kits tailored specifically to your inventory and your repair procedures in order to easily checkout bundles of materials.
570              </dd>
571            </div>
572          </dl>
573        </div>
574      </div>
575      <div class="bg-green-700 py-16 px-4 sm:py-24 sm:px-6 lg:flex lg:items-center lg:justify-end lg:bg-none lg:px-0 lg:pl-8">
576        <div class="mx-auto w-full max-w-lg space-y-8 lg:mx-0">
577          <div>
578            <h2 class="sr-only">Price</h2>
579
580            <div class="text-center w-full mb-4 text-xl font-medium text-green-200">
581              For a single repair facility
582            </div>
583
584            <p class="relative grid grid-cols-2">
585              <span class="flex flex-col text-center">
586                <span class="text-5xl font-bold tracking-tight text-white">$299</span>
587
588                <span class="mt-2 text-base font-medium text-green-200">
589                  One-time onboarding service
590                </span>
591
592                <span class="sr-only">plus</span>
593              </span>
594              <span class="pointer-events-none absolute flex h-12 w-full items-center justify-center" aria-hidden="true">
595                <!-- Heroicon name: outline/plus -->
596                <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
597                  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path>
598                </svg>
599              </span>
600              <span>
601                <span class="flex flex-col text-center">
602                  <span class="text-5xl font-bold tracking-tight text-white">
603                    $99
604                  </span>
605
606                  <span class="mt-2 text-base font-medium text-green-200">
607                    Per month
608                  </span>
609                </span>
610              </span>
611            </p>
612          </div>
613          <ul role="list" class="grid gap-px overflow-hidden rounded sm:grid-cols-2">
614            <li class="flex items-center space-x-3 bg-green-800 bg-opacity-50 py-4 px-4 text-base text-white">
615              <!-- Heroicon name: outline/check -->
616              <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
617                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
618              </svg>
619              <span>Unlimited materials</span>
620            </li>
621
622            <li class="flex items-center space-x-3 bg-green-800 bg-opacity-50 py-4 px-4 text-base text-white">
623              <!-- Heroicon name: outline/check -->
624              <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
625                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
626              </svg>
627              <span>No per user fees</span>
628            </li>
629
630            <li class="flex items-center space-x-3 bg-green-800 bg-opacity-50 py-4 px-4 text-base text-white">
631              <!-- Heroicon name: outline/check -->
632              <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
633                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
634              </svg>
635              <span>Unlimited operation kits</span>
636            </li>
637
638            <li class="flex items-center space-x-3 bg-green-800 bg-opacity-50 py-4 px-4 text-base text-white">
639              <!-- Heroicon name: outline/check -->
640              <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
641                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
642              </svg>
643              <span>Live training sessions</span>
644            </li>
645
646            <li class="flex items-center space-x-3 bg-green-800 bg-opacity-50 py-4 px-4 text-base text-white">
647              <!-- Heroicon name: outline/check -->
648              <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
649                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
650              </svg>
651              <span>Cancel any time</span>
652            </li>
653
654            <li class="flex items-center space-x-3 bg-green-800 bg-opacity-50 py-4 px-4 text-base text-white">
655              <!-- Heroicon name: outline/check -->
656              <svg class="h-6 w-6 text-green-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
657                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
658              </svg>
659              <span>No hardware required</span>
660            </li>
661          </ul>
662
663          <a href="/registration?plan=unlimited&amp;billing_cadence=monthly" data-phx-link="redirect" data-phx-link-state="push" class="flex w-full items-center justify-center rounded-md border border-transparent bg-white px-8 py-4 text-lg font-medium leading-6 text-green-600 hover:bg-green-50 md:px-10">
664            Sign up now
665          </a>
666
667          <div class="flex flex-col items-center pt-14">
668            <span class="block text-center text-xl font-medium text-green-200">
669              Manage multiple repair facilities?
670            </span>
671
672            <span class="block text-center font-medium text-green-200 mt-2 mb-4 text-xl">
673              Reach out to our sales team for special volume licensing!
674            </span>
675
676            <a href="/contact-us" data-phx-link="redirect" data-phx-link-state="push" class="flex w-1/2 items-center justify-center rounded-md border border-transparent bg-white px-2 py-2 text-lg font-medium leading-6 text-green-600 hover:bg-green-50" aria-describedby="tier-enterprise">
677              Contact us
678            </a>
679          </div>
680        </div>
681      </div>
682    </div>
683  </div>
684</div>
685
686<div class="pt-20 sm:pt-24">
687  <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
688    <div class="text-center">
689      <h3 class="text-2xl leading-9 font-extrabold text-gray-900 sm:text-3xl sm:leading-10 lg:text-4xl lg:leading-none">
690        See what our customers have to say
691      </h3>
692    </div>
693  </div>
694</div>
695
696<section class="bg-white py-12">
697  <div class="mx-auto max-w-7xl px-6 lg:px-8">
698    <div class="mx-auto grid max-w-2xl grid-cols-1 lg:mx-0 lg:max-w-none lg:grid-cols-2">
699      <div class="flex flex-col pb-10 sm:pb-16 lg:pb-0 lg:pr-8 xl:pr-20">
700        <figure class="flex flex-auto flex-col justify-between">
701          <blockquote class="text-lg leading-8 text-gray-900">
702            <p>
703              "EagleMMS is one of the most important tools in the shop. Every shop should be implementing this immediately! Every second you delay, you are losing money!"
704            </p>
705          </blockquote>
706          <figcaption class="mt-10 flex items-center gap-x-6">
707            <div class="text-base">
708              <div class="font-semibold text-gray-900">Raymond Salati</div>
709              <div class="mt-1 text-gray-500">Owner, Ray's Autobody Milford</div>
710            </div>
711          </figcaption>
712        </figure>
713      </div>
714
715      <div class="flex flex-col border-t border-gray-900/10 pt-10 sm:pt-16 lg:border-l lg:border-t-0 lg:pl-8 lg:pt-0 xl:pl-20">
716        <figure class="flex flex-auto flex-col justify-between">
717          <blockquote class="text-lg leading-8 text-gray-900">
718            <p>
719              "EagleMMS is a fantastic service. Through negotiation, the shop has already made over $3,000 in material differences. One of the best investments we could have made."
720            </p>
721          </blockquote>
722          <figcaption class="mt-10 flex items-center gap-x-6">
723            <div class="text-base">
724              <div class="font-semibold text-gray-900">Joe Micelli</div>
725              <div class="mt-1 text-gray-500">Manager, Moses Cadillac and Buick</div>
726            </div>
727          </figcaption>
728        </figure>
729      </div>
730    </div>
731  </div>
732</section>
733
734<div id="blog_subscription" class="bg-gray-800">
735  <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
736    <div class="xl:grid xl:grid-cols-3 xl:gap-8">
737      <div class="grid grid-cols-1 gap-8 xl:col-span-2">
738        <div class="grid grid-cols-2 md:grid md:grid-cols-3 md:gap-8">
739          <div>
740            <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
741              Product
742            </h4>
743            <ul class="mt-4">
744              <li>
745                <a href="/features?tab=how_eagle_mms_works" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
746                  How it works
747                </a>
748              </li>
749              <li class="mt-4">
750                <a href="/registration" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
751                  Sign up
752                </a>
753              </li>
754              <li class="mt-4">
755                <a href="/pricing" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
756                  Pricing
757                </a>
758              </li>
759              <li class="mt-4">
760                <a href="https://eaglewebconsulting.com/" target="_blank" class="text-base leading-6 text-gray-300 hover:text-white">
761                  Need a website for your shop?
762                </a>
763              </li>
764            </ul>
765          </div>
766
767          <div>
768            <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
769              Company
770            </h4>
771            <ul class="mt-4">
772              <li>
773                <a href="/about-us" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
774                  About us
775                </a>
776              </li>
777              <li class="mt-4">
778                <a href="/contact-us" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
779                  Contact us
780                </a>
781              </li>
782              <li class="mt-4">
783                <a href="/blog" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
784                  Blog
785                </a>
786              </li>
787              <li class="mt-4">
788                <a target="_blank" href="https://eaglemms-collision-merch.printify.me/products" class="text-base leading-6 text-gray-300 hover:text-white">
789                  Merchandise
790                </a>
791              </li>
792            </ul>
793          </div>
794
795          <div class="mt-8 md:mt-0">
796            <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
797              Legal
798            </h4>
799            <ul class="mt-4">
800              <li class="mt-4">
801                <a href="/privacy-policy" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
802                  Privacy
803                </a>
804              </li>
805              <li class="mt-4">
806                <a href="/terms-conditions" data-phx-link="redirect" data-phx-link-state="push" class="text-base leading-6 text-gray-300 hover:text-white">
807                  Terms
808                </a>
809              </li>
810            </ul>
811          </div>
812        </div>
813      </div>
814      <div class="mt-8 xl:mt-0">
815        <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
816          Subscribe to our newsletter
817        </h4>
818
819        
820          <p class="mt-4 text-gray-300 text-base leading-6">
821            Get the latest industry news sent directory to you.
822          </p>
823
824          <form method="post" id="blog-post-subscription-form" class="mt-4 sm:flex sm:max-w-md" phx-submit="create_subscriber" phx-target="1">
825  
826  
827  
828            <input aria-label="Email address" class="mt-1 focus:ring-green-500 focus:border-green-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" id="blog-post-subscription-form_email" name="blog_subscriber[email]" phx-debounce="blur" placeholder="Enter your email address" required type="email">
829            <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
830              <button class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-green-500 hover:bg-green-400 focus:outline-none focus:bg-green-400 transition duration-150 ease-in-out">
831                Subscribe
832              </button>
833            </div>
834          
835</form>
836        
837      </div>
838    </div>
839
840    <div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between mb-16 lg:mb-0">
841      <p class="mt-8 text-center text-base leading-6 text-gray-400 md:mt-0 w-full">
842        &copy; 2026 EagleMMS, Inc. All rights reserved.
843      </p>
844    </div>
845  </div>
846</div></div>
847
848    <div id="live-storm-modal" phx-remove="[[&quot;remove_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#live-storm-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;],[&quot;opacity-0&quot;]]}],[&quot;hide&quot;,{&quot;time&quot;:200,&quot;to&quot;:&quot;#live-storm-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-in&quot;,&quot;duration-200&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;]]}],[&quot;hide&quot;,{&quot;to&quot;:&quot;#live-storm-modal&quot;,&quot;transition&quot;:[[&quot;block&quot;],[&quot;block&quot;],[&quot;hidden&quot;]]}],[&quot;pop_focus&quot;,{}]]" data-cancel="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;phx-remove&quot;}]]" class="relative z-50 hidden">
849  <div id="live-storm-modal-bg" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
850  <div class="fixed inset-0 overflow-y-auto z-40 max-h-[98vh]" aria-labelledby="live-storm-modal-title" aria-describedby="live-storm-modal-description" role="dialog" aria-modal="true" tabindex="0">
851    <div class="flex min-h-full items-center justify-center">
852      <div class="w-full sm:max-w-3xl p-4 sm:p-6 lg:py-8 max-h-screen ">
853        <div id="live-storm-modal-container" phx-hook="Phoenix.FocusWrap" class="shadow-base-700/10 relative hidden rounded-lg bg-white p-6 shadow-lg transition max-h-full flex flex-col " phx-click-away="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#live-storm-modal&quot;}]]" phx-key="escape" phx-window-keydown="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#live-storm-modal&quot;}]]">
854  <div id="live-storm-modal-container-start" tabindex="0" aria-hidden="true"></div>
855  
856          <div class="absolute top-4 right-4">
857            <button phx-click="[[&quot;exec&quot;,{&quot;attr&quot;:&quot;data-cancel&quot;,&quot;to&quot;:&quot;#live-storm-modal&quot;}]]" type="button" class="-m-3 flex-none p-3 opacity-70 hover:opacity-90" aria-label="close">
858              <i class="fa-lg fal fa-times text-gray-600"></i>
859            </button>
860          </div>
861          <div id="live-storm-modal-content" class="overflow-y-auto px-2">
862            
863      <div>
864        <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-green-100 text-2xl">
865          <i class="fal fa-user-chart text-green-600"></i>
866        </div>
867
868        <div class="mt-3 text-center sm:mt-5">
869          <h3 class="text-xl font-semibold leading-6 text-gray-900">
870            Attend Live Webinar
871          </h3>
872
873          <div class="mt-2">
874            <p class="text-sm text-gray-500 px-16">
875              Select the date/time that works best for you to learn about EagleMMS and how it can make your business more money.
876            </p>
877          </div>
878        </div>
879      </div>
880
881      <div class="mt-5 sm:mt-6">
882        <iframe width="100%" height="520px" frameborder="0" src="https://app.livestorm.co/p/c3000909-6f86-4137-a03b-007032fa3d47/form" title="Product Demo | EagleMMS LLC"></iframe>
883      </div>
884    
885          </div>
886        
887  <div id="live-storm-modal-container-end" tabindex="0" aria-hidden="true"></div>
888</div>
889      </div>
890    </div>
891  </div>
892</div>
893
894      <div class="fixed bottom-0 right-0 p-8 z-50">
895        <button type="button" class="animate-pulse-green inline-flex items-center gap-x-2 rounded-full px-5 py-4 text-lg sm:text-2xl font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600 border-2 border-white" phx-click="[[&quot;add_class&quot;,{&quot;names&quot;:[&quot;overflow-hidden&quot;],&quot;to&quot;:&quot;body&quot;}],[&quot;show&quot;,{&quot;to&quot;:&quot;#live-storm-modal&quot;}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#live-storm-modal-bg&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;
895ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;],[&quot;opacity-100&quot;]]}],[&quot;show&quot;,{&quot;time&quot;:300,&quot;to&quot;:&quot;#live-storm-modal-container&quot;,&quot;transition&quot;:[[&quot;transition-all&quot;,&quot;transform&quot;,&quot;ease-out&quot;,&quot;duration-300&quot;],[&quot;opacity-0&quot;,&quot;translate-y-4&quot;,&quot;sm:translate-y-0&quot;,&quot;sm:scale-95&quot;],[&quot;opacity-100&quot;,&quot;translate-y-0&quot;,&quot;sm:scale-100&quot;]]}],[&quot;focus_first&quot;,{&quot;to&quot;:&quot;#live-storm-modal-content&quot;}]]">
896          <i class="fal fa-user-chart mr-2"></i> Attend Webinar
897        </button>
898      </div>
899
900  </body>
901</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.