Text correction

pages/why-eduvacity.js

@@ -26,6 +26,7 @@ import {
   WHY_EDUVACITY_VALUE_DESC,
 } from '../src/utils/contants';
 import HomePageLayout from '../src/views/home/layout';
+import { capitalizeTitle } from '../src/utils/capitalizeTitle';
 
 export default function WhyEduvasityPage() {
   const router = useRouter();
@@ -243,8 +244,9 @@ export default function WhyEduvasityPage() {
                         textAlign: 'left',
                       }}
                     >
-                      Collaborates with experts institutions to offer courses
-                      aligned with industry needs
+                      {capitalizeTitle(
+                        'Collaborates with experts institutions to offer courses aligned with industry needs'
+                      )}
                     </Typography>
                   </Box>
                   <Box
@@ -455,8 +457,9 @@ export default function WhyEduvasityPage() {
                         textAlign: 'left',
                       }}
                     >
-                      Collaborates with experts institutions to offer courses
-                      aligned with industry needs
+                      {capitalizeTitle(
+                        'Collaborates with experts institutions to offer courses aligned with industry needs'
+                      )}
                     </Typography>
                   </Box>
                   <Box

src/components/testimony.js

@@ -13,7 +13,7 @@ const testimonies = [
       'Eduvacity removed financial barriers and empowered me as a learner',
   },
   {
-    name: '-Hassan Rufai(BSc, Business Administration)',
+    name: '-Hassan Rufai (BSc, Business Administration)',
     avatar: '/images/hassan.jpeg',
     comment:
       'Studying at Eduvacity allows me to earn my B.sc while balancing my busy work schedule',
@@ -28,12 +28,14 @@ export default function Testimony() {
           // px: { xs: '1rem', sm: 8.5, md: 5.5, lg: 15.5 },
           px: { xs: '1rem', sm: '1rem', lg: 12.5, xl: 16 },
           py: { xs: '40px', lg: '96px' },
-        }}>
+        }}
+      >
         <Typography
           sx={{
             font: `normal normal 400 normal 36px/44px ${Fonts.primary}`,
             color: '#091E42',
-          }}>
+          }}
+        >
           Why{' '}
           <span style={{ color: '#41A36E', fontWeight: 700 }}>Learners</span>{' '}
           Love Eduvacity?
@@ -51,13 +53,15 @@ export default function Testimony() {
                     px: '20px',
                     maxHeight: '180px',
                     radius: '6px',
-                  }}>
+                  }}
+                >
                   <Box
                     sx={{
                       position: 'relative',
                       //   height: '180px',
                       width: '33%',
-                    }}>
+                    }}
+                  >
                     <Image
                       src={testimony.avatar}
                       alt={testimony.name}
@@ -73,29 +77,33 @@ export default function Testimony() {
                       width: '67%',
                       display: 'flex',
                       flexDirection: 'column',
-                    }}>
+                    }}
+                  >
                     <Typography
                       sx={{
                         fontSize: '30px',
                         fontWeight: '600',
                         color: '#41A36E',
-                      }}>
+                      }}
+                    >
                       &ldquo;
                     </Typography>
                     <Typography
                       sx={{
                         mt: 'auto',
                         font: `normal normal 600 normal 16px/19.2px ${Fonts.inter}`,
                         color: '#091E42',
-                      }}>
+                      }}
+                    >
                       {testimony.comment}
                     </Typography>
                     <Typography
                       sx={{
                         mt: '18px',
                         font: `normal normal 500 normal 16px/19.2px ${Fonts.inter}`,
                         color: '#091E42',
-                      }}>
+                      }}
+                    >
                       {testimony.name}
                     </Typography>
                   </Box>

src/utils/capitalizeTitle.js

@@ -0,0 +1,26 @@
+export const capitalizeTitle = (title) => {
+  const skipWords = [
+    'a',
+    'an',
+    'the',
+    'and',
+    'but',
+    'or',
+    'for',
+    'nor',
+    'on',
+    'at',
+    'to',
+    'by',
+    'with',
+  ];
+  return title
+    .split(' ')
+    .map((word, i) => {
+      if (skipWords.includes(word) && i !== 0) {
+        return word;
+      }
+      return word.charAt(0).toUpperCase() + word.slice(1);
+    })
+    .join(' ');
+};

src/utils/contants.js

@@ -37,7 +37,7 @@ export const FOOTER_COMPANY = [
   { title: 'Why eduvacity', href: '/why-eduvacity' },
   { title: 'Careers', href: '#' },
   { title: 'Partners', href: '#' },
-  { title: 'Become an instructors', href: '#' },
+  { title: 'Become an instructor', href: '#' },
   { title: 'Scholarships', href: '#' },
 ];
 

src/views/home/features/index.js

@@ -44,7 +44,7 @@ const cards = [
     icon: <ComputerIcon />,
   },
   {
-    name: 'Lifelong leaning',
+    name: 'Lifelong learning',
     description:
       'The learning journey is perpetual. Eduvacity empowers you with a wealth of knowledge and mentorship throughout your career journey, ensuring that your educational pursuit transcends industry relevance.',
     icon: <AnchorIcon />,
@@ -70,7 +70,8 @@ export default function FeaturesCard() {
                   gap: '64px',
                   boxShadow: 'none',
                   background: '#F6F7F7',
-                }}>
+                }}
+              >
                 <Box>{card.icon}</Box>
                 <Box sx={{ width: '100%' }}>
                   <Typography
@@ -84,7 +85,8 @@ export default function FeaturesCard() {
                         textTransform: 'capitalize',
                       },
                       color: Colors.dark,
-                    }}>
+                    }}
+                  >
                     {card.name}
                   </Typography>
                   <Typography
@@ -93,7 +95,8 @@ export default function FeaturesCard() {
                       width: 341,
                       font: `normal normal 400 normal 16px/24px ${Fonts.primary}`,
                       color: Colors.textColor,
-                    }}>
+                    }}
+                  >
                     {card.description}
                   </Typography>
                 </Box>