From 79ac98b2f1bc706d510a3a6c5f4c07d0b9d10f52 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Wed, 5 Oct 2022 22:46:50 +0000
Subject: [PATCH]

---
 r/css/site.css |   2 +-
 r/pricing.htm  | 294 ++++++++++++++-----------------------------------
 v8index.htm    | 144 ++++++------------------
 3 files changed, 116 insertions(+), 324 deletions(-)

diff --git a/r/css/site.css b/r/css/site.css
index 653a523..48a0db9 100644
--- a/r/css/site.css
+++ b/r/css/site.css
@@ -4,7 +4,7 @@
     max-width: 1400px;
   }
   
-  .pricing-header {
+  .half-width-header {
     max-width: 700px;
   }
 
diff --git a/r/pricing.htm b/r/pricing.htm
index 4248f9c..1a55508 100644
--- a/r/pricing.htm
+++ b/r/pricing.htm
@@ -65,36 +65,48 @@
                                 </a>
                                 <ul class="dropdown-menu">
                                     <li>
-                                        <a class="dropdown-item" href="/v8index.htm#service"
+                                        <a
+                                            class="dropdown-item"
+                                            href="/v8index.htm#service"
                                             >Service</a
                                         >
                                     </li>
                                     <li>
-                                        <a class="dropdown-item" href="/v8index.htm#inventory"
+                                        <a
+                                            class="dropdown-item"
+                                            href="/v8index.htm#inventory"
                                             >Inventory</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="/v8index.htm#dashboard"
+                                        <a
+                                            class="dropdown-item"
+                                            href="/v8index.htm#dashboard"
                                             >Dashboard</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="/v8index.htm#notifications"
+                                        <a
+                                            class="dropdown-item"
+                                            href="/v8index.htm#notifications"
                                             >Notifications</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="/v8index.htm#customizable"
+                                        <a
+                                            class="dropdown-item"
+                                            href="/v8index.htm#customizable"
                                             >Customizable</a
                                         >
                                     </li>
 
                                     <li>
-                                        <a class="dropdown-item" href="/v8index.htm#flexible"
+                                        <a
+                                            class="dropdown-item"
+                                            href="/v8index.htm#flexible"
                                             >Flexible configurations</a
                                         >
                                     </li>
@@ -139,217 +151,79 @@
                 </div>
             </nav>
         </div>
- 
+
         <main class="container py-5">
-           
             <header>
-                <div class="pricing-header p-3 pb-md-4 mx-auto text-center">
-                   
-                   
-                    <h1 class="display-4 fw-normal">Pricing / purchase</h1>
-                    <img src="/r/image/underconstruction.svg"  width="800" height="600"></img>
-                    <p class="fs-5 text-muted">
-                        From one person service companies to multi-regional
-                        operations we have you covered with affordable pricing that
-                        scales with your business.
-                    </p>
+                <div class="half-width-header p-3 pb-md-4 mx-auto text-center">
+                    <h1 class="display-4 fw-normal">Pricing</h1>
+
+                    <h5 class="mt-3">
+                        AyaNova is available as a
+                        <a href="#subscription">subscription service</a> hosted
+                        by us or a
+                        <a href="#perpetual"> software package</a> you install
+                        on premises.
+                    </h5>
                 </div>
             </header>
-            <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
-                <div class="col">
-                    <div class="card mb-4 rounded-3 shadow-sm">
-                        <div class="card-header py-3">
-                            <h4 class="my-0 fw-normal">xxx</h4>
-                        </div>
-                        <div class="card-body">
-                            <h1 class="card-title pricing-card-title">
-                                $0<small class="text-muted fw-light">/mo</small>
-                            </h1>
-                            <ul class="list-unstyled mt-3 mb-4">
-                                <li>xxx</li>
-                                <li>xxx</li>
-                                <li>xxx</li>
-                                <li>xxx</li>
-                            </ul>
-                            <button
-                                type="button"
-                                class="w-100 btn btn-lg btn-outline-primary"
-                            >
-                                xxxx
-                            </button>
-                        </div>
-                    </div>
-                </div>
-                <div class="col">
-                    <div class="card mb-4 rounded-3 shadow-sm">
-                        <div class="card-header py-3">
-                            <h4 class="my-0 fw-normal">xxx</h4>
-                        </div>
-                        <div class="card-body">
-                            <h1 class="card-title pricing-card-title">
-                                $xx<small class="text-muted fw-light"
-                                    >/mo</small
-                                >
-                            </h1>
-                            <ul class="list-unstyled mt-3 mb-4">
-                                <li>xxx</li>
-                                <li>xxx</li>
-                                <li>xxx</li>
-                                <li>xxx</li>
-                            </ul>
-                            <button
-                                type="button"
-                                class="w-100 btn btn-lg btn-primary"
-                            >
-                                xxxx
-                            </button>
-                        </div>
-                    </div>
-                </div>
-                <div class="col">
-                    <div class="card mb-4 rounded-3 shadow-sm border-primary">
-                        <div
-                            class="card-header py-3 text-bg-primary border-primary"
-                        >
-                            <h4 class="my-0 fw-normal">xxxx</h4>
-                        </div>
-                        <div class="card-body">
-                            <h1 class="card-title pricing-card-title">
-                                $xx<small class="text-muted fw-light"
-                                    >/mo</small
-                                >
-                            </h1>
-                            <ul class="list-unstyled mt-3 mb-4">
-                                <li>xxx</li>
-                                <li>xxx</li>
-                                <li>xxx</li>
-                                <li>xxx</li>
-                            </ul>
-                            <button
-                                type="button"
-                                class="w-100 btn btn-lg btn-primary"
-                            >
-                                xxxx
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            <h2 class="mt-4" id="subscription">Subscription service</h2>
+            <section class="ps-4">                
+                <h5>Benefits</h5>
+                <ul>
+                    <li>we securely host AyaNova online, nothing to install just login and start working</li>
+                    <li>pay as you go month to month or yearly</li>
+                    <li>low up front cost, as little as $24/month</li>
+                    <li>
+                        no need for costly I.T. staff, hardware or networking
+                        expertise
+                    </li>
+                    <li>easily enable the Customer login and self-service features of AyaNova</li>
+                    <li>
+                        departmental budget friendly; no lengthy capital
+                        expenditure approval required
+                    </li>
+                    <li>always up to date</li>
+                    <li>
+                        stay in business even if your office is impacted by fire
+                        or other disaster
+                    </li>
+                    <li>
+                        can switch to on premise self installed AyaNova at
+                        any time
+                    </li>
+                    <li>datacenter of your choice: San Francisco, New York, Toronto, Amsterdam, London, Frankfurt, Singapore or Bangalore</li>
+                </ul>
+            </section>
+            <section class="ps-4">
+                <h5>Subscription pricing</h5>
+                <p>
+                    All pricing in US dollars, taxes if applicable are extra.
+                    <ul>
+                    <li>$12/month per User (minimum 2 Users)</li>
+                    <li>20GB total storage space included, extra storage for non database files and attachments can be added for $2/month for each 10GB extra required</li>
+                    <li>250 Customer login Users included, blocks of 250 more are available for $12/month (only required for Customers you allow to login)</li>
+                    
+                </ul>
+                    , can be purchased monthly or yearly). Your Customers can
+                    also optionally login to use the Customer self-service
+                    features of AyaNova, 250 Customer User logins included and
+                    blocks of 250 more can be added for $12 per month (only
+                    customer Users set to Active and AllowLogin count against
+                    the license as they consume server resources) Includes up to
+                    25GB total storage space which is on average more than
+                    adequate for most, if desired blocks of 10GB extra storage
+                    for all non-database file and attachments can be added for
+                    $2 per month. You will download and store your backup files
+                    offsite periodically as part of a sensible disaster recovery
+                    plan.
+                </p>
+            </section>
 
