diff --git a/client/index.html b/client/index.html index 5db8375..601a4b2 100644 --- a/client/index.html +++ b/client/index.html @@ -8,6 +8,6 @@
- + diff --git a/client/package-lock.json b/client/package-lock.json index 6194c63..c8c7e6a 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -15,6 +15,7 @@ "@mui/material": "^5.15.18", "@reduxjs/toolkit": "^1.9.5", "axios": "^1.4.0", + "lottie-react": "^2.4.0", "moment": "^2.29.4", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -3532,6 +3533,23 @@ "loose-envify": "cli.js" } }, + "node_modules/lottie-react": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.0.tgz", + "integrity": "sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==", + "dependencies": { + "lottie-web": "^5.10.2" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/lottie-web": { + "version": "5.12.2", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz", + "integrity": "sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==" + }, "node_modules/lru-cache": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", diff --git a/client/package.json b/client/package.json index a15c7a8..4af33d1 100644 --- a/client/package.json +++ b/client/package.json @@ -17,6 +17,7 @@ "@mui/material": "^5.15.18", "@reduxjs/toolkit": "^1.9.5", "axios": "^1.4.0", + "lottie-react": "^2.4.0", "moment": "^2.29.4", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/client/src/App.jsx b/client/src/App.jsx index 9806b72..7c3ea64 100644 --- a/client/src/App.jsx +++ b/client/src/App.jsx @@ -21,6 +21,7 @@ import About from "./components/About/About"; import { useEffect, useState } from "react"; import Loader from "./components/Loader"; +import Contact from "./components/Contact/contact"; function Layout() { const { user } = useSelector((state) => state.user); @@ -56,6 +57,7 @@ function App() { }> } path="/about" /> + } path="/contact-us" /> { + + return
+ + + + + + +
+ + + + + +
+ +
; +}; + +export default Contact; \ No newline at end of file diff --git a/client/src/components/Navbar.jsx b/client/src/components/Navbar.jsx index 449a612..18f0dec 100644 --- a/client/src/components/Navbar.jsx +++ b/client/src/components/Navbar.jsx @@ -128,6 +128,9 @@ const Navbar = () => {
  • Blogs
    • +
  • + Contact Us +
    • @@ -166,6 +169,7 @@ const Navbar = () => { Companies Candidates Blogs + Contact Us