From e51f8bfa65fc09eff9da11f82272ee5478756731 Mon Sep 17 00:00:00 2001 From: Yuval Hazaz Date: Tue, 19 Nov 2024 16:25:45 +0200 Subject: [PATCH] platform page (#497) --- components/Header/Menu/menu-items.js | 7 +- pages/live-templates.js | 10 +- pages/platform-engineering.js | 219 ++++++++++++++++++ public/images/product/image-catalog.svg | 2 +- .../images/product/image-tech-debt-view.svg | 1 + public/images/product/image-templates.svg | 1 + 6 files changed, 232 insertions(+), 8 deletions(-) create mode 100644 pages/platform-engineering.js create mode 100644 public/images/product/image-tech-debt-view.svg create mode 100644 public/images/product/image-templates.svg diff --git a/components/Header/Menu/menu-items.js b/components/Header/Menu/menu-items.js index a12d5c56..4bf8c535 100644 --- a/components/Header/Menu/menu-items.js +++ b/components/Header/Menu/menu-items.js @@ -50,6 +50,12 @@ const PLATFORM_MENU_ITEMS_1 = [ ]; const PRODUCTS_ITEMS_1 = [ + { + title: 'Enhance platform engineering', + image: IconBuildNew, + url: '/platform-engineering', + description: 'Scaffolding, Golden Paths, standardization, maintenance', + }, { title: 'Build new services', image: IconBuildNew, @@ -115,7 +121,6 @@ const CUSTOMERS_ITEMS_2 = [ const PRODUCT_MENU_ITEMS = [ { - title: 'Products', menuItems: PRODUCTS_ITEMS_1, }, diff --git a/pages/live-templates.js b/pages/live-templates.js index 1adbca0a..44906193 100644 --- a/pages/live-templates.js +++ b/pages/live-templates.js @@ -12,16 +12,14 @@ import IconDev from '../public/images/icons/icon-development.svg'; import IconDeploy from '../public/images/icons/icon-deploy.svg'; import IconCloud from '../public/images/icons/icon-cloud.svg'; -import ImageDescribe from '../public/images/product/image-jovu-describe.svg'; +import ImageTemplates from '../public/images/product/image-templates.svg'; import ImageExtend from '../public/images/product/image-jovu-extend.svg'; -import ImageOwn from '../public/images/product/image-jovu-own.png'; -import ImageDeploy from '../public/images/product/image-jovu-deploy.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'; -import TestimonialsSlider from '../components/Sections/Enterprise/Testimonials/testimonials-slider'; const cards = [ { @@ -48,7 +46,7 @@ const features = [ { title: 'Tailor-made Live Templates', - image: ImageDescribe, + image: ImageTemplates, secondaryBtn: { title: 'Learn More', href: 'https://docs.amplication.com/platform-console/#platform-console-templates', @@ -70,7 +68,7 @@ const features = [ }, { title: 'Accelerate with self-serve ', - image: ImageOwn, + image: ImageCatalog, secondaryBtn: { title: 'Try Free', href: 'https://app.amplication.com/', diff --git a/pages/platform-engineering.js b/pages/platform-engineering.js new file mode 100644 index 00000000..e1f7e1c0 --- /dev/null +++ b/pages/platform-engineering.js @@ -0,0 +1,219 @@ +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-tech-debt.svg'; + +import ImageTemplates from '../public/images/product/image-templates.svg'; +import ImageCatalog from '../public/images/product/image-catalog.svg'; +import IconDev from '../public/images/icons/icon-development.svg'; +import IconDeploy from '../public/images/icons/icon-deploy.svg'; +import IconCloud from '../public/images/icons/icon-cloud.svg'; + +import ImageDescribe from '../public/images/product/image-jovu-describe.svg'; +import ImageExtend from '../public/images/product/image-jovu-extend.svg'; +import ImageOwn from '../public/images/product/image-jovu-own.png'; +import ImageTechDebtView from '../public/images/product/image-tech-debt-view.svg'; + + +import StartNow from '../components/Sections/Enterprise/StartNow'; +import PageHero from '../components/Common/PageHero'; +import Image from 'next/image'; +import TestimonialsSlider from '../components/Sections/Enterprise/Testimonials/testimonials-slider'; + +const cards = [ + { + title: 'Accelerated time-to-code', + subTitle: + "Spin up new services in no time with automated scaffolding and AI-powered code generation.", + icon: IconDev, + }, + { + title: 'Developer autonomy ', + subTitle: + "Set the Golden Paths for your engineering teams to accelerate delivery, onboard new teammates faster via self-service, and prevent drift.", + icon: IconCloud, + }, + { + title: 'Increased efficiency', + subTitle: "Automatically sync updates across projects and reduce tech debt. Your entire portfolio stays modern without manual intervention.", + icon: IconDeploy, + }, + +]; + +const mainFeature = { + title: 'Direct tools for direct results: scaffolding, Golden Paths, standardization, self-service, and maintenance- simplified.', + secondaryBtn: undefined, + primaryBtn: undefined, + content: + "Amplication equips platform teams with straightforward, powerful tools to speed up development, standardize processes, and maintain services up-to-date, all while reducing cognitive load and technical debt. " +} + +const features = [ + + { + title: 'Efficient scaffolding', + image: ImageTemplates, + secondaryBtn: { + title: 'Learn More', + href: 'https://docs.amplication.com/platform-console/#platform-console-templates', + }, + primaryBtn: undefined, + content: + "Speed up your way to production with auto- generation of all the infrastructure code. Create live templates, with your standards and best practices built-in, that handle the initial heavy lifting, ensuring a consistent start for every project." + }, + { + title: 'Golden Paths ', + image: ImageExtend, + primaryBtn: { + title: 'Talk to Expert', + href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL, + }, + secondaryBtn: undefined, + content: + "Define clear, optimized paths that standardize development processes, making it easier to onboard new engineers and accelerate project timelines. Ensure every developer follows the same set of best practices, reducing errors and aligning outputs." + }, + { + title: 'Self-serve developer tooling', + image: ImageCatalog, + secondaryBtn: { + title: 'Try Free', + href: 'https://app.amplication.com/', + }, + primaryBtn: undefined, + content: + "Equip developers with comprehensive service catalog, a rich library of pre-approved templates and components to chose from, reducing dependencies between the teams and boosting efficiency. " + }, + { + title: 'Reduced technical debt', + image: ImageTechDebtView, + secondaryBtn: { + title: 'Try Free', + href: 'https://app.amplication.com/', + }, + primaryBtn: undefined, + content: + "Automatically update your live templates and applications to reflect the latest organizational standards. Reduce the time and resources spent on manual updates, allowing your team to focus on innovation." + }, + + + +] + +const PlatformEngineeringPage = () => { + return ( + <> + + +
+ + + Boost Your Platform Engineering with Amplication + + } + subTitle={''} + subText={ + "Empower devs to build better products faster. Streamline workflows and improve efficiency, simplifying the complexities of modern software development." + } + mainButton={{ + text: 'Book a Demo', + href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL, + eventName: 'bookDemoClicked', + eventParams: { + buttonLocation: 'hero-live-templates', + }, + }} + secondaryButton={{ + text: 'Free Trial', + href: 'https://app.amplication.com/login', + eventName: 'startNowClicked', + eventParams: { + buttonLocation: 'hero-live-templates', + }, + }} + imageNode={ + {"Amplication's + } + /> + + + + + + + + +
+ {features.map((feature, i) => + ( + + ) + )} +
+ + + + + + +
+ + ); +}; +PlatformEngineeringPage.getLayout = function getLayout(page) { + return ( + + {page} + + ); +}; +export default PlatformEngineeringPage; diff --git a/public/images/product/image-catalog.svg b/public/images/product/image-catalog.svg index 0414cfb0..6f010f94 100644 --- a/public/images/product/image-catalog.svg +++ b/public/images/product/image-catalog.svg @@ -1 +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 +CatalogSync With GitCommitsCode ViewPending ChangesSettings6 ResourcesView TemplatesAdd ResourceTypeNameDomainRepositoryLast BuildCode Gen VersionTempalteActionsOrder v4.0.0Node with RESTmy-org/travel-corp3 days agoBillingFlight my-org/travel-corpv4.1.0Node with REST4 weeks agoOperationBooking my-org/travel-corp13 minutes agov3.3.0PhytonOperationBooking-logsmy-org/travel-corp13 minutes agov4.1.0Spring BootPlatformCustomersmy-org/travel-corpv4.0.0.NET Starter2 days agoCustomers \ No newline at end of file diff --git a/public/images/product/image-tech-debt-view.svg b/public/images/product/image-tech-debt-view.svg new file mode 100644 index 00000000..6e2c99c3 --- /dev/null +++ b/public/images/product/image-tech-debt-view.svg @@ -0,0 +1 @@ + /Platform ConsoleMy OrganizationThe Travel Corp/TemplatesPrivate PluginsTech DebtPublishStatusAlltypeAllTypeNameTypeOutdated VersionLatest VersionStatusOrder ServiceTemplatev1.0.0v2.0.0ResolvedFlight ServiceTemplatev1.1.2v2.0.0Update availableBooking ServicePluginv0.0.6v1.0.0Update availableBooking ServiceCode Enginev3.3.0v3.3.1ResolvedCustomer ServiceCode Enginev4.0.6v4.0.7ResolvedOrder ServicePluginv1.0.0v1.0.1Ignored \ No newline at end of file diff --git a/public/images/product/image-templates.svg b/public/images/product/image-templates.svg new file mode 100644 index 00000000..1339e3b3 --- /dev/null +++ b/public/images/product/image-templates.svg @@ -0,0 +1 @@ +TemplatesOrganization PluginsTech DebtPlatform ChangesPublishSettings26 TemplatesTypeNamePending ChangesLast BuildTemplate Version.NET Core Starterv5.1.13 changes3 days agoServerless REST Javav0.2.0no changes2 days agoSpring Bootv0.2.12 changes7 weeks agoGCP Deploymentv2.3.031 changes2 days agoAWS ECSv4.1.012 changestodayPython Web Appv1.0.13 changestoday \ No newline at end of file