+ Welcome Back, {userDetails.firstname} +

+ +

+ + {(data: any) => ( +

+ + + + + + + + + + + + {data.map((item: any, index: any) => ( + + + + + + + + ))} + +

Date	Amount	+ Payment Term +	Status	Action
+ {NewDateTimeFormatter(item?.added)} +	+ {item?.loan_amount} +	+ {item?.payment_month} +	+ {item?.status} +	+ +

+ )} + +

+ You’re almost there +

+ {(props)=>( +

+ <> +

+ EMPLOYMENT DETAILS +

+ +

+ + +

+ +

+ + + <> +

+ REFERENCE DETAILS ( Must be 18 years and above ) +

+ + +

+ +

+ + +

+ +

+ + +

{tableTitle}

+ {filterItem.map((item, index) => ( + + Search by {item[0].toUpperCase() + item.slice(1)} + { + handleSearch(e, item); + }} + /> + + ))} +

+ + + {data.length && data.map((item, index)=>{ + item = item + if(index%itemsPerPage == 0 && index >= currentPage && index <= currentPage+itemsPerPage){ + return ( + + ) + } + })} + + +

+ + + ); +}; + +export default GetStartedPage; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx new file mode 100644 index 0000000..d24ef40 --- /dev/null +++ b/src/pages/HomePage.tsx @@ -0,0 +1,21 @@ +import React, { useEffect } from "react"; +import { Hero, Requirements } from "../components"; +import { HomeLayout } from "../layouts"; +import { useNavigate } from "react-router-dom"; + +const HomePage: React.FC = () => { + const navigate = useNavigate() + + useEffect(()=>{ + navigate('/auth/login') + },[]) + + return ( + + + + + ); +}; + +export default HomePage; diff --git a/src/pages/InternetBankingPage.tsx b/src/pages/InternetBankingPage.tsx new file mode 100644 index 0000000..8d0fb70 --- /dev/null +++ b/src/pages/InternetBankingPage.tsx @@ -0,0 +1,10 @@ +import React from 'react' +import { HomeLayout } from '../layouts' + +const InternetBankingPage: React.FC = () => { + return ( + InternetBankingPage + ) +} + +export default InternetBankingPage \ No newline at end of file diff --git a/src/pages/LetsGetStatedPage.tsx b/src/pages/LetsGetStatedPage.tsx new file mode 100644 index 0000000..f8bd80d --- /dev/null +++ b/src/pages/LetsGetStatedPage.tsx @@ -0,0 +1,13 @@ +import React from "react"; +import { LetsGetStartedLayout } from "../layouts"; +import { LetsGetStarted } from "../components"; + +const LetsGetStatedPage: React.FC = () => { + return ( + + + + ); +}; + +export default LetsGetStatedPage; diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx new file mode 100644 index 0000000..24230a4 --- /dev/null +++ b/src/pages/LoginPage.tsx @@ -0,0 +1,10 @@ +import { Login } from "../components/auth"; + + +export default function LoginPage() { + return ( + <> + + + ); +} diff --git a/src/pages/OTPPage.tsx b/src/pages/OTPPage.tsx new file mode 100644 index 0000000..846bdcb --- /dev/null +++ b/src/pages/OTPPage.tsx @@ -0,0 +1,10 @@ +import { OTP } from "../components/auth"; + + +export default function OTPPage() { + return ( + <> + + + ); +} diff --git a/src/pages/PersonalBankingPage.tsx b/src/pages/PersonalBankingPage.tsx new file mode 100644 index 0000000..97679bf --- /dev/null +++ b/src/pages/PersonalBankingPage.tsx @@ -0,0 +1,19 @@ +import React from "react"; +import { HomeLayout } from "../layouts"; +import { PersonalHero } from "../components"; + +const PersonalBankingPage: React.FC = () => { + return ( + + + Personal Banking + + ); +}; + +export default PersonalBankingPage; diff --git a/src/pages/TermsAndConditionPage.tsx b/src/pages/TermsAndConditionPage.tsx new file mode 100644 index 0000000..b2c83c2 --- /dev/null +++ b/src/pages/TermsAndConditionPage.tsx @@ -0,0 +1,13 @@ +import React from "react"; +import { HomeLayout } from "../layouts"; +import { TsAndCs } from "../components"; + +const TermsAndConditionPage: React.FC = () => { + return ( + + + + ); +}; + +export default TermsAndConditionPage; diff --git a/src/pages/index.ts b/src/pages/index.ts new file mode 100644 index 0000000..b53ab89 --- /dev/null +++ b/src/pages/index.ts @@ -0,0 +1,31 @@ +import HomePage from "./HomePage"; +import LoginPage from "./LoginPage"; +import OTPPage from "./OTPPage"; +import GetStartedPage from "./GetStartedPage"; +// import DashboardHomePage from "./DashboardHomePage"; +// import DashboardLegalsPage from "./DashboardLegalsPage"; +// 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"; +// import LetsGetStatedPage from "./LetsGetStatedPage"; + +export { + HomePage, + LoginPage, + OTPPage, + GetStartedPage, + // DashboardHomePage, + // DashboardLegalsPage, + // DashboardProfilePage, + // DashboardVerificationPage, + // DashboardpaymentsPage, + // TermsAndConditionPage, + // PersonalBankingPage, + // BusinessBankingPage, + // CooperateBankingPage, + // LetsGetStatedPage +}; diff --git a/src/router/Router.tsx b/src/router/Router.tsx new file mode 100644 index 0000000..c524109 --- /dev/null +++ b/src/router/Router.tsx @@ -0,0 +1,82 @@ +import { Route, Routes } from "react-router-dom"; +import { RouteHandler } from "./routes"; +import { DashboardAuth, Layout } from "../layouts"; + +import { + GetStartedPage, + LoginPage, + OTPPage, + // HomePage, + // DashboardHomePage, + // DashboardLegalsPage, + // DashboardProfilePage, + // DashboardVerificationPage, + // DashboardpaymentsPage, + // TermsAndConditionPage, + // BusinessBankingPage, + // CooperateBankingPage, + // PersonalBankingPage, + // LetsGetStatedPage, +} from "../pages"; + +const Routers = () => { + return ( + + }> + } /> + } /> + + + } /> + + {/* } /> */} + {/* } + /> + } + /> + } + /> + } + /> + } + /> */} + + {/* Dashboard */} + }> + {/* } + /> + } + /> + } + /> + } + /> + } + /> */} + + Error Page} /> + + ); +}; + +export default Routers; diff --git a/src/router/routes.tsx b/src/router/routes.tsx new file mode 100644 index 0000000..07f2c5a --- /dev/null +++ b/src/router/routes.tsx @@ -0,0 +1,17 @@ +export class RouteHandler { + static homepage = "/"; + static loginpage = "/auth/login"; + static otppage = "/auth/otp"; + + // static getStarted = "/get-started"; + // static personalBanking = "/personal-banking"; + // static businessBanking = "/business-banking"; + // static cooperateBanking = "/cooperate-banking"; + // static letsGetStarted = "/lets-get-started"; + // static dashboardHome = "/dashboard/home"; + // static dashboardProfile = "/dashboard/profile"; + // static dashboardVerification = "/dashboard/verification"; + // static dashboardPayments = "/dashboard/payments"; + // static dashboardLegals = "/dashboard/legals"; + // static termsAndConditions = "/terms-and-conditions"; +} diff --git a/src/store/UserDetails.ts b/src/store/UserDetails.ts new file mode 100644 index 0000000..8cb2677 --- /dev/null +++ b/src/store/UserDetails.ts @@ -0,0 +1,20 @@ +import { createSlice } from "@reduxjs/toolkit"; + +const initialState = { + userDetails: {}, +}; + +export const userSlice = createSlice({ + name: "userDetails", + initialState, + reducers: { + updateUserDetails: (state, action) => { + state.userDetails = { ...action.payload }; + }, + }, +}); + +// Action creators are generated for each case reducer function +export const { updateUserDetails } = userSlice.actions; + +export default userSlice.reducer; diff --git a/src/store/store.ts b/src/store/store.ts new file mode 100644 index 0000000..e111aec --- /dev/null +++ b/src/store/store.ts @@ -0,0 +1,9 @@ +import { configureStore } from "@reduxjs/toolkit"; + +import userDetailReducer from "./UserDetails"; + +export default configureStore({ + reducer: { + userDetails: userDetailReducer, + }, +}); diff --git a/src/utils/data.tsx b/src/utils/data.tsx new file mode 100644 index 0000000..258e8b6 --- /dev/null +++ b/src/utils/data.tsx @@ -0,0 +1,561 @@ +import FBook from '../assets/icons/facebook.svg'; +import Twitter from '../assets/icons/twitter.svg'; +import Instagram from '../assets/icons/instagram.svg'; +import FBookWhite from '../assets/images/socials/facebook.svg'; +import LinkedInWhite from '../assets/images/socials/linkedin.svg'; +import XWhite from '../assets/images/socials/twitterx.svg'; +import WhatsappWhite from '../assets/images/socials/whatsapp.svg'; +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 }, + { id: 3, name: 'BUSINESS', href: RouteHandler.businessBanking }, + { id: 4, name: 'CORPORATE', href: RouteHandler.cooperateBanking }, +]; + +export const lowerMenuItems = [ + { + id: 1, + name: 'PERSONAL BANKING', + linkPath: '/personal-banking', + }, + { + id: 2, + name: 'BUSINESS BANKING', + linkPath: '/business-banking', + }, + { + id: 3, + name: 'CORPORATE BANKING', + linkPath: '/cooperate-banking', + }, + { + id: 4, + name: 'GROUP & SUBSIDIARIES', + linkPath: '', + }, + { + id: 5, + name: 'ABOUT US', + linkPath: '/about-us', + }, + { + id: 6, + name: 'MY BANK AND I', + linkPath: '', + }, +]; + +export const _lowerMenuItems = [ + { + name: 'PERSONAL BANKING', + linkPath: '/personal-banking', + subItems: [ + { + name: 'CURRENT ACCOUNTS', + linkPath: '/current-accounts', + subItems: [ + { + name: 'CLASSIC CURRENT ACCOUNT', + linkPath: '/personal-classic-current-account', + }, + { + name: 'PREMIUM CURRENT ACCOUNT', + linkPath: '/premium-current-account', + }, + { + name: 'PERSONAL BUSINESS ACCOUNT', + linkPath: '/personal-business-account', + }, + { + name: 'DOMICILIARY CURRENT ACCOUNT', + linkPath: '/domiciliary-current-account', + }, + ], + }, + { + name: 'SAVINGS ACCOUNTS', + linkPath: '/savings-accounts', + subItems: [ + { name: 'FCMB EASY ACCOUNT', linkPath: '/easy-account' }, + { name: 'KIDS (0-17 YRS)', linkPath: '/kids' }, + { name: 'FLEXX (18-30 YRS)', linkPath: '/flexx-account' }, + { + name: 'CLASSIC SAVINGS ACCOUNT', + linkPath: '/classic-savings-account', + }, + { + name: 'PREMIUM SAVINGS ACCOUNT', + linkPath: '/fcmb-premium-savings-account', + }, + { + name: 'FCMB SALARY SAVINGS ACCOUNT', + linkPath: '/fcmb-salary-savings-account', + }, + { + name: 'DOMICILIARY SAVINGS ACCOUNT', + linkPath: '/domiciliary-savings-account', + }, + ], + }, + { + name: 'INVESTMENTS', + linkPath: '/investment-accounts', + subItems: [ + { name: 'FIXED DEPOSITS', linkPath: '/fixed-deposits' }, + { name: 'GRO (App)', linkPath: '/GRO' }, + { name: 'GRO (Web)', linkPath: 'https://www.investwithgro.com/' }, + { + name: 'I-NEST SAVING', + linkPath: 'https://i-nest.fcmb.com/#/welcome', + }, + { name: 'CALL DEPOSITS', linkPath: '/call-deposits' }, + { + name: 'EDUCATION INVESTMENT PLAN', + linkPath: '/education-investment', + }, + { + name: 'MUTUAL FUNDS', + linkPath: 'https://www.fcmbassetmanagement.com/mutual-funds/', + }, + ], + }, + { + name: 'LOANS AND CREDIT CARDS', + linkPath: '/loans-and-credit-cards', + subItems: [ + { name: 'FASTCASH', linkPath: '/fastcash' }, + { name: 'SALARY PLUS LOAN', linkPath: '/salary-plus-loan' }, + { name: 'PREMIUM SALARY LOAN', linkPath: '/premium-salary-loan' }, + { name: 'AUTO LOAN', linkPath: '/auto-loan' }, + { name: 'AIRTIME LOAN', linkPath: '/airtime-loan' }, + { name: 'CREDIT CARDS', linkPath: '/credit-cards' }, + { + name: 'EASYLIFT LOAN', + linkPath: 'https://easyliftloanform.fcmb.com', + }, + { name: 'MORTGAGE', linkPath: 'http://mortgage.fcmb.com/' }, + ], + }, + { + name: 'NON-RESIDENT NIGERIAN (NRN) BANKING', + linkPath: 'https://www.fcmb.com/non-resident-nigerian', + }, + { + name: 'WAYS TO BANK', + linkPath: '/ways-to-bank', + subItems: [ + { name: 'FCMB MOBILE', linkPath: '/fcmb-mobile' }, + { + name: 'RETAIL INTERNET BANKING', + linkPath: 'https://ibank.fcmb.com/', + }, + { name: 'USSD BANKING', linkPath: '/ussd' }, + { name: 'OUR BRANCH NETWORK', linkPath: '/branch-network' }, + { name: 'OUR ATM NETWORK', linkPath: '/atm-network' }, + { name: 'FLASHMECASH', linkPath: '/flashme-cash' }, + { name: 'OUR CARDS', linkPath: '/our-cards' }, + { name: 'FCMB ELECTRONIC CHANNELS', linkPath: '/e-channels' }, + { name: 'AGENT BANKING', linkPath: '/agent-banking' }, + { + name: 'FCMB SECURE COMMUNICATION', + linkPath: '/secure-communication', + }, + { name: 'TEMI', linkPath: '/temi' }, + ], + }, + { name: 'BANCASSURANCE', linkPath: '/bancassurance' }, + ], + }, + { + name: 'BUSINESS BANKING', + linkPath: '/business-banking', + subItems: [ + { + name: 'PROPOSITIONS', + linkPath: '', + subItems: [ + { name: 'SHEVENTURES', linkPath: '/she-ventures' }, + { name: 'BUSINESS ZONE', linkPath: 'https://businesszone.fcmb.com/' }, + { + name: 'FOOD BUSINESS SUPPORT', + linkPath: 'https://www.fcmb.com/food-business-support/', + }, + { name: 'SCHOOL BUSINESS SUPPORT', linkPath: '/school-support' }, + ], + }, + { + name: 'CURRENT ACCOUNTS', + linkPath: '/business-current-accounts', + subItems: [ + { + name: 'CORPORATE CURRENT ACCOUNT', + linkPath: '/corporate-current-account', + }, + { name: 'FCMB BUSINESS ACCOUNT', linkPath: '/fcmb-business-account' }, + { + name: 'DOMICILIARY CURRENT ACCOUNT', + linkPath: '/business-domiciliary-current-account', + }, + ], + }, + { + name: 'SAVINGS ACCOUNTS', + linkPath: '/node/178', + subItems: [ + { + name: 'BUSINESS SAVINGS ACCOUNT', + linkPath: '/business-savings-account', + }, + ], + }, + { + name: 'LOANS', + linkPath: '/business-loans', + subItems: [ + { + name: 'SME DEVELOPMENT FINANCE FACILITY', + linkPath: '/sme-development-finance-facility', + }, + { + name: 'SME ASSET FINANCE FACILITY', + linkPath: '/sme-asset-finance-facility', + }, + { + name: 'SME WORKING CAPITAL FACILITY', + linkPath: '/sme-working-capital-facility', + }, + { name: 'QUICK LOAN', linkPath: '/quick-loan' }, + { + name: 'SME INVOICE DISCOUNTING FINANCE (IDF) FACILITY', + linkPath: '/invoice-discounting-loan', + }, + { + name: 'SME LOCAL PURCHASE ORDER (LPO) FINANCE FACILITY', + linkPath: '/local-purchase-order-loan', + }, + ], + }, + { name: 'BONDS & GUARANTEES', linkPath: '/bonds-and-guarantees' }, + { name: 'INTERVENTION FUNDS', linkPath: '/intervention-funds' }, + { name: 'TRADE SERVICE', linkPath: '/trade-service' }, + { + name: 'PAYMENT & COLLECTION', + linkPath: '/payment-and-collection', + subItems: [ + { name: 'COLLECTION SOLUTIONS', linkPath: '/collection-solutions' }, + { name: 'PAYMENT SOLUTIONS', linkPath: '/payment-solutions' }, + ], + }, + { + name: 'WAYS TO BANK', + linkPath: '/business-ways-to-bank', + subItems: [ + { + name: 'BUSINESS INTERNET BANKING', + linkPath: 'https://ibank.fcmb.com/corporate/BbgLoginScreenUI.aspx', + }, + { + name: 'CORPORATE INTERNET BANKING', + linkPath: 'https://www.fcmbonline.com/', + }, + { name: 'OUR ATM NETWORK', linkPath: '/atm-network2' }, + { name: 'FCMB ONLINE', linkPath: '/fcmb-online-business' }, + { + name: 'FCMB ELECTRONIC CHANNELS', + linkPath: 'https://www.fcmb.com/e-channels', + }, + { name: 'FCMB BUSINESS APP', linkPath: '/FCMB-business-app' }, + ], + }, + ], + }, + { + name: 'CORPORATE BANKING', + linkPath: '/cooperate-banking', + subItems: [ + { + name: 'FOREIGN EXCHANGE SERVICES', + linkPath: '/foreign-exchange-services', + }, + { name: 'TRADE SERVICES', linkPath: '/node/166' }, + { name: 'CASH MANAGEMENT SOLUTIONS', linkPath: '/cash-management' }, + { name: 'CORPORATE FINANCE', linkPath: '/corporate-finance' }, + ], + }, + { + name: 'GROUP & SUBSIDIARIES', + linkPath: '', + subItems: [ + { name: 'FCMB GROUP PLC', linkPath: 'https://www.fcmbgroup.com/' }, + { + name: 'CSL STOCKBROKERS', + linkPath: 'https://www.cslstockbrokers.com/', + }, + { + name: 'FCMB CAPITAL MARKETS', + linkPath: 'https://www.fcmbcapitalmarketsng.com/', + }, + { + name: 'FCMB ASSET MANAGEMENT', + linkPath: 'https://www.fcmbassetmanagement.com/index/', + }, + { + name: 'FCMB MICROFINANCE BANK', + linkPath: '/fcmb-microfinance-initiative', + }, + { name: 'FCMB UK', linkPath: 'http://www.fcmbuk.com/' }, + { + name: 'FCMB PENSIONS LIMITED', + linkPath: 'https://www.fcmbpensions.com/', + }, + { + name: 'CREDIT DIRECT LIMITED', + linkPath: 'https://www.creditdirect.ng', + }, + { name: 'FCMB TRUSTEES', linkPath: 'http://fcmbtrustees.com/' }, + ], + }, + { + name: 'ABOUT US', + linkPath: '/about-us', + subItems: [ + { + name: 'OUR VISION/MISSION/VALUES', + linkPath: '/about-us/vision-mision-core-values', + }, + { name: 'OUR HISTORY', linkPath: '/about-us/our-history' }, + { + name: 'INVESTOR RELATIONS', + linkPath: 'http://www.fcmbgroup.com/investor-relations', + }, + { name: 'CSR', linkPath: '/corporate-social-responsibility/index.html' }, + { name: 'SUSTAINABILITY', linkPath: '/sustainability/index.html' }, + { name: 'OUR LEADERSHIP', linkPath: '/about-us/our-leadership' }, + { name: 'BOARD OF DIRECTORS', linkPath: '/about-us/board-of-directors' }, + { + name: 'MEDIA RELATIONS', + linkPath: '/media-relations', + subItems: [ + { name: 'PRESS RELEASES', linkPath: '/press-releases' }, + { name: 'MEDIA STATEMENTS', linkPath: '/press-statements' }, + ], + }, + { name: 'AWARDS AND RECOGNITION', linkPath: '/awards' }, + { + name: 'OUR POLICY', + linkPath: '/our-policies', + subItems: [ + { name: 'BUSINESS CONTINUITY', linkPath: '/business-continuity' }, + { + name: 'CORPORATE GOVERNANCE POLICY', + linkPath: '/corporate-governance', + }, + { name: 'PRIVACY POLICY', linkPath: '/privacy-policy' }, + { name: 'QUALITY POLICY', linkPath: '/quality-policy' }, + ], + }, + ], + }, + { + name: 'MY BANK AND I', + linkPath: '', + subItems: [ + { name: 'TELEPHONE SELF SERVICE', linkPath: '/telephone-self-service' }, + { + name: 'CURRENT CAMPAIGNS/PROMOS', + linkPath: '/current-campaigns-promos', + subItems: [ + { + name: 'BOOK YOUR FLIGHTS AND PAY IN INSTALMENTS WITH FCMB', + linkPath: '/247travels', + }, + { name: 'REFER AND WIN', linkPath: '/refer-and-win' }, + { name: 'CARD DISCOUNTS', linkPath: '/card-discounts' }, + { + name: 'FLEXX WRITING CHALLENGE', + linkPath: 'https://flexxzone.fcmb.com/writing-challenge/', + }, + { + name: 'FLEXXPRENEUR', + linkPath: + 'https://flexxzone.fcmb.com/2020/07/flexxpreneur-is-back-2/', + }, + { + name: '3-MONTH FREE BANKING', + linkPath: 'https://www.fcmb.com/campaign/smebanking', + }, + ], + }, + { name: 'CAREERS', linkPath: '/career' }, + { name: 'CUSTOMER FEEDBACK', linkPath: '/customer-feedback' }, + { name: 'CUSTOMER SERVICE', linkPath: '/customer-service' }, + ], + }, +]; + +export const socialsIcons = [ + { name: 'facebook', image: FBook, link: process.VITE_FACEBOOK_URL }, + { name: 'twitter', image: Twitter, link: process.VITE_TWITTER_URL }, + { name: 'instagram', image: Instagram, link: process.VITE_INSTAGRAM_URL }, +]; + +export const footerItems = [ + { + category: 'PERSONAL BANKING', + subItems: [ + { text: 'CURRENT ACCOUNTS', href: '/current-accounts' }, + { text: 'SAVINGS ACCOUNTS', href: '/savings-accounts' }, + { text: 'INVESTMENTS', href: '/investment-accounts' }, + { text: 'LOANS AND CREDIT CARDS', href: '/loans-and-credit-cards' }, + { + text: 'NON-RESIDENT NIGERIAN (NRN) BANKING', + href: 'https://www.fcmb.com/non-resident-nigerian', + }, + { text: 'WAYS TO BANK', href: '/ways-to-bank' }, + { text: 'BANCASSURANCE', href: '/bancassurance' }, + ], + }, + { + category: 'BUSINESS BANKING', + subItems: [ + { text: 'PROPOSITIONS', href: '' }, + { text: 'CURRENT ACCOUNTS', href: '/business-current-accounts' }, + { text: 'SAVINGS ACCOUNTS', href: '/node/178' }, + { text: 'LOANS', href: '/business-loans' }, + { text: 'BONDS & GUARANTEES', href: '/bonds-and-guarantees' }, + { text: 'INTERVENTION FUNDS', href: '/intervention-funds' }, + { text: 'TRADE SERVICE', href: '/trade-service' }, + { text: 'PAYMENT & COLLECTION', href: '/payment-and-collection' }, + { text: 'WAYS TO BANK', href: '/business-ways-to-bank' }, + ], + }, + { + category: 'COOPORATE BANKING', + subItems: [ + { text: 'FOREIGN EXCHANGE SERVICES', href: '/foreign-exchange-services' }, + { text: 'TRADE SERVICES', href: '/node/166' }, + { text: 'CASH MANAGEMENT SOLUTIONS', href: '/cash-management' }, + { text: 'COOPORATE FINANCE', href: '/corporate-finance' }, + ], + }, + { + category: 'GROUP & SUBSIDIARIES', + subItems: [ + { text: 'FCMB GROUP PLC', href: 'https://www.fcmbgroup.com/' }, + { text: 'CSL STOCKBROKERS', href: 'https://www.cslstockbrokers.com/' }, + { + text: 'FCMB CAPITAL MARKETS', + href: 'https://www.fcmbcapitalmarketsng.com/', + }, + { + text: 'FCMB ASSET MANAGEMENT', + href: 'https://www.fcmbassetmanagement.com/index/', + }, + { text: 'FCMB MICROFINANCE BANK', href: '/fcmb-microfinance-initiative' }, + { text: 'FCMB UK', href: 'http://www.fcmbuk.com/' }, + { text: 'FCMB PENSIONS LIMITED', href: 'https://www.fcmbpensions.com/' }, + { text: 'CREDIT DIRECT LIMITED', href: 'https://www.creditdirect.ng' }, + { text: 'FCMB TRUSTEES', href: 'http://fcmbtrustees.com/' }, + ], + }, + { + category: 'ABOUT US', + subItems: [ + { + text: 'OUR VISION/MISSION/VALUES', + href: '/about-us/vision-mision-core-values', + }, + { text: 'OUR HISTORY', href: '/about-us/our-history' }, + { + text: 'INVESTOR RELATIONS', + href: 'http://www.fcmbgroup.com/investor-relations', + }, + { text: 'CSR', href: '/corporate-social-responsibility/index.html' }, + { text: 'SUSTAINABILITY', href: '/sustainability/index.html' }, + { text: 'OUR LEADERSHIP', href: '/about-us/our-leadership' }, + { text: 'BOARD OF DIRECTORS', href: '/about-us/board-of-directors' }, + { text: 'MEDIA RELATIONS', href: '/media-relations' }, + { text: 'AWARDS AND RECOGNITION', href: '/awards' }, + { text: 'OUR POLICY', href: '/our-policies' }, + ], + }, + { + category: 'MY BANK AND I', + subItems: [ + { text: 'TELEPHONE SELF SERVICE', href: '/telephone-self-service' }, + { text: 'CURRENT CAMPAIGNS/PROMOS', href: '/current-campaigns-promos' }, + { text: 'CAREERS', href: '/career' }, + { text: 'CUSTOMER FEEDBACK', href: '/customer-feedback' }, + { text: 'CUSTOMER SERVICE', href: '/customer-service' }, + ], + }, +]; + +export const footerSocialLinks = [ + { + href: 'https://www.facebook.com/FcmbMyBank/', + icon: FBookWhite, + }, + { + href: 'https://twitter.com/myfcmb/', + icon: XWhite, + }, + { + href: 'https://www.linkedin.com/company/first-city-monument-bank-ltd/', + icon: LinkedInWhite, + }, + { + href: 'https://www.youtube.com/user/fcmbplc', + icon: YoutubeWhite, + }, + { + href: 'https://www.instagram.com/myfcmb/', + icon: InstagramWhite, + }, + { + href: 'https://api.whatsapp.com/send?phone=09099999814', + icon: WhatsappWhite, + }, +]; + +export const footerCustomerLinks = [ + { + text: 'PRIVACY POLICY', + href: 'https://www.fcmb.com/privacy-policy', + }, + { + text: 'PRESS RELEASES', + href: '/press-releases', + }, + { + text: 'SHARE PRICE', + href: '/', + }, + { + text: 'WHISTLE BLOWER', + href: '/fcmb-whistle-blower-form', + }, + { + text: 'FRAUD PREVENTION', + href: '/customer-service', + }, + { + text: 'AML', + href: '/customer-service', + }, + { + text: 'CAREERS', + href: '/career', + }, +]; + +export const contactDetails = [ + { name: 'Call', value: import.meta.env.VITE_CALL_ENDPOINT }, + { name: 'Email', value: import.meta.env.VITE_EMAIL_ENDPOINT }, +]; diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/src_old/App.css b/src_old/App.css new file mode 100644 index 0000000..b9d355d --- /dev/null +++ b/src_old/App.css @@ -0,0 +1,42 @@ +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} diff --git a/src_old/App.tsx b/src_old/App.tsx new file mode 100644 index 0000000..14456cc --- /dev/null +++ b/src_old/App.tsx @@ -0,0 +1,14 @@ +import { useState } from 'react' +import './App.css' + +function App() { + const [count, setCount] = useState(0) + + return ( +

