diff --git a/website/src/components/unleash-academy/Banner.jsx b/website/src/components/unleash-academy/Banner.jsx
new file mode 100644
index 0000000000..621bb3d1b2
--- /dev/null
+++ b/website/src/components/unleash-academy/Banner.jsx
@@ -0,0 +1,58 @@
+import React from 'react';
+
+const LinkBox = ({ level, header, description, link }) => {
+ return (
+
+
+ {level}
+
{header}
+
+ {description}
+ Start learning
+
+ );
+};
+
+const links = [
+ {
+ level: 'Beginners',
+ header: 'Foundational',
+ description:
+ 'For all roles working with Unleash - Developers, Product owners, Leaders',
+ link: 'https://docs.google.com/forms/d/1iPUk2I0k5xMzicn9aLMcPF3b9ub3ZwdVjRxCxWxV7js/viewform',
+ },
+ {
+ level: 'Advanced',
+ header: 'Advanced for Developers',
+ description:
+ 'For Developers only, after Foundational content has been reviewed',
+ link: 'https://docs.google.com/forms/d/1NUL9hyO8Ys916TB6fPV3-jkvD97OmPXZ8_TO84Wjqgc/viewform',
+ },
+ {
+ level: 'Advanced',
+ header: 'Managing Unleash for DevOps/Admins',
+ description:
+ 'For DevOps, Platform leads and Admins only after Foundational content has been reviewed',
+ link: 'https://docs.google.com/forms/d/1JlIqmXI3P7dj0n-OiUs2IYsYXgmqw23BChaemlSgHJA/viewform',
+ },
+];
+
+const Component = () => {
+ return (
+
+
+
+Gain new skills, earn certifications, train your team, and advance your career.
+
+
+ - 100% Free & online
+ - Valuable certification
+
+
+
Get certified
+
+
+ );
+};
+
+export default Component;