created a contact component with animated image using emailJs and Rea…

client/package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@emailjs/browser": "^4.4.1",
     "@fortawesome/fontawesome-free": "^6.6.0",
     "@heroicons/react": "^2.1.5",
     "mdb-react-ui-kit": "^9.0.0",
@@ -20,14 +21,14 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "daisyui": "^4.12.10",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
-    "postcss": "^8.4.40",
-    "tailwindcss": "^3.4.7",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.13",
     "vite": "^5.3.4"
   }
 }

client/src/App.jsx

@@ -6,6 +6,7 @@ import SignUp from "./components/SignUp";
 import Login from "./components/Login";
 import Header from "./components/Header";
 import Register from "./components/Register";
+import Contact from "./components/Contact"
 // import Profile from "./components/Profile";
 
 export default function App() {
@@ -25,6 +26,7 @@ export default function App() {
       {/* <SignUp/> */}
       {/* <Login /> */}
       {/* <Profile/> */}
+      <Contact />
       <Footer />
     </>
   );