Initial commit

2025-10-11 11:55:25 +08:00
parent 467dad8449
commit 8107dee8d3
2879 changed files with 610575 additions and 0 deletions
--- a/src/views/Authentication/Reset/ResetCover.js
+++ b/src/views/Authentication/Reset/ResetCover.js
@@ -0,0 +1,109 @@
+/*!
+
+=========================================================
+* Argon Dashboard Chakra PRO - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
+* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
+
+* Designed and Coded by Simmmple & Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+// Chakra imports
+import {
+  Button,
+  Flex,
+  FormControl,
+  FormLabel,
+  Input,
+  Text,
+  useColorModeValue,
+} from "@chakra-ui/react";
+// Assets
+import CoverImage from "assets/img/CoverImage.png";
+import React from "react";
+import AuthCover from "layouts/AuthCover";
+
+function ResetCover() {
+  // Chakra color mode
+  const textColor = useColorModeValue("gray.700", "white");
+  const bgForm = useColorModeValue("white", "navy.800");
+  return (
+    <AuthCover image={CoverImage}>
+      <Flex
+        w="100%"
+        h="100%"
+        alignItems="center"
+        justifyContent="center"
+        mb="60px"
+        mt={{ base: "60px", md: "30vh" }}
+      >
+        <Flex
+          zIndex="2"
+          direction="column"
+          w="445px"
+          background="transparent"
+          borderRadius="15px"
+          p="40px"
+          mx={{ base: "20px", md: "100px" }}
+          mb={{ base: "20px", md: "auto" }}
+          bg={bgForm}
+          boxShadow={useColorModeValue(
+            "0px 5px 14px rgba(0, 0, 0, 0.05)",
+            "unset"
+          )}
+        >
+          <Text
+            fontWeight="bold"
+            color={textColor}
+            textAlign="center"
+            mb="10px"
+            fontSize={{ base: "3xl", md: "4xl" }}
+          >
+            Reset password
+          </Text>
+          <Text
+            fontWeight="regular"
+            textAlign="center"
+            color="gray.400"
+            mb="35px"
+          >
+            You will receive an e-mail in maximum 60 seconds.
+          </Text>
+          <FormControl>
+            <FormLabel ms="4px" fontSize="sm" fontWeight="normal">
+              Email
+            </FormLabel>
+            <Input
+              variant="auth"
+              fontSize="sm"
+              ms="4px"
+              type="text"
+              placeholder="Your email address"
+              mb="24px"
+              size="lg"
+            />
+            <Button
+              fontSize="10px"
+              variant="dark"
+              fontWeight="bold"
+              w="100%"
+              h="45"
+              mb="24px"
+            >
+              SEND
+            </Button>
+          </FormControl>
+        </Flex>
+      </Flex>
+    </AuthCover>
+  );
+}
+
+export default ResetCover;