+
+ )}
+ {isModalTwOpen && (
+
+ )}
+
+ )
+}
+
+export default Forgot
\ No newline at end of file
diff --git a/src/Pages/LandingPage.tsx b/src/Pages/LandingPage.tsx
index 38dd71e..4e1afd9 100644
--- a/src/Pages/LandingPage.tsx
+++ b/src/Pages/LandingPage.tsx
@@ -1,10 +1,23 @@
import { Button } from "@/components/ui/button";
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
import { increment, decrement } from "../store/features/counter/counterSlice";
import { useDispatch, useSelector } from "react-redux";
import { RootState } from "../store/store";
+
const LandingPage = () => {
+ const navigate = useNavigate();
+
+ const handleCreateLibrary = () => {
+ navigate("library/login");
+ };
+
+ const handleJoinLibrary = () => {
+ navigate("user/login");
+ };
+
+
+
const count = useSelector((state: RootState) => state.counter.count);
const dispatch = useDispatch();
@@ -37,12 +50,10 @@ const LandingPage = () => {
+ 
+
+
+
+ +
+
+
+ {isModalOpen && (
+
-
-
-
-
-
-
+
+
);
diff --git a/src/Pages/Librarylist.tsx b/src/Pages/Librarylist.tsx
new file mode 100644
index 0000000..16561c1
--- /dev/null
+++ b/src/Pages/Librarylist.tsx
@@ -0,0 +1,105 @@
+import { useState } from "react";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import Nav from "@/mycomponents/Nav";
+import Modal from "@/mycomponents/Modal";
+
+function Librarylist() {
+ const [isModalOpen, setIsModalOpen] = useState(false);
+ const [isSecondModalOpen, setIsSecondModalOpen] = useState(false);
+
+ const [selectLibrary, setSelectLibrary] = useState
+
+
+ )}
+ {isSecondModalOpen && selectLibrary && (
+
+ );
+}
+
+export default Librarylist;
diff --git a/src/Pages/LoginForm/LoginForm.tsx b/src/Pages/LoginForm/LoginForm.tsx
new file mode 100644
index 0000000..dc49695
--- /dev/null
+++ b/src/Pages/LoginForm/LoginForm.tsx
@@ -0,0 +1,111 @@
+import { FaUser, FaLock } from "react-icons/fa";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Link } from "react-router-dom";
+import Quote from "@/mycomponents/Quote";
+import { twMerge } from "tailwind-merge";
+import { useNavigate } from "react-router-dom";
+import libraryimage from "./images/library.jpg";
+import googleimage from "./images/Google.jpg";
+interface LoginFormProps {
+ up: string;
+}
+
+const LoginForm: React.FC
+
+ {isModalOpen && selectLibrary && (
+
+
+
+
+
+
+ {/* library lists */}
+ {libraries.map((library) => (
+ + List of Libraries +
++ Search for your suitable library +
+
+
+ ))}
+
+ 
+
+
+
+ + {library.name} +
++ library having Ac, Wifi etc. +
+ +
+
+ );
+};
+
+export default LoginForm;
diff --git a/src/Pages/LoginForm/images/Google.jpg b/src/Pages/LoginForm/images/Google.jpg
new file mode 100644
index 0000000..9eacdde
Binary files /dev/null and b/src/Pages/LoginForm/images/Google.jpg differ
diff --git a/src/Pages/LoginForm/images/library.jpg b/src/Pages/LoginForm/images/library.jpg
new file mode 100644
index 0000000..c0d7703
Binary files /dev/null and b/src/Pages/LoginForm/images/library.jpg differ
diff --git a/src/Pages/Users.tsx b/src/Pages/Users.tsx
new file mode 100644
index 0000000..d9073c8
--- /dev/null
+++ b/src/Pages/Users.tsx
@@ -0,0 +1,132 @@
+import Nav from "@/mycomponents/Nav";
+import { Input } from "@/components/ui/input";
+import { useState } from "react";
+function Users() {
+ interface user {
+ name: string;
+ date: string;
+ image?: string;
+ number: number;
+ email: string;
+ adress: string;
+ }
+ const [isClicked, setIsClicked] = useState(false);
+ const [selectUser, setSelectUser] = useState
+
+
+
+
+
+ +
+
+
+
+
+ );
+}
+
+export default Users;
diff --git a/src/Pages/images/library.jpg b/src/Pages/images/library.jpg
new file mode 100644
index 0000000..c0d7703
Binary files /dev/null and b/src/Pages/images/library.jpg differ
diff --git a/src/Pages/register/Register.tsx b/src/Pages/register/Register.tsx
new file mode 100644
index 0000000..7650122
--- /dev/null
+++ b/src/Pages/register/Register.tsx
@@ -0,0 +1,142 @@
+import { FaUser, FaLock } from "react-icons/fa";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { useState, FormEvent } from "react";
+import { useNavigate } from "react-router-dom";
+import { Link } from "react-router-dom";
+import { twMerge } from "tailwind-merge";
+import libraryimage from "./images/library.jpg";
+import Quote from "@/mycomponents/Quote";
+
+interface InputState {
+ email: string;
+ password: string;
+ confirmpassword: string;
+}
+
+function Register() {
+ const navigate = useNavigate();
+
+ const [input, setInput] = useState
+
+
+ {isClicked && selectUser && (
+
+
+
+
+
+
+ List of Users
+Search for users
+
+ {users.map((user) => (
+
+ click(user)}
+ className="h-28 w-full border border-neutral-300 rounded-r-2xl rounded-l-2xl "
+ >
+
+ ))}
+
+
+
+ 
+
+
+
+ {user.name}
+Started from {user.date}
+
+
+ )}
+
+
+
+
+ {selectUser.name}
+
+
+ Mobile Number
+
+ {selectUser.number}
+
+
+ E-mail
+
+
+ {selectUser.email}
+
+
+
+ Adress
+
+ {selectUser.adress}
+
+
+
+ Joining Date
+
+ {selectUser.date}
+
+
+
+ Session end on
+
+ 10/08/24
+
+
+
+ );
+}
+
+export default Register;
diff --git a/src/Pages/register/images/library.jpg b/src/Pages/register/images/library.jpg
new file mode 100644
index 0000000..c0d7703
Binary files /dev/null and b/src/Pages/register/images/library.jpg differ
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..ddbdd01
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,28 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+ React.ElementRef
+
+
+
+
+ +
+
+
+
+ {step == "step1" && (
+
+ );
+}
+
+export default Forgotpwdmodal;
diff --git a/src/mycomponents/Modal.tsx b/src/mycomponents/Modal.tsx
new file mode 100644
index 0000000..0eefeb5
--- /dev/null
+++ b/src/mycomponents/Modal.tsx
@@ -0,0 +1,100 @@
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+interface ModalProps {
+ user: string;
+ onClose: () => void;
+ library: string;
+ onProceed: () => void;
+ }
+
+
+ const Modal: React.FC
+
+
+ )}
+ {step == "step2" && (
+
+
+
+
+ Otp verification
++ otp has been sent to your registered email! +
+ {/* Add your form elements here */} + + + +
+
+
+ )}
+
+
+
+
+ Reset password
+ {/* Add your form elements here */} + + + + + +
+ {user === "first" && (
+
+ )}
+
+
+export default Modal
\ No newline at end of file
diff --git a/src/mycomponents/Nav.tsx b/src/mycomponents/Nav.tsx
new file mode 100644
index 0000000..9fef96a
--- /dev/null
+++ b/src/mycomponents/Nav.tsx
@@ -0,0 +1,21 @@
+import { Link } from "react-router-dom";
+
+function Nav() {
+ return (
+
+
+ )}
+ {user === "second" && (
+
+
+ {library}
+ {/* Add your form elements here */} +
+
+ Mobile number
+
+ 9783298810
+
+
+ Email
+
+
+ ourproject@gmsail.com
+
+
+
+ Fees
+
+ {"1000" + "₹"}
+
+
+
+
+ Adress
+Jodhpur
+
+
+ )}
+
+
+
+
+
+
+ Start Date
+
+
+
+
+
+
+
+ Months
+
+
+
+
+
+ Pricing
+
+
+
+
+ price per month
+1000
+
+
+
+
+ Months
+2
+
+
+
+
+
+ Totel
+2000
+
+
+
+ );
+}
+
+export default Nav;
diff --git a/src/mycomponents/Quote.tsx b/src/mycomponents/Quote.tsx
index b8be559..9dfe280 100644
--- a/src/mycomponents/Quote.tsx
+++ b/src/mycomponents/Quote.tsx
@@ -37,16 +37,16 @@ function Quote() {
getQuote(api_url);
}, []);
return (
-
-
+
+
+
Quote of the day
{`"${Quote}"`}
{`author- "${Author}"`}
+ className={twMerge(" font-medium text-1xl ml-44 w-full my-16")}
+ >{` "${Author}" -author`}
);
}
Quote of the day
{`"${Quote}"`}
{`author- "${Author}"`}
+ className={twMerge(" font-medium text-1xl ml-44 w-full my-16")} + >{` "${Author}" -author`}