Added social links to env and added hero text to the pages

src/components/Home/Hero/PersonalHero.tsx

@@ -7,7 +7,7 @@ interface PersonalHeroProps {
   body?: string;
   buttonLink?: string;
   buttonText?: string;
-};
+}
 const PersonalHero: React.FC<PersonalHeroProps> = ({
   heading,
   body,
@@ -16,15 +16,17 @@ const PersonalHero: React.FC<PersonalHeroProps> = ({
 }) => {
   return (
     <div
-      className={`w-full relative mb-0 sm:mb-[2.25rem] regLap:h-[30rem] xl:h-[26.875rem] lg:h-[25rem] md:h-[21.875rem] sm:h-[18.75rem] h-[15.625rem] object-cover ${styles.personalHeroBg}`}
+      className={`w-full max-[28.125rem] relative mb-0 sm:mb-[2.25rem] regLap:h-[30rem] xl:h-[26.875rem] lg:h-[25rem] md:h-[21.875rem] sm:h-[18.75rem] h-[15.625rem] object-cover ${styles.personalHeroBg}`}
     >
-      <div className="containerMode flex justify-between gap-1 xl:gap-8">
+      <div className="containerMode flex justify-between gap-1 xl:gap-8 flex-col">
         <h1 className="max-w-[32.9375rem] font-extrabold text-[1.3rem] leading-[2.5rem] sm:text-[3.625rem] sm:leading-[4.3869rem] text-[#5C2684] cursor-default">
           {heading}
         </h1>
-        <p>{body}</p>
+        <p className="p-[.3125rem] pr-5 font-medium table w-[25.375rem]">{body}</p>
         <Link to={buttonLink}>
-          <button>{buttonText}</button>
+          <button className="bg-[#A6368C] text-white text-[.9375rem] w-[10.9375rem] py-[.4375rem] px-[.625rem]">
+            {buttonText} &nbsp;
+          </button>
         </Link>
       </div>
     </div>

src/components/Home/Requirements/FeatureText.tsx

@@ -27,7 +27,7 @@ const FeatureText = () => {
         </ul>
       </div>
       <Link
-        to={RouteHandler.getStarted}
+        to={RouteHandler.letsGetStarted}
         className="text-[#5C2684] mt-[1.5625rem] w-fit"
       >
         *** <span className="hover:underline">Click here to apply</span>