jaanvi/bulk-email
1
0
Fork 0
Code Issues Pull requests 1 Actions Packages Projects Releases Wiki Activity

change the font-family from Inter to Gilory to make it same in all pages

Browse source
This commit is contained in:
jaanvi 2025-04-08 18:14:41 +05:30
parent 6e445da965
commit 99cb62735a
1 changed files with 31 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
src/pages/LandingPage/index.tsx
View file

@ -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%"}
>