added pages for top header nav links

src/pages/BusinessBankingPage.tsx

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

src/pages/CooperateBankingPage.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { HomeLayout } from '../layouts'
+
+const CooperateBankingPage: React.FC = () => {
+  return (
+    <HomeLayout>
+      Cooperate Banking
+    </HomeLayout>
+  )
+}
+
+export default CooperateBankingPage

src/pages/PersonalBankingPage.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { HomeLayout } from '../layouts'
+
+const PersonalBankingPage: React.FC = () => {
+  return (
+    <HomeLayout>
+      Personal Banking
+    </HomeLayout>
+  )
+}
+
+export default PersonalBankingPage

src/pages/TermsAndConditionPage.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { HomeLayout } from "../layouts";
 import { TsAndCs } from "../components";
 
-const TermsAndConditionPage = () => {
+const TermsAndConditionPage: React.FC = () => {
   return (
     <HomeLayout>
       <TsAndCs />

src/pages/index.ts

@@ -7,6 +7,9 @@ import DashboardProfilePage from "./DashboardProfilePage";
 import DashboardVerificationPage from "./DashboardVerificationPage";
 import DashboardpaymentsPage from "./DashboardPaymentsPage";
 import TermsAndConditionPage from "./TermsAndConditionPage";
+import PersonalBankingPage from "./PersonalBankingPage";
+import BusinessBankingPage from "./BusinessBankingPage";
+import CooperateBankingPage from "./CooperateBankingPage";
 
 export {
   HomePage,
@@ -18,4 +21,7 @@ export {
   DashboardVerificationPage,
   DashboardpaymentsPage,
   TermsAndConditionPage,
+  PersonalBankingPage,
+  BusinessBankingPage,
+  CooperateBankingPage
 };