This commit is contained in:
2022-10-05 22:46:50 +00:00
parent 58a8a68b00
commit 79ac98b2f1
3 changed files with 116 additions and 324 deletions

View File

@@ -4,7 +4,7 @@
max-width: 1400px; max-width: 1400px;
} }
.pricing-header { .half-width-header {
max-width: 700px; max-width: 700px;
} }

View File

@@ -65,36 +65,48 @@
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li> <li>
<a class="dropdown-item" href="/v8index.htm#service" <a
class="dropdown-item"
href="/v8index.htm#service"
>Service</a >Service</a
> >
</li> </li>
<li> <li>
<a class="dropdown-item" href="/v8index.htm#inventory" <a
class="dropdown-item"
href="/v8index.htm#inventory"
>Inventory</a >Inventory</a
> >
</li> </li>
<li> <li>
<a class="dropdown-item" href="/v8index.htm#dashboard" <a
class="dropdown-item"
href="/v8index.htm#dashboard"
>Dashboard</a >Dashboard</a
> >
</li> </li>
<li> <li>
<a class="dropdown-item" href="/v8index.htm#notifications" <a
class="dropdown-item"
href="/v8index.htm#notifications"
>Notifications</a >Notifications</a
> >
</li> </li>
<li> <li>
<a class="dropdown-item" href="/v8index.htm#customizable" <a
class="dropdown-item"
href="/v8index.htm#customizable"
>Customizable</a >Customizable</a
> >
</li> </li>
<li> <li>
<a class="dropdown-item" href="/v8index.htm#flexible" <a
class="dropdown-item"
href="/v8index.htm#flexible"
>Flexible configurations</a >Flexible configurations</a
> >
</li> </li>
@@ -139,217 +151,79 @@
</div> </div>
</nav> </nav>
</div> </div>
<main class="container py-5"> <main class="container py-5">
<header> <header>
<div class="pricing-header p-3 pb-md-4 mx-auto text-center"> <div class="half-width-header p-3 pb-md-4 mx-auto text-center">
<h1 class="display-4 fw-normal">Pricing</h1>
<h1 class="display-4 fw-normal">Pricing / purchase</h1> <h5 class="mt-3">
<img src="/r/image/underconstruction.svg" width="800" height="600"></img> AyaNova is available as a
<p class="fs-5 text-muted"> <a href="#subscription">subscription service</a> hosted
From one person service companies to multi-regional by us or a
operations we have you covered with affordable pricing that <a href="#perpetual"> software package</a> you install
scales with your business. on premises.
</p> </h5>
</div> </div>
</header> </header>
<div class="row row-cols-1 row-cols-md-3 mb-3 text-center"> <h2 class="mt-4" id="subscription">Subscription service</h2>
<div class="col"> <section class="ps-4">
<div class="card mb-4 rounded-3 shadow-sm"> <h5>Benefits</h5>
<div class="card-header py-3"> <ul>
<h4 class="my-0 fw-normal">xxx</h4> <li>we securely host AyaNova online, nothing to install just login and start working</li>
</div> <li>pay as you go month to month or yearly</li>
<div class="card-body"> <li>low up front cost, as little as $24/month</li>
<h1 class="card-title pricing-card-title"> <li>
$0<small class="text-muted fw-light">/mo</small> no need for costly I.T. staff, hardware or networking
</h1> expertise
<ul class="list-unstyled mt-3 mb-4"> </li>
<li>xxx</li> <li>easily enable the Customer login and self-service features of AyaNova</li>
<li>xxx</li> <li>
<li>xxx</li> departmental budget friendly; no lengthy capital
<li>xxx</li> expenditure approval required
</ul> </li>
<button <li>always up to date</li>
type="button" <li>
class="w-100 btn btn-lg btn-outline-primary" stay in business even if your office is impacted by fire
> or other disaster
xxxx </li>
</button> <li>
</div> can switch to on premise self installed AyaNova at
</div> any time
</div> </li>
<div class="col"> <li>datacenter of your choice: San Francisco, New York, Toronto, Amsterdam, London, Frankfurt, Singapore or Bangalore</li>
<div class="card mb-4 rounded-3 shadow-sm"> </ul>
<div class="card-header py-3"> </section>
<h4 class="my-0 fw-normal">xxx</h4> <section class="ps-4">
</div> <h5>Subscription pricing</h5>
<div class="card-body"> <p>
<h1 class="card-title pricing-card-title"> All pricing in US dollars, taxes if applicable are extra.
$xx<small class="text-muted fw-light" <ul>
>/mo</small <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>
</h1> <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 class="list-unstyled mt-3 mb-4">
<li>xxx</li> </ul>
<li>xxx</li> , can be purchased monthly or yearly). Your Customers can
<li>xxx</li> also optionally login to use the Customer self-service
<li>xxx</li> features of AyaNova, 250 Customer User logins included and
</ul> blocks of 250 more can be added for $12 per month (only
<button customer Users set to Active and AllowLogin count against
type="button" the license as they consume server resources) Includes up to
class="w-100 btn btn-lg btn-primary" 25GB total storage space which is on average more than
> adequate for most, if desired blocks of 10GB extra storage
xxxx for all non-database file and attachments can be added for
</button> $2 per month. You will download and store your backup files
</div> offsite periodically as part of a sensible disaster recovery
</div> plan.
</div> </p>
<div class="col"> </section>
<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="display-6 text-center mb-4">Compare plans</h2> <h2 class="mt-4" id="perpetual">Software package</h2>
<section>perpetual license here</section>
<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>
</main> </main>
<footer class="footer mt-auto py-5 "> <footer class="footer mt-auto py-5">
<div class="gz-divider"></div> <div class="gz-divider"></div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">

