Added personal image to the pages

src/pages/BusinessBankingPage.tsx

@@ -1,8 +1,14 @@
 import React from "react";
 import { HomeLayout } from "../layouts";
+import { PersonalHero } from "../components";
 
 const BusinessBankingPage: React.FC = () => {
-  return <HomeLayout>Business Banking</HomeLayout>;
+  return (
+    <HomeLayout>
+      <PersonalHero />
+      Business Banking
+    </HomeLayout>
+  );
 };
 
 export default BusinessBankingPage;

src/pages/CooperateBankingPage.tsx

@@ -1,9 +1,11 @@
 import React from 'react'
 import { HomeLayout } from '../layouts'
+import { PersonalHero } from '../components'
 
 const CooperateBankingPage: React.FC = () => {
   return (
     <HomeLayout>
+        <PersonalHero />
       Cooperate Banking
     </HomeLayout>
   )

src/pages/PersonalBankingPage.tsx

@@ -1,9 +1,11 @@
 import React from 'react'
 import { HomeLayout } from '../layouts'
+import { PersonalHero } from '../components'
 
 const PersonalBankingPage: React.FC = () => {
   return (
     <HomeLayout>
+      <PersonalHero />
       Personal Banking
     </HomeLayout>
   )