From da73a7bba98ad2cb727e95845216a72e9c791b0b Mon Sep 17 00:00:00 2001
From: Nathakit Sae-Tan <nat@pupil-labs.com>
Date: Wed, 17 Apr 2024 15:16:19 +0700
Subject: [PATCH] Update font weights and families in AlphaAboutLayout.vue,
 AlphaPageLayout.vue, and CardLink.vue

---
 components/AlphaAboutLayout.vue |  5 +++--
 components/AlphaPageLayout.vue  |  8 ++++++--
 components/cards/CardLink.vue   | 11 ++++++++---
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/components/AlphaAboutLayout.vue b/components/AlphaAboutLayout.vue
index 27091d009..f2680bfd9 100644
--- a/components/AlphaAboutLayout.vue
+++ b/components/AlphaAboutLayout.vue
@@ -103,6 +103,7 @@
             v-if="fm.hero?.tagline"
             v-for="tagline in fm.hero?.tagline"
             class="text-base text-2 text-padding"
+            style="color: var(--vp-c-text-1)"
           >
             {{ tagline }}
           </p>
@@ -113,11 +114,11 @@
       <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 items-center">
         <div class="order-2 sm:order-1">
           <h1
-            v-if="fm.hero?.title"
+            v-if="fm.content?.title"
             class="text-2xl sm:text-4xl pb-4 md:pb-9 lg:pb-6 font-semibold"
             style="color: var(--vp-c-brand-1)"
           >
-            {{ fm.hero.title }}
+            {{ fm.content.title }}
           </h1>
           <div
             v-if="fm.content?.list"
diff --git a/components/AlphaPageLayout.vue b/components/AlphaPageLayout.vue
index e8af7caea..fab1a5fb2 100644
--- a/components/AlphaPageLayout.vue
+++ b/components/AlphaPageLayout.vue
@@ -49,7 +49,7 @@
     color: white;
     cursor: pointer;
     font-size: 14px;
-    font-weight: medium;
+    font-weight: 500;
     font-family: Inter, "Helvetica Neue", sans-serif;
   }
   .category-chip:hover {
@@ -64,6 +64,10 @@
   .text-link-color:hover {
     color: var(--vp-c-brand-2);
   }
+  a,
+  p {
+    font-family: Inter, "Helvetica Neue", sans-serif;
+  }
 </style>
 
 <template>
@@ -89,7 +93,7 @@
           </p>
           <a
             href="/alpha-lab/about/"
-            class="flex items-center gap-2 text-link-color"
+            class="flex items-center gap-2 text-link-color font-medium text-sm"
             >More about Alpha Lab <ArrowIcon
           /></a>
         </div>
diff --git a/components/cards/CardLink.vue b/components/cards/CardLink.vue
index 658451e55..093b46786 100644
--- a/components/cards/CardLink.vue
+++ b/components/cards/CardLink.vue
@@ -23,7 +23,7 @@
 <style scoped>
   .category-name {
     font-size: 14px;
-    font-weight: medium;
+    font-weight: 500;
     font-family: Inter, "Helvetica Neue", sans-serif;
     color: var(--vp-c-text-3);
   }
@@ -55,8 +55,13 @@
           <div v-if="product.category" class="category-name">
             {{ product.category }}
           </div>
-          <div v-if="product.link" class="flex gap-2 items-center text-sm">
-            <span v-if="product.link.text">{{ product.link.text }}</span>
+          <div
+            v-if="product.link"
+            class="flex gap-2 items-center text-sm font-medium"
+          >
+            <span v-if="product.link.text" class="font-medium">{{
+              product.link.text
+            }}</span>
             <ArrowIcon />
           </div>
         </div>