Components bp for about components

Author: realstoman

src/components/about/Clients.vue renamed to src/components/AboutClients.vue

@@ -8,56 +8,56 @@
 		<div class="grid grid-cols-2 sm:grid-cols-4 mt-10 sm:mt-20 gap-2">
 			<div>
 				<img
-					src="../../assets/images/brands/amazon_gray.png"
+					src="@/assets/images/brands/amazon_gray.png"
 					alt="Amazon"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/sony_gray.png"
+					src="@/assets/images/brands/sony_gray.png"
 					alt="SONY"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/adidas_gray.png"
+					src="@/assets/images/brands/adidas_gray.png"
 					alt="Adidas"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/fila_gray.png"
+					src="@/assets/images/brands/fila_gray.png"
 					alt="FILA"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/nb_gray.png"
+					src="@/assets/images/brands/nb_gray.png"
 					alt="NB"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/samsung_gray.png"
+					src="@/assets/images/brands/samsung_gray.png"
 					alt="Samsung"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/canon_gray.png"
+					src="@/assets/images/brands/canon_gray.png"
 					alt="Canon"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/brands/puma_gray.png"
+					src="@/assets/images/brands/puma_gray.png"
 					alt="Puma"
 					class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
 				/>

src/components/about/AboutCounter.vue renamed to src/components/AboutCounter.vue

@@ -3,7 +3,7 @@
 		<!-- About me portfolio image start -->
 		<div class="w-full sm:w-1/4 mb-7 sm:mb-0">
 			<img
-				src="../../assets/images/profile.jpeg"
+				src="@/assets/images/profile.jpeg"
 				class="rounded-xl w-96"
 				alt=""
 			/>

src/components/about/AboutMe.vue renamed to src/components/AboutMe.vue

@@ -12,24 +12,24 @@
 
 		<div class="container mx-auto">
 			<!-- About counter start -->
-			<Clients />
+			<AboutClients />
 			<!-- About counter end -->
 		</div>
 	</div>
 </template>
 
 <script>
-import AboutMe from '@/components/about/AboutMe';
-import AboutCounter from '@/components/about/AboutCounter';
-import Clients from '@/components/about/Clients';
+import AboutMe from '@/components/AboutMe';
+import AboutCounter from '@/components/AboutCounter';
+import AboutClients from '@/components/AboutClients';
 import feather from 'feather-icons';
 
 export default {
 	name: 'About',
 	components: {
 		AboutMe,
 		AboutCounter,
-		Clients,
+		AboutClients,
 	},
 	data: () => {
 		return {};