-            <h2 class="display-6 text-center mb-4">Compare plans</h2>
-
-            <div class="table-responsive">
-                <table class="table text-center">
-                    <thead>
-                        <tr>
-                            <th style="width: 34%"></th>
-                            <th style="width: 22%">xxxx</th>
-                            <th style="width: 22%">xxxx</th>
-                            <th style="width: 22%">xxxx</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <th scope="row" class="text-start">xxxx</th>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th scope="row" class="text-start">xxxx</th>
-                            <td></td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                        </tr>
-                    </tbody>
-
-                    <tbody>
-                        <tr>
-                            <th scope="row" class="text-start">xxxx</th>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th scope="row" class="text-start">xxxx</th>
-                            <td></td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th scope="row" class="text-start">
-                                xxxx
-                            </th>
-                            <td></td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th scope="row" class="text-start">
-                                xxxx
-                            </th>
-                            <td></td>
-                            <td></td>
-                            <td>
-                                <svg class="bi" width="24" height="24">
-                                    <use xlink:href="#check" />
-                                </svg>
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
+            <h2 class="mt-4" id="perpetual">Software package</h2>
+            <section>perpetual license here</section>
         </main>
 
-        <footer class="footer mt-auto py-5 ">
+        <footer class="footer mt-auto py-5">
             <div class="gz-divider"></div>
             <div class="container">
                 <div class="row">
