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

src/utils/data.tsx

@@ -9,6 +9,8 @@ import YoutubeWhite from "../assets/images/socials/youtube.svg";
 import InstagramWhite from "../assets/images/socials/instagram.svg";
 import { RouteHandler } from "../router/routes";
 
+let process = import.meta.env;
+
 export const top_header_data = [
   { id: 1, name: "HOME", href: RouteHandler.homepage },
   { id: 2, name: "PERSONAL", href: RouteHandler.personalBanking },
@@ -398,9 +400,9 @@ export const _lowerMenuItems = [
 ];
 
 export const socialsIcons = [
-  { name: "facebook", image: FBook },
-  { name: "twitter", image: Twitter },
-  { name: "instagram", image: Instagram },
+  { name: "facebook", image: FBook, link: import.meta.env.VITE_FACEBOOK_URL },
+  { name: "twitter", image: Twitter, link: import.meta.env.VITE_TWITTER_URL },
+  { name: "instagram", image: Instagram, link: import.meta.env.VITE_INSTAGRAM_URL },
 ];
 
 export const footerItems = [