Merge pull request #138 from Varsani2520/contact-page

Contact page
PatilHarshh · May 25, 2024 · 8b32d0f · 8b32d0f
2 parents cd67740 + 41a4a2e
commit 8b32d0f
Show file tree

Hide file tree

Showing 28 changed files with 1,647 additions and 1,986 deletions.
diff --git a/client/dist/assets/codewave-b6bf4c85.png b/client/dist/assets/codewave-b6bf4c85.png
diff --git a/client/dist/assets/facebook-2f54914b.png b/client/dist/assets/facebook-2f54914b.png
diff --git a/client/dist/assets/google-b9f2dce9.png b/client/dist/assets/google-b9f2dce9.png
diff --git a/client/dist/assets/hero-39b48dbc.png b/client/dist/assets/hero-39b48dbc.png
diff --git a/client/dist/assets/index-ae5751a1.js b/client/dist/assets/index-ae5751a1.js
diff --git a/client/dist/assets/index-dc009329.css b/client/dist/assets/index-dc009329.css
diff --git a/client/dist/assets/instagram-496c0b62.png b/client/dist/assets/instagram-496c0b62.png
diff --git a/client/dist/assets/job-7a3982a9.jpg b/client/dist/assets/job-7a3982a9.jpg
diff --git a/client/dist/assets/linkedin-7dcbc614.png b/client/dist/assets/linkedin-7dcbc614.png
diff --git a/client/dist/assets/office-095f6b2e.jpg b/client/dist/assets/office-095f6b2e.jpg
diff --git a/client/dist/assets/spotify-a4ba38da.png b/client/dist/assets/spotify-a4ba38da.png
diff --git a/client/dist/assets/twitter-e6ca9110.png b/client/dist/assets/twitter-e6ca9110.png
diff --git a/client/dist/assets/userprofile-028bf096.png b/client/dist/assets/userprofile-028bf096.png
diff --git a/client/dist/assets/whatsapp-e4e23ecf.png b/client/dist/assets/whatsapp-e4e23ecf.png
diff --git a/client/dist/assets/youtube-558740da.png b/client/dist/assets/youtube-558740da.png
diff --git a/client/dist/index.html b/client/dist/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Job Finder | Find Dream Job</title>
+  <script type="module" crossorigin src="/assets/index-ae5751a1.js"></script>
+  <link rel="stylesheet" href="/assets/index-dc009329.css">
+</head>
+<body>
+  <div id="root"></div>
+
+</body>
+</html>
diff --git a/client/dist/vite.svg b/client/dist/vite.svg
diff --git a/client/index.html b/client/index.html
@@ -1,16 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Job Finder | Find Dream Job</title>
 </head>
-
 <body>
   <div id="root"></div>
   <script type="module" src="./src/main.jsx"></script>
 </body>
-
-</html>
+</html>
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -18,6 +18,7 @@
     "@mui/styled-engine-sc": "^6.0.0-alpha.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/public/index.html b/client/public/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Job Finder | Find Dream Job</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="../src/main.jsx"></script>
+</body>
+</html>
diff --git 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,8 @@ function App() {
       <Routes>
         <Route element={<Layout />}>
           <Route element={<About />} path="/about" />
+          <Route element={<Contact />} path="/contact-us" />
+
           <Route
             path='/'
             element={

diff --git a/client/src/components/Contact/Contact.jsx b/client/src/components/Contact/Contact.jsx
@@ -0,0 +1,62 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import {
+    Box,
+    Container,
+    Grid,
+    Typography,
+    TextField,
+    Button,
+} from "@mui/material";
+import Lottie from "lottie-react";
+import contactAnimation from "../lottie-animation/contactAnimation.json";
+const Contact = () => {
+
+    return <div >
+        <Box sx={{ mt: "2rem", mb: '50px' }}>
+            <Grid container spacing={2}>
+                <Grid item xs={12} md={6}>
+                    <Lottie animationData={contactAnimation} style={{ height: '500px' }} />
+                </Grid>
+                <Grid
+                    item
+                    xs={12}
+                    md={6}
+                    sx={{ display: "flex", alignItems: "center" }}
+                >
+                    <form >
+                        <TextField
+                            label="Name"
+                            fullWidth
+                            margin="normal"
+
+                        />
+                        <TextField
+                            label="Email"
+                            fullWidth
+                            margin="normal"
+
+                        />
+                        <TextField
+                            label="Message"
+                            fullWidth
+                            multiline
+                            rows={4}
+                            margin="normal"
+
+                        />
+                        <Button
+                            variant="contained"
+                            color="primary"
+                            sx={{ mt: "1rem", fontSize: "1.2rem" }}
+                            type="submit"
+                        >
+                            Submit
+                        </Button>
+                    </form>
+                </Grid>
+            </Grid>
+        </Box></div>;
+};
+
+export default Contact;