diff --git a/r/about.htm b/r/about.htm
index e4c28b0..95d2e00 100644
--- a/r/about.htm
+++ b/r/about.htm
@@ -19,6 +19,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
         <div class="container">
@@ -63,19 +64,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -129,7 +148,8 @@
             </div>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/r/download.htm b/r/download.htm
index 21c2bcb..e834565 100644
--- a/r/download.htm
+++ b/r/download.htm
@@ -19,6 +19,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
         <div class="container">
@@ -63,19 +64,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -129,7 +148,8 @@
             </div>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/r/evaluate.htm b/r/evaluate.htm
index fbd23b4..134a4d9 100644
--- a/r/evaluate.htm
+++ b/r/evaluate.htm
@@ -19,6 +19,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
         <div class="container">
@@ -63,19 +64,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -129,7 +148,8 @@
             </div>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/r/image/ss-dashboard-biz-metrics.png b/r/image/ss-dashboard-biz-metrics.png
new file mode 100644
index 0000000..06c80e3
Binary files /dev/null and b/r/image/ss-dashboard-biz-metrics.png differ
diff --git a/r/license.htm b/r/license.htm
index 45f7bc1..b38fe17 100644
--- a/r/license.htm
+++ b/r/license.htm
@@ -19,6 +19,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
 
@@ -65,19 +66,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -493,7 +512,8 @@
             </div>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/r/pricing.htm b/r/pricing.htm
index c0cca24..1f54f98 100644
--- a/r/pricing.htm
+++ b/r/pricing.htm
@@ -11,7 +11,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
-        <link href="r/css/site.css" rel="stylesheet" />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
         <svg xmlns="http://www.w3.org/2000/svg" style="display: none">
@@ -65,19 +65,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -327,7 +345,8 @@
             </div>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/r/privacy.htm b/r/privacy.htm
index 6c36d22..3742bc6 100644
--- a/r/privacy.htm
+++ b/r/privacy.htm
@@ -13,6 +13,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
        
@@ -59,19 +60,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -266,7 +285,8 @@
             </p>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/r/template-page.htm b/r/template-page.htm
index 6fa9373..d345e20 100644
--- a/r/template-page.htm
+++ b/r/template-page.htm
@@ -19,6 +19,7 @@
             integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
             crossorigin="anonymous"
         />
+        <link href="/r/css/site.css" rel="stylesheet" />
     </head>
     <body>
         <div class="container">
@@ -63,19 +64,37 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Action</a
+                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                            >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Another action</a
+                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                            >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
-                                            >Something else here</a
+                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                            >Dashboard</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                            >Notifications</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                            >Customizable</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                            >Flexible configurations</a
                                         >
                                     </li>
                                 </ul>
@@ -129,7 +148,8 @@
             </div>
         </main>
 
-        <footer class="footer mt-auto py-3 border-top">
+        <footer class="footer mt-auto py-5 ">
+            <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
                     <p class="col-lg-6 pt-2 text-muted">
diff --git a/v8index.htm b/v8index.htm
index 6d9617a..3880a22 100644
--- a/v8index.htm
+++ b/v8index.htm
@@ -69,31 +69,31 @@
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="#"
+                                        <a class="dropdown-item" href="#inventory"
                                             >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
+                                        <a class="dropdown-item" href="#dashboard"
                                             >Dashboard</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
+                                        <a class="dropdown-item" href="#notifications"
                                             >Notifications</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
+                                        <a class="dropdown-item" href="#customizable"
                                             >Customizable</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="#"
+                                        <a class="dropdown-item" href="#flexible"
                                             >Flexible configurations</a
                                         >
                                     </li>
@@ -206,27 +206,7 @@
                             qui in ea voluptate velit esse quam nihil molestiae
                             consequatur, vel illum qui dolorem eum fugiat quo
                             voluptas nulla pariatur?