+ Hello world! +

+ ) +} + +export default App diff --git a/src_old/assets/react.svg b/src_old/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/src_old/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src_old/index.css b/src_old/index.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/src_old/index.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/src_old/main.tsx b/src_old/main.tsx new file mode 100644 index 0000000..3d7150d --- /dev/null +++ b/src_old/main.tsx @@ -0,0 +1,10 @@ +import React from 'react' +import ReactDOM from 'react-dom/client' +import App from './App.tsx' +import './index.css' + +ReactDOM.createRoot(document.getElementById('root')!).render( + + + , +) diff --git a/src_old/vite-env.d.ts b/src_old/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src_old/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..d37737f --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,12 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: [ + "./index.html", + "./src/**/*.{js,ts,jsx,tsx}", + ], + theme: { + extend: {}, + }, + plugins: [], +} + diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..a7fc6fb --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,25 @@ +{ + "compilerOptions": { + "target": "ES2020", + "useDefineForClassFields": true, + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["src"], + "references": [{ "path": "./tsconfig.node.json" }] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..97ede7e --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,11 @@ +{ + "compilerOptions": { + "composite": true, + "skipLibCheck": true, + "module": "ESNext", + "moduleResolution": "bundler", + "allowSyntheticDefaultImports": true, + "strict": true + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..861b04b --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react-swc' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [react()], +})

{title}

+ {title} +

+ Hello, {userDetails.firstname} +

+ Welcome Back, {userDetails.firstname} +

+ Applicant’s Attestation and Debit Instruction +

+ Let’s Get You Started +

+ EMPLOYER'S COMMITMENT AND VALIDATION +

+ Loan Amount +

+ You’re almost there +

+ PREMIUM SALARY LOAN +

+ {heading} +

+ REQUIRED ELIGIBILITY +

+ Let’s Get You Started +

+ Welcome! +

+ Enter OTP +

{tableTitle}

+ Hello world! +