Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add plugins page #492

Merged
merged 6 commits into from
Nov 3, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 37 additions & 19 deletions components/Header/Menu/menu-items.js
Original file line number Diff line number Diff line change
Expand Up @@ -26,13 +26,30 @@ import IconDiscord from '../../../public/menu/icon-discord.svg';
import IconDocs from '../../../public/menu/icon-docs.svg';
import IconGithub from '../../../public/menu/icon-github.svg';

const PRODUCTS_ITEMS_1 = [
const PLATFORM_MENU_ITEMS_1 = [

{
title: 'Live Templates',
image: IconBuildNew,
url: '/live-templates',
description: 'Tailor-made Templates to Keep Your Services Always Up-to-Date',
},
{
title: 'Plugins',
image: IconPlugins,
url: '/extend-with-plugins',
description: 'Customize Your Development with Amplication’s Plugins',
},
{
title: 'Jovu',
image: IconBackend,
url: '/jovu--production-ready-ai-code-generation',
description: 'From idea to production in minutes',
},

];

const PRODUCTS_ITEMS_1 = [
{
title: 'Build new services',
image: IconBuildNew,
Expand All @@ -45,10 +62,6 @@ const PRODUCTS_ITEMS_1 = [
url: '/build-api-on-existing-db',
description: 'Head start development using existing DB',
},

];

const PRODUCTS_ITEMS_2 = [
{
title: 'Break the monolith',
image: IconBTM,
Expand All @@ -61,17 +74,13 @@ const PRODUCTS_ITEMS_2 = [
url: '/application-modernization',
description: 'Transform and migrate legacy systems',
},
{
title: 'Plugins',
image: IconPlugins,
url: '/plugins',
description: 'Extend and customize your services',
},

];





const CUSTOMERS_ITEMS_1 = [
{
title: 'IT Services',
Expand Down Expand Up @@ -109,10 +118,7 @@ const PRODUCT_MENU_ITEMS = [
title: 'Products',
menuItems: PRODUCTS_ITEMS_1,
},
{
title: ' ',
menuItems: PRODUCTS_ITEMS_2,
}

]


Expand All @@ -125,6 +131,13 @@ const CUSTOMERS_MENU_ITEMS = [
}
]

const PLATFORM_MENU_ITEMS = [
{
menuItems: PLATFORM_MENU_ITEMS_1,
},

]




Expand Down Expand Up @@ -225,13 +238,18 @@ export const LEFT_MENU_ITEMS = [
export const RIGHT_MENU_ITEMS = [

{
title: 'Product',
title: 'Platform',
align: "start",
columns: PLATFORM_MENU_ITEMS,
},
{
title: 'Solutions',
align: "start",
columns: PRODUCT_MENU_ITEMS,
},
{
title: 'Enterprise',
url: '/enterprise',
title: 'Plugins',
url: '/plugins',
},
{
title: 'Pricing',
Expand Down Expand Up @@ -277,7 +295,7 @@ export const LOGIN_MENU_ITEM = {
export const FOOTER_GROUPS = [
{
title: 'Product',
items: [...PRODUCTS_ITEMS_1, ...PRODUCTS_ITEMS_2]
items: [...PRODUCTS_ITEMS_1]

},
{
Expand Down
2 changes: 1 addition & 1 deletion components/Sections/Pricing/HeroBlock/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ const HeroBlock = () => {
<div className="w-full max-w-container m-container p-container laptop:max-w-container-desktop laptop:m-container-desktop laptop:p-container-desktop">
<div className="flex flex-col items-center content-center text-center ">
<h1 className="text-5xl font-bold mb-4 ">
Accelerate your backend development.
Boost your platform engineering
<div className="text-secondary-purple">Start FREE </div>
</h1>
</div>
Expand Down
172 changes: 52 additions & 120 deletions components/Sections/Pricing/PricingFAQ/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -59,41 +59,28 @@ const PricingFAQ = () => {
<br />
<strong>Free Plan:</strong>
<br />
Ideal for individual developers working on small-scale
applications. This plan includes core features like Node.js
support, database integration, roles & permissions, GraphQL
& REST APIs, and unlimited code generation builds. It&apos;s
perfect for getting started without any cost.
</p>
</li>
<li>
<p>
<br />
<strong>Essential Plan:</strong>
<br />
This plan is best for small teams building collaborative
projects. It includes enhanced capabilities such as support
for both Node.js and .NET, more Jovu requests, multiple
services, custom actions support, and additional team
members.
Ideal for individual looking to harness the power of our
code generation engine. This plan includes core features
like Node.js support, database integration, roles &
permissions, GraphQL & REST APIs, and unlimited code
generation builds.
</p>
</li>
<li>
<p>
<br />
<strong>Enterprise Plan:</strong>
<br />
For larger organizations with more complex needs, the
Enterprise plan is the best fit. It includes all the
features of the Essential plan plus unlimited Jovu requests,
projects, services, and team members. Additionally, it
offers advanced security features like SSO and 2FA,
comprehensive Git sync options for all enterprise providers,
and tools for breaking monolithic applications into
microservices. This plan is tailored for scalability and
integration with lifecycle management tools. For a full
breakdown of its capabilities and to get a personalized
quote,{' '}
Best for organizations seeking to take their platform
engineering to the next level, standardize backend services,
and streamline development processes. This plan includes
features for creating live templates that embed your
organization’s best practices and standards, building
private plugins tailored to your specific needs, and gaining
visibility into all services through a comprehensive service
catalog, all while actively reducing technical debt. It also
offers advanced security features like SSO and 2FA, as well
as premium support.{' '}
<Link
href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
passHref={true}
Expand All @@ -103,7 +90,7 @@ const PricingFAQ = () => {
className="text-secondary-purple"
target="_blank"
>
contact us directly
Contact us for a personalized quote
</a>
</Link>
.
Expand All @@ -114,135 +101,80 @@ const PricingFAQ = () => {
}
/>
<Question
question="How does Amplication pricing work?"
question="We have our own best practices and standards - can we ask Amplication to generate the code in our own flavor?"
answer={
<div>
Our pricing plans are applied per each workspace individually. The
Free plan is offered for <strong>FREE</strong>. The Essential plan
is offered in a monthly or annual subscription, for a single or
multiple projects. Enterprise plan pricing will be tailored to
your specific requirements.{' '}
<Link
href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
passHref={true}
>
<a
onClick={handleBookDemoClick}
className="text-secondary-purple"
target="_blank"
>
Contact us to get a quote
</a>
</Link>
.
Absolutely! Amplication allows you to customize code generation to
match your organization&apos;s unique best practices and
standards. You can use private plugins to extend
Amplication&apos;s capabilities, integrating your own tools,
workflows, and coding conventions. Additionally, you can create
custom live templates that reflect your specific requirements,
ensuring that the generated services continuously follow your
evolving guidelines. This flexibility ensures that the services
generated by Amplication align perfectly with your
organization&apos;s flavor and development preferences.
</div>
}
/>
<Question
question="Can I upgrade at any time?"
answer="Yes! You can upgrade anytime and your workspace plan will be immediately updated."
/>
<Question
question="Can I pay monthly?"
answer="Sure. We offer monthly and annual plans. The annual plan is offered at a discount."
/>
<Question
question="When will I be billed?"
question="How can Amplication help us maintain our best practices and standards while reducing technical debt?"
answer={
<div>
Our paid plans are charged upfront and billed on a recurring basis
based on your payment schedule preference (monthly or annually).
Amplication streamlines the process of maintaining best practices
and standards across your development projects by offering live
templates that embed organizational guidelines and are easily
updatable. This ensures all services are consistently aligned with
the latest standards. Additionally, Amplication provides technical
debt monitoring and proactive alerts, helping teams address
discrepancies and keep technical debt under control.
</div>
}
/>
<Question
question="Does Amplication support advanced security features like 2FA, audit logs, and SSO for organizational security concerns?"
question="Can I pay for Amplication through my AWS account (AWS billing)?"
answer={
<div>
Yes, Amplication&apos;s Enterprise plan is equipped with advanced
security features to meet the needs of your organization. This
includes support for Single Sign-On (SSO), audit logs, and
Two-Factor Authentication (2FA).
Yes, we support this billing method. Please contact us for
assistance.
</div>
}
/>

<Question
question="We have multiple teams in the organization, can we use one account to manage separate teams?"
question="We are working with the enterprise edition of GitLab / BitBucket, will it work with Amplication?"
answer={
<div>
Yes, the Enterprise plan lets you have unlimited projects,
services, and team members. You can manage all your teams from the
same organization in your preferred structure.
The Enterprise Plan Supports Bitbucket, AWS CodeCommit, GitLab,
Azure DevOps, and any other Git provider.
</div>
}
/>
<Question
question="Can I pay to Amplication through my AWS account (AWS billing)?"
question="Can you assist with deploying to various cloud providers like AWS?"
answer={
<div>
Yes, we support this billing method. Please contact us and we will
help you handle it.
Yes, Amplication offers plugins and guides for deployment to
services such as Kubernetes, Docker Desktop, and AWS&apos;s ECS.
You can also create a custom plugin for other cloud providers.
</div>
}
/>
<Question
question="We have our own best practices and standards - can we ask Amplication to generate the code in our own flavor?"
question="How can I customize the generated code, and will the generated code override my changes?"
answer={
<div>
Amplication offers a structured way to{' '}
<a
className="text-secondary-purple"
target="_blank"
rel="noreferrer"
href="https://docs.amplication.com/custom-code/"
>
add custom code
</a>{' '}
and modify your generated code.
<br />
We also provide various{' '}
<a
className="text-secondary-purple"
target="_blank"
rel="noreferrer"
href="https://docs.amplication.com/getting-started/plugins/"
>
plugins
</a>
, like Prettier and ESLint, so you can format your code exactly
how you need it.
<br />
Furthermore, you can create{' '}
<a
className="text-secondary-purple"
target="_blank"
rel="noreferrer"
href="https://docs.amplication.com/enterprise-private-plugins/"
>
private plugins
</a>{' '}
that are accessible only within your organization.
You can customize the generated code, and Amplication&apos;s Smart
Git Sync ensures your custom code takes precedence over the
generated code, so your changes won&apos;t be overridden.
</div>
}
/>
<Question
question="How can I customize the generated code, and will the generated code override my changes?"
question="Does Amplication support advanced security features like 2FA, audit logs, and SSO for organizational security concerns?"
answer={
<div>
You can customize the generated code just like any other code
changes in your existing code base. Amplication’s Smart Git Sync
feature ensures that your custom code always takes precedence over
the generated code, so your changes will not be overridden. For
more details on how this works, please refer to our{' '}
<a
className="text-secondary-purple"
target="_blank"
rel="noreferrer"
href="https://docs.amplication.com/smart-git-sync/"
>
documentation.
</a>
Yes, the Enterprise plan includes support for Single Sign-On
(SSO), audit logs, and Two-Factor Authentication (2FA).
</div>
}
/>
Expand Down
7 changes: 5 additions & 2 deletions components/Sections/Pricing/PricingPlans/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,14 +44,17 @@ export const PricingPlans = () => {
planCTAButton: {
startNew: 'Start Now',
upgrade: 'Upgrade Now',
custom: 'Contact Us',
custom: 'Custom',
startTrial: () => {
return 'Book a Demo';
},
},
price: {
free: {
price: '$0',
unit: '',
},
custom: 'Contact Us',
custom: 'Custom',
priceNotSet: 'Price not set',
},
}}
Expand Down
Loading
Loading