-                        </p>
-                        <p>
-                            "Sed ut perspiciatis unde omnis iste natus error sit
-                            voluptatem accusantium doloremque laudantium, totam
-                            rem aperiam, eaque ipsa quae ab illo inventore
-                            veritatis et quasi architecto beatae vitae dicta
-                            sunt explicabo. Nemo enim ipsam voluptatem quia
-                            voluptas sit aspernatur aut odit aut fugit, sed quia
-                            consequuntur magni dolores eos qui ratione
-                            voluptatem sequi nesciunt. Neque porro quisquam est,
-                            qui dolorem ipsum quia dolor sit amet, consectetur,
-                            adipisci velit, sed quia non numquam eius modi
-                            tempora incidunt ut labore et dolore magnam aliquam
-                            quaerat voluptatem. Ut enim ad minima veniam, quis
-                            nostrum exercitationem ullam corporis suscipit
-                            laboriosam, nisi ut aliquid ex ea commodi
-                            consequatur? Quis autem vel eum iure reprehenderit
-                            qui in ea voluptate velit esse quam nihil molestiae
-                            consequatur, vel illum qui dolorem eum fugiat quo
-                            voluptas nulla pariatur?"
-                        </p>
+                        </p>                       
                     </div>
                 </div>
 
@@ -247,7 +227,7 @@
                     </div>
                     <div class="col-lg-6">
                         <h2 class="display-5 fw-bold lh-1 mb-3">Work orders</h2>
-                        <p>Here is a blurb about wo.</p>
+                        
                         <p>
                             "Sed ut perspiciatis unde omnis iste natus error sit
                             voluptatem accusantium doloremque laudantium, totam
@@ -288,7 +268,7 @@
                     </div>
                     <div class="col-lg-6">
                         <h2 class="display-5 fw-bold lh-1 mb-3">Quotes</h2>
-                        <p>Here is a blurb about wo.</p>
+                        
                         <p>
                             "Sed ut perspiciatis unde omnis iste natus error sit
                             voluptatem accusantium doloremque laudantium, totam
@@ -331,7 +311,7 @@
                         <h2 class="display-5 fw-bold lh-1 mb-3">
                             Preventive maintenance
                         </h2>
-                        <p>Here is a blurb about wo.</p>
+                        
                         <p>
                             "Sed ut perspiciatis unde omnis iste natus error sit
                             voluptatem accusantium doloremque laudantium, totam
@@ -372,7 +352,7 @@
                     </div>
                     <div class="col-lg-6">
                         <h2 class="display-5 fw-bold lh-1 mb-3">Contracts</h2>
-                        <p>Here is a blurb about wo.</p>
+                        
                         <p>
                             "Sed ut perspiciatis unde omnis iste natus error sit
                             voluptatem accusantium doloremque laudantium, totam
@@ -415,7 +395,7 @@
                         <h2 class="display-5 fw-bold lh-1 mb-3">
                             Customer service requests
                         </h2>
-                        <p>Here is a blurb about wo.</p>
+                        
                         <p>
                             "Sed ut perspiciatis unde omnis iste natus error sit
                             voluptatem accusantium doloremque laudantium, totam
@@ -458,7 +438,7 @@
                         <h2 class="display-5 fw-bold lh-1 mb-3">
                             Customer Unit service history
                         </h2>
-                        <p>Here is a blurb about wo.</p>
+                        
                         <p>
                             "Sed ut perspiciatis unde omnis iste natus error sit
                             voluptatem accusantium doloremque laudantium, totam
@@ -483,6 +463,454 @@
                 </div>
             </div>
             <!-- end of service block -->
