From 99cb62735a1e183aee4ff110af6f6b40bd9d758f Mon Sep 17 00:00:00 2001
From: jaanvi <jaana78145@gmail.com>
Date: Tue, 8 Apr 2025 18:14:41 +0530
Subject: [PATCH] change the font-family from Inter to Gilory to make it same
 in all pages

---
 src/pages/LandingPage/index.tsx | 60 +++++++++++++++++----------------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/src/pages/LandingPage/index.tsx b/src/pages/LandingPage/index.tsx
index d9807be..7929ffc 100644
--- a/src/pages/LandingPage/index.tsx
+++ b/src/pages/LandingPage/index.tsx
@@ -56,7 +56,7 @@ const LandingPage = () => {
 					xs: " #000000",
 				},
 				color: "white",
-				fontFamily: "Inter",
+				fontFamily: "Gilory",
 				display: "flex",
 				flexDirection: "column",
 			}}
@@ -79,7 +79,7 @@ const LandingPage = () => {
 					// 	"linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(30, 44, 47, 0.2) 100%)",
 					background: "#141615",
 					boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.2)",
-					fontFamily: "Inter",
+					fontFamily: "Gilory",
 				}}
 			>
 				<img
@@ -112,7 +112,7 @@ const LandingPage = () => {
 							color: "#FFFFFF",
 							borderRadius: "6px",
 							width: { xs: "90px", sm: "117px" },
-							fontFamily: "Inter",
+							fontFamily: "Gilory",
 							textTransform: "none",
 							"&:hover": { backgroundColor: "#439BC1" },
 							fontWeight: 500,
@@ -129,7 +129,7 @@ const LandingPage = () => {
 				sx={{
 					py: 8,
 					justifyContent: "space-between",
-					fontFamily: "Inter",
+					fontFamily: "Gilory",
 					backgroundImage: {
 						lg: 'url("/bgev.svg")',
 						sm: 'url("/bgev.svg")',
@@ -146,7 +146,7 @@ const LandingPage = () => {
 					sx={{
 						py: { xs: 4, sm: 6, md: 8 },
 						justifyContent: "space-between",
-						fontFamily: "Inter",
+						fontFamily: "Gilory",
 						width: { lg: "100%", md: "90%", sm: "90%", xs: "90%" },
 					}}
 				>
@@ -176,7 +176,7 @@ const LandingPage = () => {
 						>
 							<Typography
 								sx={{
-									fontFamily: "Inter",
+									fontFamily: "Gilory",
 									fontWeight: 600,
 									fontSize: {
 										xs: "28px",
@@ -196,7 +196,7 @@ const LandingPage = () => {
 							<Typography
 								variant="body1"
 								sx={{
-									fontFamily: "Inter",
+									fontFamily: "Gilory",
 									color: "#CACACA",
 									marginBottom: "24px",
 									fontWeight: 400,
@@ -222,7 +222,7 @@ const LandingPage = () => {
 									width: { xs: "120px", md: "140px" },
 									height: "48px",
 									textTransform: "none",
-									fontFamily: "Inter",
+									fontFamily: "Gilory",
 									"&:hover": { backgroundColor: "#439BC1" },
 									fontSize: { xs: "14px", md: "16px" },
 									fontWeight: 500,
@@ -288,14 +288,16 @@ const LandingPage = () => {
 						spacing={2}
 						textAlign="center"
 						sx={{
-							display: { xs: "grid" },
+							display: { xs: "grid", },
+							justifyContent: "center",
+							alignItems: "center",
 							gridTemplateColumns: {
 								xs: "repeat(2, 1fr)", // Two items per row on mobile
 								sm: "repeat(4, 1fr)",
 								md: "repeat(4, 1fr)",
-								lg: "repeat(4, 1fr)",
+								lg: "repeat(4, 2fr)",
 							},
-							gap: { xs: 2, sm: 5,md:5 },
+							gap: { xs: 2, sm: 5, md: 5 },
 							flexDirection: {
 								xs: "column", // Stacked cards in xs
 								sm: "row", // Row layout for sm and above
@@ -311,10 +313,10 @@ const LandingPage = () => {
 							sm={6}
 							md={3}
 							sx={{
-								background: { xs: "#22496033", sm: "none" }, // Different background for xs
-								padding: { xs: 2, sm: 0 }, // Add padding for mobile mode
-								borderRadius: { xs: "8px" }, // Rounded corners for cards in xs
-								mb: { xs: 2, sm: 0 }, // Add spacing in xs only
+								background: { xs: "#22496033", sm: "none" },
+								padding: { xs: 2, sm: 0 },
+								borderRadius: { xs: "8px" },
+								mb: { xs: 2, sm: 0 },
 							}}
 						>
 							<Typography
@@ -331,14 +333,14 @@ const LandingPage = () => {
 									sm: "80px",
 									md: "100px",
 								}}
-								fontFamily={"Poppins"}
+								fontFamily={"Gilory"}
 							>
 								50+
 							</Typography>
 							<Typography
 								variant="body2"
 								color="#FFFFFF"
-								fontFamily={"Inter"}
+								fontFamily={"Gilory"}
 								fontWeight={400}
 								fontSize={{
 									xs: "12px",
@@ -378,14 +380,14 @@ const LandingPage = () => {
 									sm: "80px",
 									md: "100px",
 								}}
-								fontFamily={"Poppins"}
+								fontFamily={"Gilory"}
 							>
 								100%
 							</Typography>
 							<Typography
 								variant="body2"
 								color="#FFFFFF"
-								fontFamily={"Inter"}
+								fontFamily={"Gilory"}
 								fontWeight={400}
 								fontSize={{
 									xs: "12px",
@@ -425,14 +427,14 @@ const LandingPage = () => {
 									sm: "80px",
 									md: "100px",
 								}}
-								fontFamily={"Poppins"}
+								fontFamily={"Gilory"}
 							>
 								20+
 							</Typography>
 							<Typography
 								variant="body2"
 								color="#FFFFFF"
-								fontFamily={"Inter"}
+								fontFamily={"Gilory"}
 								fontWeight={400}
 								fontSize={{
 									xs: "12px",
@@ -472,14 +474,14 @@ const LandingPage = () => {
 									sm: "80px",
 									md: "100px",
 								}}
-								fontFamily={"Poppins"}
+								fontFamily={"Gilory"}
 							>
 								10+
 							</Typography>
 							<Typography
 								variant="body2"
 								color="#FFFFFF"
-								fontFamily={"Inter"}
+								fontFamily={"Gilory"}
 								fontWeight={400}
 								fontSize={{
 									xs: "12px",
@@ -511,7 +513,7 @@ const LandingPage = () => {
 				<Typography
 					variant="h4"
 					fontWeight={600}
-					fontFamily={"Inter"}
+					fontFamily={"Gilory"}
 					fontSize={{ xs: "24px", sm: "30px", md: "40px" }}
 					lineHeight={"100%"}
 					color="#FFFFFF"
@@ -536,7 +538,7 @@ const LandingPage = () => {
 					mt={2}
 					maxWidth="600px"
 					mx="auto"
-					fontFamily={"Inter"}
+					fontFamily={"Gilory"}
 					fontSize={{ xs: "14px", sm: "16px", md: "20px" }}
 					fontWeight={400}
 					lineHeight={"140%"}
@@ -625,7 +627,7 @@ const LandingPage = () => {
 										variant="h6"
 										sx={{
 											color: "#52ACDF",
-											fontFamily: "Inter",
+											fontFamily: "Gilory",
 											fontWeight: 600,
 											fontSize: {
 												xs: "16px",
@@ -640,7 +642,7 @@ const LandingPage = () => {
 										variant="body2"
 										sx={{
 											color: "#D9D8D8",
-											fontFamily: "Inter",
+											fontFamily: "Gilory",
 											fontWeight: 400,
 											fontSize: {
 												xs: "12px",
@@ -1238,7 +1240,7 @@ const LandingPage = () => {
 
 						{/* Text */}
 						<Typography
-							fontFamily={"Inter"}
+							fontFamily={"Gilory"}
 							fontWeight={500}
 							fontSize={{ xs: "20px", sm: "24px", md: "27px" }}
 							lineHeight={"130%"}
@@ -1322,7 +1324,7 @@ const LandingPage = () => {
 					<Typography
 						variant="h5"
 						fontWeight={600}
-						fontFamily={"Inter"}
+						fontFamily={"Gilory"}
 						fontSize={{ xs: "24px", sm: "30px", md: "40px" }}
 						lineHeight={"120%"}
 					>