Removed unused and old code

app/components/VueSchoolBanner.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="bg-blue-950 backdrop-blur-md hover:cursor-pointer" v-show="open">
+    <div
+      class="plausible-event-name=VueSchoolBanner+click flex h-16 shrink-0 items-center justify-between px-4 text-white"
+      @click="navigate"
+    >
+      <div></div>
+      <div class="hidden lg:block">
+        <img src="/img/vueschool/vueschool.svg" alt="VueSchool Logo" class="h-6" />
+      </div>
+      <div
+        class="hidden bg-gradient-to-r from-amber-400 to-pink-500 bg-clip-text text-lg font-semibold tracking-wide text-transparent sm:inline-block"
+      >
+        New Vue Masterclass
+      </div>
+      <div class="hidden lg:flex lg:gap-x-2">
+        <img src="/img/vueschool/vue-with-hat.svg" alt="VueJS Logo" class="h-6" />
+        <img src="/img/vueschool/pinia.svg" alt="Pinia Logo" class="h-6" />
+        <img src="/img/vueschool/vite.svg" alt="Vite Logo" class="h-6" />
+        <img src="/img/vueschool/vitest.svg" alt="Vitest Logo" class="h-6" />
+      </div>
+      <div class="text-center leading-5">
+        <span
+          class="inline-block bg-gradient-to-r from-emerald-300 to-sky-300 bg-clip-text font-semibold tracking-wide text-transparent"
+        >
+          Vue.js Masterclass 2024 Edition
+        </span>
+        <span class="ml-2 hidden font-semibold sm:inline">LAUNCHED</span>
+        <br />
+        <span class="text-sm text-gray-300 sm:text-base">
+          Code a real world app using the latest Vue.js tech
+        </span>
+      </div>
+      <UButton
+        class="plausible-event-name=VueSchoolBanner+click hidden px-4 font-bold md:inline-flex rounded-full"
+        label="Buy Now"
+        icon="i-tabler-caret-right-filled"
+        variant="solid"
+        trailing
+        @click="navigate"
+      />
+      <UIcon
+        name="i-ph-x"
+        class="size-8 p-2 hover:opacity-80"
+        @click.stop="open = false"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const open = ref(true)
+const affiliateId = "UILIBPIC"
+const fullUrl = computed(
+  () => `https://vueschool.io/the-vuejs-3-master-class?friend=${affiliateId}`
+)
+
+const navigate = () => {
+  window.open(fullUrl.value, "_blank")
+}
+</script>

app/components/common/FooterCopyright.vue

@@ -3,10 +3,10 @@
     <UContainer>
       <div class="flex flex-col items-center gap-4 text-center text-sm text-gray-600 dark:text-gray-400">
         <ClientOnly>
-          <NuxtImg :src="logoSrc" alt="Ali Arghyani logo" width="64" height="64" class="h-12 w-12" format="png"
+          <NuxtImg :src="logoSrc" alt="Mahdium logo" width="64" height="64" class="h-12 w-12" format="png"
             loading="lazy" />
           <template #fallback>
-            <NuxtImg src="/favicon/android-chrome-192x192.png" alt="Ali Arghyani logo" width="64" height="64"
+            <NuxtImg src="/favicon/android-chrome-192x192.png" alt="Mahdium logo" width="64" height="64"
               class="h-12 w-12" format="png" loading="lazy" />
           </template>
         </ClientOnly>

app/components/portfolio/Hero.vue

@@ -81,7 +81,7 @@
             </ClientTooltip>
           </div>
         </div>
-        <div
+        <div v-show="portfolio.profile.avatar"
           class="block mx-auto sm:mx-0 shrink-0 w-24 h-24 sm:w-32 sm:h-32 md:w-40 md:h-40 ring-4 ring-primary-400/50 dark:ring-primary-300/40 rounded-full overflow-hidden">
           <NuxtImg :src="portfolio.profile.avatar || undefined" :alt="portfolio.profile.name"
             sizes="96px sm:128px md:160px" width="160" height="160" class="h-full w-full object-cover" format="webp"

app/components/portfolio/LanguageSkills.vue

@@ -12,7 +12,7 @@
             <p class="text-sm text-gray-600 dark:text-gray-300 max-w-3xl">
               {{ t('languageSection.tagline') }}
             </p>
-            <UBadge
+            <!-- <UBadge
               size="lg"
               color="primary"
               variant="soft"
@@ -25,7 +25,7 @@
               <span>
                 {{ t('languageSection.duolingo.label') }}: {{ t('languageSection.duolingo.value') }}
               </span>
-            </UBadge>
+            </UBadge> -->
           </div>
 
           <div class="grid gap-4 md:grid-cols-2">
@@ -75,11 +75,11 @@ const items = computed(() => [
     description: t('languageSection.items.ielts.desc'),
   },
   {
-    key: 'huawei',
+    key: 'ttc',
     iconType: 'icon' as const,
     icon: 'i-twemoji-globe-with-meridians',
-    title: t('languageSection.items.huawei.title'),
-    description: t('languageSection.items.huawei.desc'),
+    title: t('languageSection.items.ttc.title'),
+    description: t('languageSection.items.ttc.desc'),
   },
 ])
 </script>

app/components/portfolio/RecommendationsCarousel.vue

@@ -1,5 +1,5 @@
 <template>
-  <section ref="sectionEl" class="py-8">
+  <section ref="sectionEl" class="py-8" v-if="recs.length > 0">
     <UContainer>
       <div class="flex flex-wrap items-center gap-3 mb-8">
         <!-- <div

app/components/portfolio/SoftSkills.vue

@@ -29,10 +29,8 @@ type SoftKey =
   | 'problemSolving'
   | 'attentionToDetail'
   | 'teamwork'
-  | 'teamLeadership'
   | 'communication'
   | 'teamPerformance'
-  | 'customerFocus'
   | 'projectManagement'
   | 'adaptability'
 
@@ -42,10 +40,10 @@ const base: { key: SoftKey; icon: string }[] = [
   { key: 'problemSolving', icon: 'i-twemoji-light-bulb' },
   { key: 'attentionToDetail', icon: 'i-twemoji-magnifying-glass-tilted-left' },
   { key: 'teamwork', icon: 'i-twemoji-people-holding-hands' },
-  { key: 'teamLeadership', icon: 'i-twemoji-crown' },
+  // { key: 'teamLeadership', icon: 'i-twemoji-crown' },
   { key: 'communication', icon: 'i-twemoji-speech-balloon' },
   { key: 'teamPerformance', icon: 'i-twemoji-chart-increasing' },
-  { key: 'customerFocus', icon: 'i-twemoji-handshake' },
+  // { key: 'customerFocus', icon: 'i-twemoji-handshake' },
   { key: 'projectManagement', icon: 'i-twemoji-spiral-calendar' },
   { key: 'adaptability', icon: 'i-twemoji-counterclockwise-arrows-button' },
 ]