From 1da7629653fa26f739844629334881690e679c63 Mon Sep 17 00:00:00 2001
From: Pritish Budhiraja <1805317@kiit.ac.in>
Date: Wed, 29 Nov 2023 19:19:51 +0530
Subject: [PATCH] feat: Added Home PageHeading

---
 src/screens/HyperSwitch/Home/HomeV2.res | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/screens/HyperSwitch/Home/HomeV2.res b/src/screens/HyperSwitch/Home/HomeV2.res
index a12a7d4cc..aeb99cfba 100644
--- a/src/screens/HyperSwitch/Home/HomeV2.res
+++ b/src/screens/HyperSwitch/Home/HomeV2.res
@@ -338,6 +338,7 @@ module Resources = {
 
 @react.component
 let make = () => {
+  let greeting = HomeUtils.getGreeting()
   let isMobileView = MatchMedia.useMobileChecker()
   let {isProdIntentCompleted} = React.useContext(GlobalProvider.defaultContext)
   let enumDetails = Recoil.useRecoilValueFromAtom(HyperswitchAtom.enumVariantAtom)
@@ -349,13 +350,19 @@ let make = () => {
     isProdIntentCompleted,
   ]
 
-  <div className="w-full flex flex-col gap-14">
-    {if checkingConditions->Js.Array2.includes(false) {
-      <QuickStart isMobileView />
-    } else {
-      <HomePageOverviewComponent />
-    }}
-    <RecipesAndPlugins />
-    <Resources />
-  </div>
+  <>
+    <PageUtils.PageHeading
+      title={`${greeting}, it's great to see you!`}
+      subTitle="Welcome to the home of your Payments Control Centre. It aims at providing your team with a 360-degree view of payments."
+    />
+    <div className="w-full flex flex-col gap-14">
+      {if checkingConditions->Js.Array2.includes(false) {
+        <QuickStart isMobileView />
+      } else {
+        <HomePageOverviewComponent />
+      }}
+      <RecipesAndPlugins />
+      <Resources />
+    </div>
+  </>
 }