View File

@@ -182,28 +182,31 @@
<main> <main>
<div class="container col-xxl-8 px-4 py-5"> <div class="container col-xxl-8 px-4 py-5">
<div id="service" class="text-center pt-5"> <div id="service" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3"> <h1 class="display-3 fw-normal lh-1 mb-4">
Manage your service Manage your service business
</h1> </h1>
<h4> <h5 class="mb-3">
AyaNova service management software is AyaNova service management software is
<a href="/r/pricing.htm">affordable</a> and has the <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 <a
href="https://ayanova.com/docs/ay-start-form-overview/#responsive-display" href="https://ayanova.com/docs/ay-start-form-overview/#responsive-display"
>responsive interface</a >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/" <a href="https://ayanova.com/docs/ops-install/"
>install AyaNova on Windows or Linux</a >install AyaNova</a
> >
and run it in-house. on Windows or Linux and run it in-house.
</h4> </h5>
<h4> <h5 class="mb-3">
The following is a quick overview of some of the main The following is a quick overview of some of the main
features with links to more details in the full features with links to more details in the full
<a href="https://ayanova.com/docs/">AyaNova manual</a> <a href="https://ayanova.com/docs/">AyaNova manual</a>
</h4> </h5>
</div> </div>
<div <div
@@ -1185,116 +1188,31 @@
Customize text and translations Customize text and translations
</h2> </h2>
<p> <p>
Sed ut perspiciatis unde omnis iste natus error sit <a href="https://ayanova.com/docs/adm-translations/"
voluptatem accusantium doloremque laudantium, totam >Change any text</a
rem aperiam, eaque ipsa quae ab illo inventore >
veritatis et quasi architecto beatae vitae dicta displayed in the user interface to suit your
sunt explicabo. Nemo enim ipsam voluptatem quia business, industry or language.
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>
</div> </div>
</div> </div>
<!-- end of customizable block --> <!-- end of customizable block -->
<div class="container col-xxl-8 px-4 py-5"> <div class="container col-xxl-8 px-4 py-5">
<div id="flexible" class="text-center pt-5"> <div class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3"> <h4>
Flexible configurations Get more information in the
</h1> <a href="https://ayanova.com/docs/">AyaNova manual</a>,
</div> see our <a href="/r/pricing.htm">affordable pricing</a>,
look at <a href="/r/hosting.htm">hosting options</a> or
<div you can download and
class="row flex-lg-row-reverse align-items-center g-5 py-5" <a href="https://ayanova.com/docs/ops-install/"
> >install AyaNova on Windows or Linux</a
<div class="col-10 col-sm-8 col-lg-6"> >
<img and try it now.
src="/r/image/ss-overview.png" </h4>
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> </div>
</div> </div>
<!-- end of flexible configurations block -->
</main> </main>
<footer class="footer mt-auto py-5"> <footer class="footer mt-auto py-5">