diff --git a/components/Header/Menu/menu-items.js b/components/Header/Menu/menu-items.js index 410a4141..a12d5c56 100644 --- a/components/Header/Menu/menu-items.js +++ b/components/Header/Menu/menu-items.js @@ -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, @@ -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, @@ -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', @@ -109,10 +118,7 @@ const PRODUCT_MENU_ITEMS = [ title: 'Products', menuItems: PRODUCTS_ITEMS_1, }, - { - title: ' ', - menuItems: PRODUCTS_ITEMS_2, - } + ] @@ -125,6 +131,13 @@ const CUSTOMERS_MENU_ITEMS = [ } ] +const PLATFORM_MENU_ITEMS = [ + { + menuItems: PLATFORM_MENU_ITEMS_1, + }, + +] + @@ -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', @@ -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] }, { diff --git a/components/Sections/Pricing/HeroBlock/index.jsx b/components/Sections/Pricing/HeroBlock/index.jsx index fc39b013..9bfe4094 100644 --- a/components/Sections/Pricing/HeroBlock/index.jsx +++ b/components/Sections/Pricing/HeroBlock/index.jsx @@ -4,7 +4,7 @@ const HeroBlock = () => {

- Accelerate your backend development. + Boost your platform engineering
Start FREE

diff --git a/components/Sections/Pricing/PricingFAQ/index.jsx b/components/Sections/Pricing/PricingFAQ/index.jsx index 07cbb63f..0cd5655f 100644 --- a/components/Sections/Pricing/PricingFAQ/index.jsx +++ b/components/Sections/Pricing/PricingFAQ/index.jsx @@ -59,23 +59,11 @@ const PricingFAQ = () => {
Free Plan:
- 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's - perfect for getting started without any cost. -

- -
  • -

    -
    - Essential Plan: -
    - 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.

  • @@ -83,17 +71,16 @@ const PricingFAQ = () => {
    Enterprise Plan:
    - 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.{' '} { className="text-secondary-purple" target="_blank" > - contact us directly + Contact us for a personalized quote . @@ -114,135 +101,80 @@ const PricingFAQ = () => { } /> - Our pricing plans are applied per each workspace individually. The - Free plan is offered for FREE. 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.{' '} - - - Contact us to get a quote - - - . + Absolutely! Amplication allows you to customize code generation to + match your organization's unique best practices and + standards. You can use private plugins to extend + Amplication'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's flavor and development preferences.
  • } /> - - - 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. } /> - Yes, Amplication'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. } /> - - 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. } /> - 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's ECS. + You can also create a custom plugin for other cloud providers. } /> - Amplication offers a structured way to{' '} - - add custom code - {' '} - and modify your generated code. -
    - We also provide various{' '} - - plugins - - , like Prettier and ESLint, so you can format your code exactly - how you need it. -
    - Furthermore, you can create{' '} - - private plugins - {' '} - that are accessible only within your organization. + You can customize the generated code, and Amplication's Smart + Git Sync ensures your custom code takes precedence over the + generated code, so your changes won't be overridden. } /> - 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{' '} - - documentation. - + Yes, the Enterprise plan includes support for Single Sign-On + (SSO), audit logs, and Two-Factor Authentication (2FA). } /> diff --git a/components/Sections/Pricing/PricingPlans/index.jsx b/components/Sections/Pricing/PricingPlans/index.jsx index c4f39a59..cddc34bd 100644 --- a/components/Sections/Pricing/PricingPlans/index.jsx +++ b/components/Sections/Pricing/PricingPlans/index.jsx @@ -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', }, }} diff --git a/pages/extend-with-plugins.js b/pages/extend-with-plugins.js new file mode 100644 index 00000000..c51df9b0 --- /dev/null +++ b/pages/extend-with-plugins.js @@ -0,0 +1,201 @@ +import { NextSeo } from 'next-seo'; +import { MainLayout } from '../layouts'; +import PageSection from '../components/Common/PageSection'; +import CardsList from '../components/Common/CardsList'; +import Slider from '../components/Sections/Enterprise/Slider'; +import WidePanelWithImage from '../components/Common/WidePanelWithImage'; + + +import ImageHero from '../public/images/product/image-plugins-hero.svg'; + +import IconPlugin from '../public/images/icons/icon-plugin.svg'; +import IconConsole from '../public/images/icons/icon-console.svg'; +import IconPluginSystem from '../public/images/icons/icon-plugin-system.svg'; + +import ImageExtend from '../public/images/product/image-jovu-describe.svg'; +import ImagePluginCategory from '../public/images/product/image-plugin-category.svg'; +import ImageCatalog from '../public/images/product/image-catalog.svg'; + + +import StartNow from '../components/Sections/Enterprise/StartNow'; +import PageHero from '../components/Common/PageHero'; +import Image from 'next/image'; + +const cards = [ + { + title: 'Rich plugins catalog', + subTitle: + "Use plugins from our catalog to connect with a wide array of third-party services, including popular cloud providers, security tools, and CI/CD pipelines.", + icon: IconPlugin, + }, + { + title: 'Build your own plugins', + subTitle: + "Easily build internal plugins that integrate seamlessly with your home grown tech, internal tools and processes.", + icon: IconPluginSystem, + }, + { + title: 'Bespoke solutions', + subTitle: "Build bespoke live templates for your backend services, tailor-made to meet the unique needs of your organization.", + icon: IconConsole, + }, + +]; + +const features = [ + + { + title: 'Your Integrations. Your Standards. Your Best Practices. ', + // image: ImageDescribe, + secondaryBtn: { + title: 'Learn More', + href: 'https://docs.amplication.com/platform-console/#platform-console-templates', + }, + primaryBtn: undefined, + + content: + "Our rich plugin catalog offers ready-to-use integrations and building blocks to enhance your development process. With private plugins you can incorporate your organization’s best practices and standards, enabling tailored solutions that meet your specific needs.", + fullWidth: true, + }, + { + title: 'Rapid plugin development ', + image: ImageExtend, + primaryBtn: { + title: 'Learn More', + href: 'https://docs.amplication.com/plugins/how-to-create-plugin/', + }, + secondaryBtn: undefined, + content: + "Quickly develop and seamlessly manage your plugins using our comprehensive guides and documentation. Provide your engineering teams with essential building blocks and standards to keep your services consistently up-to-date." + }, + { + title: 'Rich out-of-the-box plugin catalog', + image: ImagePluginCategory, + secondaryBtn: { + title: 'Plugin Catalog', + href: './plugins', + }, + primaryBtn: undefined, + content: + "Connect seamlessly with a wide array of 3rd party technologies including service communication, secret management, Auth providers, databases, caching, CI/CD pipelines and more. Our catalog also includes ready-made building blocks for generating additional resources such as Helm charts, Terraform configuration files, Github Actions definitions, and more." + }, + { + title: 'Custom live templates', + image: ImageCatalog, + secondaryBtn: { + title: 'Get a Demo', + href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL, + }, + primaryBtn: undefined, + content: + "Leverage private plugins to create live templates that embed your organization's best practices, standards, and unique requirements. These templates streamline the development process, ensuring consistency and efficiency across all projects." + }, + + + +] + +const ExtendWithPluginsPage = () => { + return ( + <> + + +
    + + + Customize Your Development with Amplication’s Plugins + + } + subTitle={''} + subText={ + "Build your own plugins to integrate internal tools and processes seamlessly. Create bespoke live templates with custom functionalities tailored precisely to your organizational standards and best practices." + } + mainButton={{ + text: 'Book a Demo', + href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL, + eventName: 'bookDemoClicked', + eventParams: { + buttonLocation: 'hero-extend-with-plugins', + }, + }} + secondaryButton={{ + text: 'Free Trial', + href: 'https://app.amplication.com/login', + eventName: 'startNowClicked', + eventParams: { + buttonLocation: 'hero-extend-with-plugins', + }, + }} + imageNode={ + {"Amplication's + } + /> + + + + + +

    + Unlock unlimited customization with Amplication’s plugins

    + +
    + {features.map((feature, i) => + ( + + ) + )} +
    +
    + + + + + +
    + + ); +}; +ExtendWithPluginsPage.getLayout = function getLayout(page) { + return ( + + {page} + + ); +}; +export default ExtendWithPluginsPage; diff --git a/public/images/icons/icon-console.svg b/public/images/icons/icon-console.svg new file mode 100644 index 00000000..1bb42bd0 --- /dev/null +++ b/public/images/icons/icon-console.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/icons/icon-plugin-system.svg b/public/images/icons/icon-plugin-system.svg new file mode 100644 index 00000000..73310a97 --- /dev/null +++ b/public/images/icons/icon-plugin-system.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/images/icons/icon-plugin.svg b/public/images/icons/icon-plugin.svg new file mode 100644 index 00000000..c15fdf3e --- /dev/null +++ b/public/images/icons/icon-plugin.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/images/product/image-catalog.svg b/public/images/product/image-catalog.svg new file mode 100644 index 00000000..0414cfb0 --- /dev/null +++ b/public/images/product/image-catalog.svg @@ -0,0 +1 @@ +CatalogSync With GitCommitsCode ViewPending ChangesSettings6 ResourcesView TemplatesAdd ResourceTypeNameCode GeneratorRepositoryLast BuildCode Gen VersionTempalteActionsOrder v4.0.0Node with RESTmy-org/travel-corp3 days agoFlight my-org/travel-corpv4.1.0Node with REST4 weeks agoBooking my-org/travel-corp13 minutes agov3.3.0.NET StarterBooking-logsmy-org/travel-corp13 minutes agov4.1.0Node with GQLCustomersmy-org/travel-corpv4.0.0.NET Starter2 days agoOrder Servicemy-org/travel-corp4 weeks agov2.1.2Node with RESTdelete-customermy-org/travel-corp4 weeks agov2.1.2.NET StarterNotificationsmy-org/travel-corp4 weeks agov2.1.2.NET StarterPanding ChangesChanges is this serviceSettingUProject SettingsChanges in other servicesService 1UOrderUOrderCTopic 2CTopic 212 day agoService 2Month agoService 2CTopic 2 \ No newline at end of file diff --git a/public/images/product/image-plugin-category.svg b/public/images/product/image-plugin-category.svg new file mode 100644 index 00000000..62a5aa2d --- /dev/null +++ b/public/images/product/image-plugin-category.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/product/image-plugins-hero.svg b/public/images/product/image-plugins-hero.svg new file mode 100644 index 00000000..59764a29 --- /dev/null +++ b/public/images/product/image-plugins-hero.svg @@ -0,0 +1 @@ +All PluginsInstalled PluginsCategoriesDatabaseDevExCI/CDAWSSecret managementSecurityStorageDocumentationKubernetesAIPlugins CatalogExtend and customize your services by using plugins for various technologies and integrations.Basic Auth ProviderAdd basic (username-password) authentication and authorization to your service. This plugin must be installed with the “NestJS Auth Module” plugin.View on GitHubPostgreSQL DBUse a PostgreSQL database in the service generated by AmplicationView on GitHubRedis CacheUse a Redis cache in the service generated by Amplication.View on GitHubKafkaUse a Kafka message broker to communicate between your servicesView on GitHubGitHub Actions \ No newline at end of file