diff --git a/v8index.htm b/v8index.htm
index 06a7331..304d0ed 100644
--- a/v8index.htm
+++ b/v8index.htm
@@ -182,28 +182,31 @@
         <main>
             <div class="container col-xxl-8 px-4 py-5">
                 <div id="service" class="text-center pt-5">
-                    <h1 class="display-2 fw-bold lh-1 mb-3">
-                        Manage your service
+                    <h1 class="display-3 fw-normal lh-1 mb-4">
+                        Manage your service business
                     </h1>
-                    <h4>
+                    <h5 class="mb-3">
                         AyaNova service management software is
                         <a href="/r/pricing.htm">affordable</a> and has the
-                        features you need in a modern easy to use
+                        features you need in a modern, easy to use,
                         <a
                             href="https://ayanova.com/docs/ay-start-form-overview/#responsive-display"
                             >responsive interface</a
-                        >. We can <a href="/r/hosting.htm">host AyaNova</a> for
-                        you or you can
+                        >.
+                    </h5>
+                    <h5 class="mb-3">
+                        We can <a href="/r/hosting.htm">host AyaNova for you</a>
+                        or you can
                         <a href="https://ayanova.com/docs/ops-install/"
-                            >install AyaNova on Windows or Linux</a
+                            >install AyaNova</a
                         >
-                        and run it in-house.
-                    </h4>
-                    <h4>
+                        on Windows or Linux and run it in-house.
+                    </h5>
+                    <h5 class="mb-3">
                         The following is a quick overview of some of the main
                         features with links to more details in the full
                         <a href="https://ayanova.com/docs/">AyaNova manual</a>
-                    </h4>
+                    </h5>
                 </div>
 
                 <div
@@ -1185,116 +1188,31 @@
                             Customize text and translations
                         </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?
+                            <a href="https://ayanova.com/docs/adm-translations/"
+                                >Change any text</a
+                            >
+                            displayed in the user interface to suit your
+                            business, industry or language.
                         </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="configurations"
-                            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="config 2"
-                            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 class="text-center pt-5">
+                    <h4>
+                        Get more information in the
+                        <a href="https://ayanova.com/docs/">AyaNova manual</a>,
+                        see our <a href="/r/pricing.htm">affordable pricing</a>,
+                        look at <a href="/r/hosting.htm">hosting options</a> or
+                        you can download and
+                        <a href="https://ayanova.com/docs/ops-install/"
+                            >install AyaNova on Windows or Linux</a
+                        >
+                        and try it now.
+                    </h4>
                 </div>
             </div>
-            <!-- end of flexible configurations block -->
         </main>
 
         <footer class="footer mt-auto py-5">