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. +

+ +
+ Get certified +
+
+ ); +}; + +export default Component;