docs: add more elements, change header element

website/src/components/unleash-academy/Banner.jsx

@@ -4,10 +4,10 @@ const Component = () => {
     return (
         <div className='banner-container'>
             <div className='banner'>
-                <p>
+                <h3>
                     Gain new skills, earn certifications, train your team, and
                     advance your career.
-                </p>
+                </h3>
                 <ul>
                     <li>100% Free & online</li>
                     <li>Valuable certification</li>

website/src/css/custom.css

@@ -321,7 +321,7 @@ html[data-theme='dark'] .links-container  {
         list-style-type: none;
         background-image: url('/img/unleash-academy/bullet-check.svg');
         background-repeat: no-repeat;
-        background-position: left center; /* Adjust as needed */
+        background-position: left center;
         padding-left: 30px;
     }
 
@@ -343,6 +343,20 @@ html[data-theme='dark'] .links-container  {
         text-align: center;
         padding: calc(var(--ifm-spacing-horizontal) * .5);
     }
+
+    h3 {
+        font-weight: normal;
+        font-size: 1.4em;
+    }
+
+    .icon {
+        background-image: url('/img/unleash-academy/academy-logo.svg');
+        background-repeat: no-repeat;
+        background-position: left center;
+        width: 4em;
+        aspect-ratio: 1;
+        background-size: contain;
+    }
 }