feat: Added Home PageHeading

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>
+  </>
 }