+
+
+            <div class="container col-xxl-8 px-4 py-5">
+                <div id="inventory" class="text-center pt-5">
+                    <h1 class="display-2 fw-bold lh-1 mb-3">Inventory</h1>
+                </div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
+                        <p>
+                           Sed ut
+                            perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                   
+                    </div>
+                </div>
+
+                <div class="gz-divider"></div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>                       
+                        <p>
+                            Sed ut perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                    </div>
+                </div>
+
+            </div>
+            <!-- end of inventory block -->
+
+
+
+
+
+            <div class="container col-xxl-8 px-4 py-5">
+                <div id="dashboard" class="text-center pt-5">
+                    <h1 class="display-2 fw-bold lh-1 mb-3">Dashboard</h1>
+                    <p class="lead">AyaNova has a fully customizable <a href="https://www.ayanova.com/docs/home-dashboard">dashboard</a> with a <a href="https://www.ayanova.com/docs/home-dashboard/#widgets-available">variety of dashboard widgets</a> available to each <a href="https://www.ayanova.com/docs/ay-biz-admin-roles/">Authorization Role</a></a></p>                    
+                </div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-dashboard-biz-metrics.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">Business metrics</h2>
+                        <p>                            
+                          Keep a pulse on the health of your business in real time with a variety of chart dashboard widgets showing business metrics essential to the success of any service or repair organization such as percentage of work orders completed on time, billable hours summaries, counts of work orders by <a href="https://www.ayanova.com/docs/svc-work-order-status/">Status</a> etc.</p>
+                           <p>Metrics widgets are available to management level <a href="https://www.ayanova.com/docs/ay-biz-admin-roles/">Roles</a> and are fully <a href="https://www.ayanova.com/docs/home-dashboard/#settings">Customizable</a> to show only what you need in the time period and interval that is most useful to you.
+                        </p>
+                   
+                    </div>
+                </div>
+
+                <div class="gz-divider"></div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>                       
+                        <p>
+                            Sed ut perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                    </div>
+                </div>
+                
+            </div>
+            <!-- end of dashboard block -->
+
+
+
+
+            <div class="container col-xxl-8 px-4 py-5">
+                <div id="notifications" class="text-center pt-5">
+                    <h1 class="display-2 fw-bold lh-1 mb-3">Notifications</h1>
+                </div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
+                        <p>
+                           Sed ut
+                            perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                   
+                    </div>
+                </div>
+
+                <div class="gz-divider"></div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>                       
+                        <p>
+                            Sed ut perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                    </div>
+                </div>
+                
+            </div>
+            <!-- end of notifications block -->
+
+
+
+
+            <div class="container col-xxl-8 px-4 py-5">
+                <div id="customizable" class="text-center pt-5">
+                    <h1 class="display-2 fw-bold lh-1 mb-3">Customizable</h1>
+                </div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
+                        <p>
+                           Sed ut
+                            perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                   
+                    </div>
+                </div>
+
+                <div class="gz-divider"></div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>                       
+                        <p>
+                            Sed ut perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                    </div>
+                </div>
+                
+            </div>
+            <!-- end of customizable block -->
+
+
+
+
+
+
+            <div class="container col-xxl-8 px-4 py-5">
+                <div id="flexible" class="text-center pt-5">
+                    <h1 class="display-2 fw-bold lh-1 mb-3">Flexible configurations</h1>
+                </div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
+                        <p>
+                           Sed ut
+                            perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                   
+                    </div>
+                </div>
+
+                <div class="gz-divider"></div>
+
+                <div
+                    class="row flex-lg-row-reverse align-items-center g-5 py-5"
+                >
+                    <div class="col-10 col-sm-8 col-lg-6">
+                        <img
+                            src="/r/image/ss-overview.png"
+                            class="d-block mx-lg-auto img-fluid"
+                            alt="Bootstrap Themes"
+                            width="700"
+                            height="500"
+                            loading="lazy"
+                        />
+                    </div>
+                    <div class="col-lg-6">
+                        <h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>                       
+                        <p>
+                            Sed ut perspiciatis unde omnis iste natus error sit
+                            voluptatem accusantium doloremque laudantium, totam
+                            rem aperiam, eaque ipsa quae ab illo inventore
+                            veritatis et quasi architecto beatae vitae dicta
+                            sunt explicabo. Nemo enim ipsam voluptatem quia
+                            voluptas sit aspernatur aut odit aut fugit, sed quia
+                            consequuntur magni dolores eos qui ratione
+                            voluptatem sequi nesciunt. Neque porro quisquam est,
+                            qui dolorem ipsum quia dolor sit amet, consectetur,
+                            adipisci velit, sed quia non numquam eius modi
+                            tempora incidunt ut labore et dolore magnam aliquam
+                            quaerat voluptatem. Ut enim ad minima veniam, quis
+                            nostrum exercitationem ullam corporis suscipit
+                            laboriosam, nisi ut aliquid ex ea commodi
+                            consequatur? Quis autem vel eum iure reprehenderit
+                            qui in ea voluptate velit esse quam nihil molestiae
+                            consequatur, vel illum qui dolorem eum fugiat quo
+                            voluptas nulla pariatur?
+                        </p>
+                    </div>
+                </div>
+                
+            </div>
+            <!-- end of flexible configurations block -->
+
+
+
+
+
+
+
+
         </main>
 
         <footer class="footer mt-auto py-5 ">
