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;
}
.pricing-header {
.half-width-header {
max-width: 700px;
}

View File

@@ -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">

View File

@@ -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">