About fonts updated

Author: realstoman

src/components/about/AboutClients.vue

@@ -2,11 +2,11 @@
 	<!-- About page clients section -->
 	<div class="mt-10 sm:mt-20">
 		<p
-			class="text-2xl sm:text-4xl text-primary-dark dark:text-primary-light font-sans font-semibold"
+			class="font-general-medium text-2xl sm:text-3xl text-primary-dark dark:text-primary-light"
 		>
 			{{ clientsHeading }}
 		</p>
-		<div class="grid grid-cols-2 sm:grid-cols-4 mt-10 sm:mt-20 gap-2">
+		<div class="grid grid-cols-2 sm:grid-cols-4 mt-10 sm:mt-14 gap-2">
 			<AboutClientSingle
 				v-for="client in clients"
 				:key="client.id"
@@ -25,7 +25,7 @@ export default {
 	},
 	data: () => {
 		return {
-			clientsHeading: 'Some of the brands I worked with',
+			clientsHeading: 'Some of the brands I have worked with',
 			clients: [
 				{
 					id: 1,

src/components/about/AboutCounter.vue

@@ -2,7 +2,7 @@
 	<div class="mt-10 sm:mt-20 bg-primary-light dark:bg-ternary-dark shadow-sm">
 		<!-- About me counters -->
 		<div
-			class="container mx-auto py-20 block sm:flex sm:justify-between sm:items-center"
+			class="font-general-medium container mx-auto py-20 block sm:flex sm:justify-between sm:items-center"
 		>
 			<!-- About me single counter -->
 			<div class="mb-20 sm:mb-0">

src/components/about/AboutMe.vue

@@ -15,7 +15,7 @@
 			<p
 				v-for="bio in bios"
 				:key="bio.id"
-				class="mb-4 text-ternary-dark dark:text-ternary-light text-lg"
+				class="font-general-medium mb-4 text-ternary-dark dark:text-ternary-light text-lg"
 			>
 				{{ bio.bio }}
 			</p>