chore: fix text (#1134)

* deceiving dev

* Update Testimonials.tsx

* corrections

Author: ameer2468

apps/web/components/pages/HomePage/Features.tsx

@@ -149,7 +149,9 @@ const features: Feature[] = homepageCopy.features.features.map(
 const Features = () => {
 	return (
 		<div className="text-center max-w-[1440px] mx-auto px-5">
-			<h1 className="mb-3">{homepageCopy.features.title}</h1>
+			<h1 className="mb-3 text-4xl font-medium text-gray-12">
+				{homepageCopy.features.title}
+			</h1>
 			<p className="text-lg text-gray-10 leading-[1.75rem] w-full max-w-[600px] mx-auto">
 				{homepageCopy.features.subtitle}
 			</p>

apps/web/components/pages/HomePage/Pricing/index.tsx

@@ -11,7 +11,9 @@ const Pricing = () => {
 	return (
 		<div className="w-full max-w-[1100px] mx-auto px-5">
 			<div className="px-5 mb-16 text-center">
-				<h1 className="mb-3 w-full">{homepageCopy.pricing.title}</h1>
+				<h1 className="mb-3 w-full text-4xl font-medium text-gray-12">
+					{homepageCopy.pricing.title}
+				</h1>
 				<p className="text-lg text-gray-10 max-w-[800px] mx-auto leading-[1.75rem] w-full">
 					{homepageCopy.pricing.subtitle}
 				</p>

apps/web/components/pages/HomePage/RecordingModes.tsx

@@ -56,10 +56,10 @@ const RecordingModes = () => {
 	return (
 		<div className="w-full max-w-[1000px] mx-auto px-5">
 			<div className="flex flex-col gap-2 justify-center items-center text-center">
-				<h1 className="text-4xl font-medium text-12">
+				<h1 className="text-4xl font-medium text-gray-12">
 					{homepageCopy.recordingModes.title}
 				</h1>
-				<p className="text-lg text-gray-10">
+				<p className="text-lg text-gray-10 w-full max-w-[670px] mx-auto">
 					{homepageCopy.recordingModes.subtitle}
 				</p>
 			</div>

apps/web/components/pages/HomePage/Testimonials.tsx

@@ -121,10 +121,10 @@ const Testimonials = () => {
 	return (
 		<div className="w-full max-w-[1200px] mx-auto md:px-5">
 			<div className="px-5 mb-16 text-center">
-				<h1 className="mb-3 w-full max-w-[500px] mx-auto text-balance">
+				<h1 className="mx-auto mb-3 w-full text-4xl font-medium text-gray-12 text-balance">
 					{homepageCopy.testimonials.title}
 				</h1>
-				<p className="text-lg text-gray-10 text-balance mx-auto leading-[1.75rem] w-full max-w-[500px]">
+				<p className="text-lg text-gray-10 w-full max-w-[400px] mx-auto leading-[1.75rem]">
 					{homepageCopy.testimonials.subtitle}
 				</p>
 			</div>