Initial commit: igny8 project

frontend/src/pages/AuthPages/AuthPageLayout.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import GridShape from "../../components/common/GridShape";
+import { Link } from "react-router";
+import ThemeTogglerTwo from "../../components/common/ThemeTogglerTwo";
+
+export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="relative p-6 bg-white z-1 dark:bg-gray-900 sm:p-0">
+      <div className="relative flex flex-col justify-center w-full h-screen lg:flex-row dark:bg-gray-900 sm:p-0">
+        {children}
+        <div className="items-center hidden w-full h-full lg:w-1/2 bg-brand-950 dark:bg-white/5 lg:grid">
+          <div className="relative flex items-center justify-center z-1">
+            {/* <!-- ===== Common Grid Shape Start ===== --> */}
+            <GridShape />
+            <div className="flex flex-col items-center max-w-xs">
+              <Link to="/" className="block mb-4">
+                <img
+                  width={231}
+                  height={48}
+                  src="/images/logo/auth-logo.svg"
+                  alt="Logo"
+                />
+              </Link>
+              <p className="text-center text-gray-400 dark:text-white/60">
+                Free and Open-Source Tailwind CSS Admin Dashboard Template
+              </p>
+            </div>
+          </div>
+        </div>
+        <div className="fixed z-50 hidden bottom-6 right-6 sm:block">
+          <ThemeTogglerTwo />
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/src/pages/AuthPages/SignIn.tsx

@@ -0,0 +1,17 @@
+import PageMeta from "../../components/common/PageMeta";
+import AuthLayout from "./AuthPageLayout";
+import SignInForm from "../../components/auth/SignInForm";
+
+export default function SignIn() {
+  return (
+    <>
+      <PageMeta
+        title="React.js SignIn Dashboard | TailAdmin - Next.js Admin Dashboard Template"
+        description="This is React.js SignIn Tables Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"
+      />
+      <AuthLayout>
+        <SignInForm />
+      </AuthLayout>
+    </>
+  );
+}

frontend/src/pages/AuthPages/SignUp.tsx

@@ -0,0 +1,17 @@
+import PageMeta from "../../components/common/PageMeta";
+import AuthLayout from "./AuthPageLayout";
+import SignUpForm from "../../components/auth/SignUpForm";
+
+export default function SignUp() {
+  return (
+    <>
+      <PageMeta
+        title="React.js SignUp Dashboard | TailAdmin - Next.js Admin Dashboard Template"
+        description="This is React.js SignUp Tables Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"
+      />
+      <AuthLayout>
+        <SignUpForm />
+      </AuthLayout>
+    </>
+  );
+}