Add the Microsoft MVP section

Author: TechWatching

content/0.index.yml

@@ -48,6 +48,16 @@ roles:
       to: https://www.meetup.com/mtg-bordeaux/
       target: _blank
 sections:
+  - title: I'm a Microsoft MVP.
+    description: "In December 2024, I was awarded the Microsoft MVP title in the Microsoft Azure category."
+    id: mvp
+    align: center
+    image:
+      src: mvp-badge.png
+      alt: Microsoft MVP badge.
+      to: https://mvp.microsoft.com/en-US/mvp/profile/b6deecb6-7760-406e-84cb-8206f051f8e5
+      target: _blank
+      width: 300
   - title: I'm a Puluminary.
     description: "Since 2022, I have been part of the Puluminaries community program that recognizes members of the Pulumi community. Pulumi is the technology that made me love Infrastructure as Code and I truly believe that IaC should be:"
     id: puluminary

pages/index.vue

@@ -32,12 +32,12 @@ useSeoMeta({
     </ULandingHero>
 
     <ULandingSection
-:title="page.roles.title" :description="page.roles.description"
-                     :ui="{description: 'text-primary dark:text-primary'}">
+      :title="page.roles.title" :description="page.roles.description"
+      :ui="{description: 'text-primary dark:text-primary'}">
       <UPageGrid>
         <ULandingCard
-v-for="(item, index) in page.roles.items" :key="index" v-bind="item"
-                      :ui="{ icon: { base: 'text-primary dark:text-primary' } }"/>
+          v-for="(item, index) in page.roles.items" :key="index" v-bind="item"
+          :ui="{ icon: { base: 'text-primary dark:text-primary' } }"/>
       </UPageGrid>
     </ULandingSection>
 
@@ -56,7 +56,7 @@ v-for="(item, index) in page.roles.items" :key="index" v-bind="item"
       :features="section.features"
     >
       <NuxtLink v-if="section.image?.src" :to="section.image.to" :target="section.image.target">
-        <NuxtImg :src="section.image.src" sizes="10vw" :alt="section.image.alt" width="600"/>
+        <NuxtImg :src="section.image.src" sizes="10vw" :alt="section.image.alt" class="mx-auto" :width="section.image.width ?? 600"/>
       </NuxtLink>
     </ULandingSection>