From 87eda1f83160956b68920f8f00805cf0be625867 Mon Sep 17 00:00:00 2001 From: Yuval Hazaz Date: Tue, 28 Jan 2025 08:55:17 +0200 Subject: [PATCH] Feat/idp integration (#500) * update meetings URL * feat:add idp integration section --- components/Header/Menu/menu-items.js | 6 --- .../Enterprise/IntegrateWithIdp/index.jsx | 43 +++++++++++++++++++ pages/index.js | 13 ++++-- public/images/idp/backstage.svg | 10 +++++ public/images/idp/port.svg | 14 ++++++ 5 files changed, 77 insertions(+), 9 deletions(-) create mode 100644 components/Sections/Enterprise/IntegrateWithIdp/index.jsx create mode 100644 public/images/idp/backstage.svg create mode 100644 public/images/idp/port.svg diff --git a/components/Header/Menu/menu-items.js b/components/Header/Menu/menu-items.js index 5ce685cc..cab2b327 100644 --- a/components/Header/Menu/menu-items.js +++ b/components/Header/Menu/menu-items.js @@ -68,12 +68,6 @@ const PRODUCTS_ITEMS_1 = [ url: '/build-api-on-existing-db', description: 'Head start development using existing DB', }, - { - title: 'Break the monolith', - image: IconBTM, - url: '/break-the-monolith', - description: 'Shift to microservices seamlessly', - }, { title: 'Modernize applications', image: IconModernize, diff --git a/components/Sections/Enterprise/IntegrateWithIdp/index.jsx b/components/Sections/Enterprise/IntegrateWithIdp/index.jsx new file mode 100644 index 00000000..880a49b9 --- /dev/null +++ b/components/Sections/Enterprise/IntegrateWithIdp/index.jsx @@ -0,0 +1,43 @@ +import Image from 'next/image'; +import PropTypes from 'prop-types'; +import WidePanelWithImage from '../../../Common/WidePanelWithImage'; + +import ImgBackstage from '../../../../public/images/idp/backstage.svg'; +import ImgPort from '../../../../public/images/idp/port.svg'; + +const TITLE = 'Seamlessly Integrate with Your Portal'; +const CONTENT = `Amplication can integrate with your internal developer portal, including + leading platforms like Backstage, Port + , and many others. Ensure smooth collaboration and a unified developer + experience by connecting Amplication to your developer's portal.`; + +const IntegrateWithIdp = ({ classes }) => { + return ( + <> + +
+
+ Backstage +
+
+ Port +
+
+ + ); +}; + +IntegrateWithIdp.propTypes = { + classes: PropTypes.string, +}; + +IntegrateWithIdp.defaultProps = { + classes: '', +}; + +export default IntegrateWithIdp; diff --git a/pages/index.js b/pages/index.js index 3a05ff59..512b2e3d 100644 --- a/pages/index.js +++ b/pages/index.js @@ -4,6 +4,7 @@ import Soc2Banner from '../components/Common/SOC2'; import Facts from '../components/Sections/Enterprise/Facts'; import HeroBlock from '../components/Sections/Enterprise/HeroBlock'; import Slider from '../components/Sections/Enterprise/Slider'; +import IntegrateWithIdp from '../components/Sections/Enterprise/IntegrateWithIdp'; import GetList from '../components/Sections/MainPage/GetList'; import { MainLayout } from '../layouts'; import CardsList from '../components/Common/CardsList'; @@ -14,6 +15,7 @@ import IconCollab from '../public/images/icons/icon-10.svg'; + import TestimonialsSlider from '../components/Sections/Enterprise/Testimonials/testimonials-slider'; import Steps from '../components/Sections/MainPage/StepsPlatform'; @@ -70,9 +72,14 @@ const Home = () => { - {/* - - */} + + + + + + + + diff --git a/public/images/idp/backstage.svg b/public/images/idp/backstage.svg new file mode 100644 index 00000000..90917b50 --- /dev/null +++ b/public/images/idp/backstage.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/images/idp/port.svg b/public/images/idp/port.svg new file mode 100644 index 00000000..9506d120 --- /dev/null +++ b/public/images/idp/port.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + +