style: update hero section in documentation to replace image with styled text for improved branding

Author: geromegrignon

src/content/docs/de/index.mdx

@@ -5,7 +5,10 @@ template: splash
 hero:
   title: |
     Start learning
-    <img src="./extended-angular-logo.png" alt="Extended Angular" class="h-30" />
+    <span
+      class="text-7xl text-[var(--sl-color-accent)] uppercase font-bold">
+      Angular
+    </span>
   tagline: Discover Angular with our community tutorial
   image:
     file: /public/angular-logo.png

src/content/docs/en/index.mdx

@@ -5,7 +5,10 @@ template: splash
 hero:
   title: |
     Start learning
-    <img src="./extended-angular-logo.png" alt="Extended Angular" class="h-30" />
+    <span
+      class="text-7xl text-[var(--sl-color-accent)] uppercase font-bold">
+      Angular
+    </span>
   tagline: Discover Angular with our community tutorial
   image:
     file: /public/angular-logo.png

src/content/docs/fr/index.mdx

@@ -5,7 +5,10 @@ template: splash
 hero:
   title: |
     Start learning
-    <img src="./extended-angular-logo.png" alt="Extended Angular" class="h-30" />
+    <span
+      class="text-7xl text-[var(--sl-color-accent)] uppercase font-bold">
+      Angular
+    </span>
   tagline: Discover Angular with our community tutorial
   image:
     file: /public/angular-logo.png

src/content/docs/index.mdx

@@ -5,7 +5,10 @@ template: splash
 hero:
   title: |
     Start learning
-    <img src="./extended-angular-logo.png" alt="Extended Angular" class="h-30" />
+    <span
+      class="text-7xl text-[var(--sl-color-accent)] uppercase font-bold">
+      Angular
+    </span>
   tagline: Discover Angular with our community tutorial
   image:
     file: /public/angular-logo.png