diff --git a/package-lock.json b/package-lock.json
index bc1195e..09bffe8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@contentstack/venus-components": "^2.2.2",
+        "@contentstack/venus-components": "^2.2.4",
         "@reduxjs/toolkit": "^2.2.1",
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^13.4.0",
@@ -2027,11 +2027,12 @@
       "integrity": "sha512-Zj2ejyfbxZlXrF1Wl9lhwK2mCCWo5ooiDnSlNA8nupZ1nDsTfouYERgps8r/uyzm18Vda2wBitxloThxKAyzsA=="
     },
     "node_modules/@contentstack/venus-components": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/@contentstack/venus-components/-/venus-components-2.2.2.tgz",
-      "integrity": "sha512-7k0vCMqQVYdcZOXX+KypQIPr03ZMoyOu1nsgJ8+PIoCH2ikS7allOKq3+cJL+8fjhi/2UbD6q1254U8lSAiiBw==",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/@contentstack/venus-components/-/venus-components-2.2.4.tgz",
+      "integrity": "sha512-/Dijz5LDSR/UMxJtT0e7AWZnLXFuRBe6JamksOGXHOQQaEKYvye0oaQfSQq8Mjmb+D9WAN5BXOfMRBhzZA+aQQ==",
       "dependencies": {
         "@emotion/css": "^11.1.3",
+        "@testing-library/react-hooks": "^8.0.1",
         "@tippyjs/react": "^4.1.0",
         "array-move": "^3.0.1",
         "axios": "0.25.0",
@@ -2055,7 +2056,7 @@
         "react-beautiful-dnd": "^13.0.0",
         "react-color": "^2.19.3",
         "react-datepicker": "^4.25.0",
-        "react-dnd": "^11.1.3",
+        "react-dnd-11": "npm:react-dnd@^11.1.3",
         "react-dnd-html5-backend": "^11.1.3",
         "react-dropzone": "^11.2.4",
         "react-infinite-scroll-component": "^6.1.0",
@@ -2073,6 +2074,7 @@
         "react-tiktok": "^1.0.0",
         "react-toastify": "6.1.0",
         "react-treebeard": "^3.2.4",
+        "react-virtualized": "^9.22.5",
         "react-virtualized-auto-sizer": "1.0.5",
         "react-window": "^1.8.5",
         "react-window-infinite-loader": "^1.0.5",
@@ -2148,6 +2150,54 @@
       "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
       "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
     },
+    "node_modules/@contentstack/venus-components/node_modules/@testing-library/react-hooks": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/react-hooks/-/react-hooks-8.0.1.tgz",
+      "integrity": "sha512-Aqhl2IVmLt8IovEVarNDFuJDVWVvhnr9/GCU6UUnrYXwgDFF9h2L2o2P9KBni1AST5sT6riAyoukFLyjQUgD/g==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "react-error-boundary": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.9.0 || ^17.0.0",
+        "react": "^16.9.0 || ^17.0.0",
+        "react-dom": "^16.9.0 || ^17.0.0",
+        "react-test-renderer": "^16.9.0 || ^17.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        },
+        "react-test-renderer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@contentstack/venus-components/node_modules/@types/react": {
+      "version": "17.0.80",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.80.tgz",
+      "integrity": "sha512-LrgHIu2lEtIo8M7d1FcI3BdwXWoRQwMoXOZ7+dPTW0lYREjmlHl3P0U1VD0i/9tppOuv8/sam7sOjx34TxSFbA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "^0.16",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@contentstack/venus-components/node_modules/@types/react/node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/@contentstack/venus-components/node_modules/csstype": {
       "version": "2.6.21",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
@@ -17234,7 +17284,8 @@
         "node": ">=8"
       }
     },
-    "node_modules/react-dnd": {
+    "node_modules/react-dnd-11": {
+      "name": "react-dnd",
       "version": "11.1.3",
       "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-11.1.3.tgz",
       "integrity": "sha512-8rtzzT8iwHgdSC89VktwhqdKKtfXaAyC4wiqp0SywpHG12TTLvfOoL6xNEIUWXwIEWu+CFfDn4GZJyynCEuHIQ==",
@@ -17296,6 +17347,21 @@
         "node": ">= 6"
       }
     },
+    "node_modules/react-error-boundary": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-3.1.4.tgz",
+      "integrity": "sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
     "node_modules/react-error-overlay": {
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
@@ -17734,6 +17800,23 @@
         "react-dom": "^15.3.0 || ^16.0.0"
       }
     },
+    "node_modules/react-virtualized": {
+      "version": "9.22.5",
+      "resolved": "https://registry.npmjs.org/react-virtualized/-/react-virtualized-9.22.5.tgz",
+      "integrity": "sha512-YqQMRzlVANBv1L/7r63OHa2b0ZsAaDp1UhVNEdUaXI8A5u6hTpA5NYtUueLH2rFuY/27mTGIBl7ZhqFKzw18YQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "clsx": "^1.0.4",
+        "dom-helpers": "^5.1.3",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0",
+        "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-window": {
       "version": "1.8.10",
       "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.10.tgz",
diff --git a/package.json b/package.json
index b267681..9f156f2 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "private": true,
   "author": "Contentstack",
   "dependencies": {
-    "@contentstack/venus-components": "^2.2.2",
+    "@contentstack/venus-components": "^2.2.4",
     "@reduxjs/toolkit": "^2.2.1",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index 753896b..9076deb 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import { useSelector } from "react-redux";
 import { Link } from "react-router-dom";
-import { Heading } from "@contentstack/venus-components";
 import { RootState } from "../../store";
 import { TLink } from "../../types";
 
@@ -14,7 +13,7 @@ const Footer: React.FC = () => {
       <div className="footer-content">
         {navigation_links && (
           <div className="footer-link">
-            <Heading text={navigation_links?.title} tagName="h1" />
+            <h1>{navigation_links?.title}</h1>
             <nav className="footer-nav">
               {navigation_links?.link?.map((link: TLink, index: number) => (
                 <Link key={`key-${index}`} to={link.href}>
@@ -29,13 +28,13 @@ const Footer: React.FC = () => {
             <img src={information_section.logo?.url} alt="Footer" />
 
             <p>{information_section?.descrption}</p>
-            <Heading text="Hours" tagName="h3" />
+            <h3>Hours</h3>
             <p style={{ opacity: 0.8 }}>{information_section?.timings}</p>
             <p style={{ opacity: 0.8 }}>{information_section?.holiday}</p>
           </div>
         )}
       </div>
-      <Heading text={copyright} tagName="h2" />
+      <h2>{copyright}</h2>
     </div>
   );
 };