refactor(ui): better font weight, icon hover states, etc

components/landing/CTA.vue

@@ -19,9 +19,7 @@
     >
       <i class="text-accent text-3xl material-icons">{{ cta.icon }}</i>
       <div class="flex-grow">
-        <h2
-          class="font-semibold mt-4 text-lg text-secondaryDark mb-2 transition"
-        >
+        <h2 class="mt-4 text-lg text-secondaryDark mb-2 transition">
           {{ cta.title }}
         </h2>
         <p>

components/landing/Features.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="flex flex-col p-4">
     <div class="flex flex-col items-center">
-      <p class="font-semibold my-4 text-center text-accent tracking-widest">
-        FEATURES
-      </p>
+      <p class="my-4 text-center text-accent tracking-widest">FEATURES</p>
     </div>
     <div class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
       <div
@@ -13,15 +11,7 @@
       >
         <i class="text-accent text-4xl material-icons">{{ feature.icon }}</i>
         <div class="flex-grow">
-          <h2
-            class="
-              font-semibold
-              mt-4
-              text-lg text-secondaryDark
-              mb-2
-              transition
-            "
-          >
+          <h2 class="mt-4 text-lg text-secondaryDark mb-2 transition">
             {{ feature.title }}
           </h2>
           <p>

components/landing/Footer.vue

@@ -2,7 +2,7 @@
   <footer class="flex flex-col p-6">
     <nav class="grid gap-4 grid-cols-2 md:grid-cols-4">
       <div class="flex flex-col space-y-2">
-        <h4 class="font-semibold my-2">Hoppscotch</h4>
+        <h4 class="my-2">Hoppscotch</h4>
         <ul class="space-y-4">
           <li>
             <SmartChangeLanguage />
@@ -13,7 +13,7 @@
         </ul>
       </div>
       <div class="flex flex-col space-y-2">
-        <h4 class="font-semibold my-2">Solutions</h4>
+        <h4 class="my-2">Solutions</h4>
         <ul class="space-y-2">
           <li
             v-for="(item, index) in navigation.solutions"
@@ -28,7 +28,7 @@
         </ul>
       </div>
       <div class="flex flex-col space-y-2">
-        <h4 class="font-semibold my-2">Platform</h4>
+        <h4 class="my-2">Platform</h4>
         <ul class="space-y-2">
           <li
             v-for="(item, index) in navigation.platform"
@@ -43,7 +43,7 @@
         </ul>
       </div>
       <div class="flex flex-col space-y-2">
-        <h4 class="font-semibold my-2">Company</h4>
+        <h4 class="my-2">Company</h4>
         <ul class="space-y-2">
           <li
             v-for="(item, index) in navigation.company"

components/landing/Hero.vue

@@ -3,7 +3,6 @@
     <div class="flex flex-col mt-16 items-center justify-center">
       <h2
         class="
-          font-extrabold
           text-accent text-center
           leading-none
           tracking-tighter
@@ -16,7 +15,6 @@
       </h2>
       <h3
         class="
-          font-extrabold
           my-4
           text-center text-secondaryDark
           leading-none

components/landing/Stats.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="flex font-mono space-x-16 p-6">
+  <div class="flex space-x-16 p-6">
     <div v-for="(stat, index) in stats" :key="`stat-${index}`">
-      <span class="font-bold text-xl">
+      <span class="text-xl">
         {{ stat.count }}<span class="text-secondaryLight">+</span>
       </span>
       <br />

components/landing/Users.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="bg-primaryLight rounded flex flex-col mx-6 p-4">
     <div class="flex flex-col items-center">
-      <p class="font-semibold my-4 text-center tracking-widest">
-        EMPOWERING DEVELOPERS FROM
-      </p>
+      <p class="my-4 text-center tracking-widest">EMPOWERING DEVELOPERS FROM</p>
     </div>
     <div class="grid gap-4 grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
       <div