From cba57dfd0110e122a874301d6f7e7c6535557277 Mon Sep 17 00:00:00 2001
From: thisisobate <obasiuche62@gmail.com>
Date: Tue, 8 Nov 2022 21:59:43 +0100
Subject: [PATCH] Feat: add training section to backstage.io

Signed-off-by: thisisobate <obasiuche62@gmail.com>
---
 microsite/pages/en/community.js | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 0580ec045a..63d5e04d20 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -149,7 +149,7 @@ const Background = props => {
         </Block.Container>
       </Block>
 
-      <Block className="stripe-top bg-black">
+      <Block className="stripe-top bg-teal-bottom">
         <Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
           <Block.TextBox wide>
             <Block.Subtitle>Community initiatives</Block.Subtitle>
@@ -183,6 +183,29 @@ const Background = props => {
         </Block.Container>
       </Block>
 
+      <Block className="stripe-top stripe-bottom">
+        <Block.Container style={{ flexFlow: 'column nowrap' }}>
+          <Block.TextBox wide>
+            <Block.Subtitle>Trainings and Certifications</Block.Subtitle>
+          </Block.TextBox>
+
+          <Block.Container>
+            <Block.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
+              <Block.Container column>
+                <BulletLine />
+                <Block.SmallTitle small>Introduction to Backstage: Developer Portals Made Easy (LFS142x)</Block.SmallTitle>
+                <Block.Paragraph>
+                  This is a course produced and curated by the Linux Foundation. This course introduces you to Backstage and how to get started with the project. 
+                </Block.Paragraph>
+              </Block.Container>
+              <Block.LinkButton href="https://training.linuxfoundation.org/training/introduction-to-backstage-developer-portals-made-easy-lfs142x/">
+              Learn more
+              </Block.LinkButton>
+            </Block.TextBox>
+          </Block.Container>
+        </Block.Container>
+      </Block>
+
       <Block className="stripe-top bg-black-grey">
         <Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
           <Block.TextBox wide>