Skip to content

Commit

Permalink
Merge branch 'main' into xp/hp-title-ai
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuval-hazaz
yuval-hazaz authored Jun 16, 2024
2 parents 3340bab + faa1c9a commit 9dadc7c
Show file tree
Hide file tree
Showing 5 changed files with 172 additions and 45 deletions.
3 changes: 2 additions & 1 deletion .env.development
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,6 @@ NEXT_PRIVATE_HUBSPOT_PAT=''
NEXT_PRIVATE_BLOG_SERVER_URL='https://blog-api.amplication-staging.com'
#NEXT_PRIVATE_BLOG_SERVER_URL='http://localhost:3000'
NEXT_PRIVATE_PLUGIN_API_URL='https://plugin-api.amplication.com'
NEXT_PUBLIC_BILLING_API_KEY='client-d3f38201-ed3a-4aea-af1d-1db1ad976ec0:415fb9ff-a378-42d0-a849-dae7daf49646'
NEXT_PUBLIC_BILLING_API_KEY='\$2b\$10\$kvZ2zkq7onj/oyxH4vZLKuO1P3E9QKuRmo9z72pzggRtYWv4fkElC:415fb9ff-a378-42d0-a849-dae7daf49646'
NEXT_PUBLIC_BOOK_MEETING_URL='https://meetings-eu1.hubspot.com/muly/product-review-with-amplication-vp-engineering'
NEXT_PUBLIC_PURCHASE_URL='http://localhost:3001/'
2 changes: 1 addition & 1 deletion .env.production
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,6 @@ NEXT_PRIVATE_BLOG_SERVER_URL='https://blog-api.amplication.com'
NEXT_PRIVATE_PLUGIN_API_URL='https://plugin-api.amplication.com'
NEXT_PUBLIC_BILLING_API_KEY='client-d3f38201-ed3a-4aea-af1d-1db1ad976ec0:415fb9ff-a378-42d0-a849-dae7daf49646'
NEXT_PUBLIC_BOOK_MEETING_URL='https://meetings-eu1.hubspot.com/muly/product-review-with-amplication-vp-engineering'

NEXT_PUBLIC_PURCHASE_URL='https://app.amplication.com/'


169 changes: 138 additions & 31 deletions components/Sections/Pricing/PricingFAQ/index.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
import React, { useState } from 'react';
import React, { useState, useCallback } from 'react';
import Link from 'next/link';
import * as analytics from '../../../../lib/analytics';

const Question = ({ question, answer }) => {
const [isOpen, setIsOpen] = useState(false);
Expand All @@ -20,7 +22,7 @@ const Question = ({ question, answer }) => {

<div
className={`text-sm text-gray overflow-hidden transition-all duration-400 ease-in ${
!isOpen ? 'max-h-0 pt-0' : 'max-h-[100px] pt-4 '
!isOpen ? 'max-h-0 pt-0' : 'max-h-[500px] pt-4 '
} `}
>
{answer}
Expand All @@ -31,51 +33,158 @@ const Question = ({ question, answer }) => {
};

const PricingFAQ = () => {
const handleBookDemoClick = useCallback(() => {
analytics.event({
action: 'bookDemoClicked',
params: {
buttonLocation: 'faq',
},
});
}, []);

return (
<div className="max-w-[960px] m-auto">
<h2 className="my-12 mx-auto text-[32px] !font-semibold leading-[48px] tracking-normal text-center ">
Frequently Asked Questions
</h2>
<div className="flex flex-col gap-2">
<Question
question="What are the differences between the free and the enterprise tier?"
question="What plan is best for me and my team?"
answer={
<div>
The Free plan includes database and model management, role-based
permissions, and both GraphQL & REST API support.
<br />
The Enterprise plan adds unlimited projects, unlimited services,
unlimited team members, advanced security features, additional git
sync providers, dedicated support, and includes SSO.
Choosing the right plan depends on your project needs:
<ul>
<li>
<p>
<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.
</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,{' '}
<Link
href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
passHref={true}
>
<a
onClick={handleBookDemoClick}
className="text-secondary-purple"
target="_blank"
>
contact us directly
</a>
</Link>
.
</p>
</li>
</ul>
</div>
}
/>
<Question
question="How does Amplication pricing work?"
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>
.
</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?"
answer={
<div>
Our paid plans are charged upfront and billed on a recurring basis
based on your payment schedule preference (monthly or annually).
</div>
}
/>
<Question
question="Does Amplication support advanced security features like 2FA, audit logs, and SSO for organizational security concerns?"
answer={
<div>
Yes, Amplication&lsquo;s Enterprise plan is equipped with advanced
Yes, Amplication&apos;s Enterprise plan is equipped with advanced
security features to meet the needs of your organization. This
includes support for{' '}
<a
className="text-secondary-purple"
target="_blank"
rel="noreferrer"
href="https://docs.amplication.com/enterprise-sso/"
>
Single Sign-On (SSO)
</a>
, audit logs, and Two-Factor Authentication (2FA).
includes support for Single Sign-On (SSO), audit logs, and
Two-Factor Authentication (2FA).
</div>
}
/>

<Question
question="We have multiple teams in the organization, can we use one account to manage separate teams?"
answer="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."
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.
</div>
}
/>
<Question
question="Can I pay to Amplication through my AWS account (AWS billing)?"
answer="Yes, we support this billing method. Please contact us and we will help you handle it."
answer={
<div>
Yes, we support this billing method. Please contact us and we will
help you handle it.
</div>
}
/>
<Question
question="We have our own best practices and standards - can we ask Amplication to generate the code in our own flavor?"
Expand Down Expand Up @@ -118,24 +227,22 @@ const PricingFAQ = () => {
}
/>
<Question
question="Will your generated code override my code changes?"
question="How can I customize the generated code, and will the generated code override my changes?"
answer={
<div>
No, we respect your code changes.
<br></br>
Amplication&lsquo;s Smart Git Sync feature ensures that your
custom code always takes precedence over the generated code.
<br></br>
For more details on how this works, please refer to our{' '}
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
documentation.
</a>
.
</div>
}
/>
Expand Down
7 changes: 3 additions & 4 deletions components/Sections/Pricing/PricingPlans/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,14 @@ export const PricingPlans = () => {
},
});
window.location.href = 'https://app.amplication.com/login';
} else if (plan.id === 'plan-amplication-pro') {
} else if (plan.id === 'plan-amplication-essential') {
analytics.event({
action: 'upgradeProClicked',
action: 'upgradeEssentialClicked',
params: {
buttonLocation: 'website-pricing',
},
});
window.location.href = 'https://app.amplication.com/purchase';
window.location.href = `${process.env.NEXT_PUBLIC_PURCHASE_URL}?plan=essential`;
} else {
analytics.event({
action: 'enterpriseContactUsClicked',
Expand All @@ -45,7 +45,6 @@ export const PricingPlans = () => {
startNew: 'Start Now',
upgrade: 'Upgrade Now',
custom: 'Contact Us',
startTrial: (plan) => `Book a Demo`,
},
price: {
free: {
Expand Down
36 changes: 28 additions & 8 deletions styles/stigg-custom-css-backup.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ they are saved here for backup.

.stigg-paywall-container {
--stigg-plan-free-color: #7950ed;
--stigg-plan-essential-color: #20a4f3;
--stigg-plan-enterprise-color: #31c587;
--stigg-plan-background-color: #22273c;
--stigg-plan-border-color: #373d57;
Expand Down Expand Up @@ -42,6 +43,10 @@ they are saved here for backup.
border-top: 10px solid var(--stigg-plan-enterprise-color);
}

.stigg-plan-amplication-essential {
border-top: 10px solid var(--stigg-plan-essential-color);
}

/* Current Plan text */
.stigg-current-plan .stigg-plan-header::before {
display: block;
Expand All @@ -57,12 +62,13 @@ they are saved here for backup.
font-weight: bold;
}

.stigg-plan-amplication-free.stigg-current-plan .stigg-plan-header::before {
color: var(--stigg-plan-free-color);
.stigg-plan-amplication-essential.stigg-current-plan
.stigg-plan-header::before {
color: var(--stigg-plan-essential-color);
}

.stigg-current-plan .stigg-paywall-plan-button {
visibility: hidden;
.stigg-plan-amplication-free.stigg-current-plan .stigg-plan-header::before {
color: var(--stigg-plan-free-color);
}

/* plan header */
Expand Down Expand Up @@ -108,7 +114,7 @@ they are saved here for backup.
text-align: center;
color: white;
font-family: Poppins, sans-serif;
height: 130px;
min-height: 130px;
position: relative;
}

Expand Down Expand Up @@ -191,6 +197,12 @@ they are saved here for backup.
background: var(--stigg-plan-free-color);
}

.stigg-plan-amplication-essential
.stigg-entitlement-row-container
> div:first-child {
background: var(--stigg-plan-essential-color);
}

/* support line item */
.stigg-entitlement-row-container:last-child {
margin: 0 -24px;
Expand Down Expand Up @@ -242,6 +254,15 @@ they are saved here for backup.
opacity: 0.9;
}

.stigg-plan-amplication-essential .stigg-paywall-plan-button {
background-color: var(--stigg-plan-essential-color);
}

.stigg-plan-amplication-essential .stigg-paywall-plan-button:hover {
background-color: var(--stigg-plan-essential-color);
opacity: 0.9;
}

.stigg-paywall-plan-button-text {
color: white;
font-family: Poppins, sans-serif;
Expand All @@ -255,7 +276,6 @@ they are saved here for backup.
.stigg-trial-days-left-text {
color: var(--stigg-plan-enterprise-color);
}
.stigg-plan-amplication-enterprise.stigg-current-plan
.stigg-paywall-plan-button {
visibility: visible;
.stigg-plan-amplication-essential .stigg-trial-days-left-text {
color: var(--stigg-plan-essential-color);
}

0 comments on commit 9dadc7c

Please sign in to comment.