Single project fonts

Author: realstoman

src/components/projects/ProjectHeader.js

@@ -7,19 +7,19 @@ const ProjectSingleHeader = () => {
 
 	return (
 		<div>
-			<p className="text-left text-3xl sm:text-4xl font-bold text-primary-dark dark:text-primary-light mt-7 sm:mt-20 mb-7">
+			<p className="font-general-medium text-left text-3xl sm:text-4xl font-bold text-primary-dark dark:text-primary-light mt-14 sm:mt-20 mb-7">
 				{singleProjectData.ProjectHeader.title}
 			</p>
 			<div className="flex">
 				<div className="flex items-center mr-10">
-					<FiClock className="text-xl text-ternary-dark dark:text-ternary-light" />
-					<span className="ml-2 leading-none text-primary-dark dark:text-primary-light">
+					<FiClock className="text-lg text-ternary-dark dark:text-ternary-light" />
+					<span className="font-general-regular ml-2 leading-none text-primary-dark dark:text-primary-light">
 						{singleProjectData.ProjectHeader.publishDate}
 					</span>
 				</div>
 				<div className="flex items-center">
-					<FiTag className="w-4 h-4 text-ternary-dark dark:text-ternary-light" />
-					<span className="ml-2 leading-none text-primary-dark dark:text-primary-light">
+					<FiTag className="text-lg text-ternary-dark dark:text-ternary-light" />
+					<span className="font-general-regular ml-2 leading-none text-primary-dark dark:text-primary-light">
 						{singleProjectData.ProjectHeader.tags}
 					</span>
 				</div>

src/components/projects/ProjectInfo.js

@@ -1,5 +1,4 @@
 import { useContext } from 'react';
-import { Link } from 'react-router-dom';
 import SingleProjectContext from '../../context/SingleProjectContext';
 
 const ProjectInfo = () => {
@@ -10,15 +9,15 @@ const ProjectInfo = () => {
 			<div className="w-full sm:w-1/3 text-left">
 				{/* Single project client details start */}
 				<div className="mb-7">
-					<p className="text-2xl font-semibold text-secondary-dark dark:text-secondary-light mb-2">
+					<p className="font-general-regular text-2xl font-semibold text-secondary-dark dark:text-secondary-light mb-2">
 						{singleProjectData.ProjectInfo.ClientHeading}
 					</p>
 					<ul className="leading-loose">
 						{singleProjectData.ProjectInfo.CompanyInfo.map(
 							(info) => {
 								return (
 									<li
-										className="text-ternary-dark dark:text-ternary-light"
+										className="font-general-regular text-ternary-dark dark:text-ternary-light"
 										key={info.id}
 									>
 										<span>{info.title}: </span>
@@ -44,21 +43,21 @@ const ProjectInfo = () => {
 
 				{/* Single project objectives start */}
 				<div className="mb-7">
-					<p className="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2">
+					<p className="font-general-regular text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2">
 						{singleProjectData.ProjectInfo.ObjectivesHeading}
 					</p>
-					<p className="text-primary-dark dark:text-ternary-light">
+					<p className="font-general-regular text-primary-dark dark:text-ternary-light">
 						{singleProjectData.ProjectInfo.ObjectivesDetails}
 					</p>
 				</div>
 				{/* Single project objectives end */}
 
 				{/* Single project technologies start */}
 				<div className="mb-7">
-					<p className="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2">
+					<p className="font-general-regular text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2">
 						{singleProjectData.ProjectInfo.Technologies[0].title}
 					</p>
-					<p className="text-primary-dark dark:text-ternary-light">
+					<p className="font-general-regular text-primary-dark dark:text-ternary-light">
 						{singleProjectData.ProjectInfo.Technologies[0].techs.join(
 							', '
 						)}
@@ -68,7 +67,7 @@ const ProjectInfo = () => {
 
 				{/* Single project social sharing start */}
 				<div>
-					<p className="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2">
+					<p className="font-general-regular text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2">
 						{singleProjectData.ProjectInfo.SocialSharingHeading}
 					</p>
 					<div className="flex items-center gap-3 mt-5">
@@ -97,14 +96,14 @@ const ProjectInfo = () => {
 
 			{/*  Single project right section details start */}
 			<div className="w-full sm:w-2/3 text-left mt-10 sm:mt-0">
-				<p className="text-primary-dark dark:text-primary-light text-2xl font-bold mb-7">
+				<p className="font-general-regular text-primary-dark dark:text-primary-light text-2xl font-bold mb-7">
 					{singleProjectData.ProjectInfo.ProjectDetailsHeading}
 				</p>
 				{singleProjectData.ProjectInfo.ProjectDetails.map((details) => {
 					return (
 						<p
 							key={details.id}
-							className="mb-5 text-lg text-ternary-dark dark:text-ternary-light"
+							className="font-general-regular mb-5 text-lg text-ternary-dark dark:text-ternary-light"
 						>
 							{details.details}
 						</p>

src/components/projects/ProjectRelatedProjects.js

@@ -6,7 +6,7 @@ const ProjectRelatedProjects = () => {
 
 	return (
 		<div className="mt-10 pt-10 sm:pt-14 sm:mt-20 border-t-2 border-primary-light dark:border-secondary-dark">
-			<p className="text-primary-dark dark:text-primary-light text-3xl font-bold mb-10 sm:mb-14 text-left">
+			<p className="font-general-regular text-primary-dark dark:text-primary-light text-3xl font-bold mb-10 sm:mb-14 text-left">
 				{singleProjectData.RelatedProject.title}
 			</p>