first commit

2023-10-14 22:02:57 -04:00
commit 5f95d857d4
783 changed files with 112323 additions and 0 deletions
@@ -0,0 +1,135 @@
+import React from "react";
+import Card from "@mui/material/Card";
+import { Typography } from "@mui/material";
+import Link from "next/link";
+import Grid from "@mui/material/Grid";
+import { Box } from "@mui/system";
+import TextField from "@mui/material/TextField";
+import Button from "@mui/material/Button";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Checkbox from "@mui/material/Checkbox";
+import styles from "@/components/Authentication/Authentication.module.css";
+
+export default function BasicForm() {
+
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    console.log({
+      email: data.get("email"),
+      password: data.get("password"),
+    });
+  };
+
+  return (
+    <>
+      <Card
+        sx={{
+          boxShadow: "none",
+          borderRadius: "10px",
+          p: "25px",
+          mb: "15px",
+        }}
+      >
+        <Typography
+          as="h3"
+          sx={{
+            fontSize: 18,
+            fontWeight: 500,
+            mb: '10px'
+          }}
+        >
+          Basic Form
+        </Typography>
+   
+        <Box component="form" noValidate onSubmit={handleSubmit}>
+          <Box sx={{mb: "10px"}}>
+            <Grid container alignItems="center" spacing={3}>
+              <Grid item xs={12}>
+                <TextField
+                  fullWidth
+                  id="name"
+                  label="Name"
+                  name="name"
+                  autoComplete="name"
+                  InputProps={{
+                    style: { borderRadius: 8 },
+                  }}
+                />
+              </Grid>
+
+              <Grid item xs={12}>
+                <TextField
+                  fullWidth
+                  id="email"
+                  label="Email Address"
+                  name="email"
+                  autoComplete="email"
+                  InputProps={{
+                    style: { borderRadius: 8 },
+                  }}
+                />
+              </Grid>
+
+              <Grid item xs={12}>
+                <TextField
+                  fullWidth
+                  name="password"
+                  label="Password"
+                  type="password"
+                  id="password"
+                  autoComplete="new-password"
+                  InputProps={{
+                    style: { borderRadius: 8 },
+                  }}
+                />
+              </Grid>
+
+              <Grid item xs={12}>
+                <TextField
+                  fullWidth
+                  name="confirmPassword"
+                  label="Confirm Password"
+                  type="password"
+                  id="confirmPassword"
+                  autoComplete="confirm-password"
+                  InputProps={{
+                    style: { borderRadius: 8 },
+                  }}
+                />
+              </Grid>
+            </Grid>
+          </Box>
+ 
+          <Button
+            type="submit"
+            fullWidth
+            variant="contained"
+            sx={{
+              mt: 2,
+              textTransform: "capitalize",
+              borderRadius: "8px",
+              fontWeight: "500",
+              fontSize: "16px",
+              padding: "12px 10px",
+              color: "#fff !important"
+            }}
+          >
+            Get Started
+          </Button>
+
+          <Typography fontSize="14px" mt="20px" align="center">
+            Already have an account?{" "}
+            <Link
+              href="#"
+              className="primaryColor text-decoration-none"
+            >
+             Sign In
+            </Link>
+          </Typography>
+        </Box>
+     
+      </Card>
+    </>
+  );
+}