diff --git a/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 b/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001
index ef17dd7..189ffb1 100644
Binary files a/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 and b/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 differ
diff --git a/MySQL_conf_pbx/test1/mariadb_data/aria_log_control b/MySQL_conf_pbx/test1/mariadb_data/aria_log_control
index be2f797..b0887f9 100644
Binary files a/MySQL_conf_pbx/test1/mariadb_data/aria_log_control and b/MySQL_conf_pbx/test1/mariadb_data/aria_log_control differ
diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx
index f54c02c..83124b5 100644
--- a/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx
+++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
-import SignUp from './components/login-logout/signup'
+import SignInUp from './components/login-logout/signInup'
 import './App.css'
 
 function App() {
@@ -9,7 +9,7 @@ function App() {
 
   return (
     <div className='containment'>
-      <SignUp />
+      <SignInUp />
     </div>
   )
 }
diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logIn.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logIn.jsx
new file mode 100644
index 0000000..f222f4e
--- /dev/null
+++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/logIn.jsx
@@ -0,0 +1,20 @@
+export default function LogIn() {
+  return (
+    <div className="LHS">
+      <h2>Log In</h2>
+      <form>
+        <div className="form-elements">
+          <div>
+            <label>user name</label>
+            <input name="user_name" />
+          </div>
+          <div>
+            <label>password</label>
+            <input name="password" />
+          </div>
+        </div>
+        <button>Log In</button>
+      </form>
+    </div>
+  );
+}
diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx
new file mode 100644
index 0000000..15f8bbb
--- /dev/null
+++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signInup.jsx
@@ -0,0 +1,51 @@
+import CezenBanner from "./cezenBanar";
+import SignUp from "./signUp";
+import LogIn from "./logIn";
+import "./form_styling.css";
+// admin signup
+
+export default function SignInUp() {
+  // user signup
+  return (
+    <>
+      <div className="intro-page">
+        <div className="cezen-logo">
+          <CezenBanner />
+        </div>
+        <section>
+          <div className="LHS">
+            <SignUp />
+            <LogIn />
+          </div>
+          <div className="RHS">
+            <h1>Description</h1>
+            <p>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+              Temporibus quos alias placeat incidunt debitis obcaecati, eos
+              pariatur vero iure corrupti provident accusantium? Accusantium
+              facere laborum mollitia? Quos vero consectetur similique.
+            </p>
+            <p>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+              Temporibus quos alias placeat incidunt debitis obcaecati, eos
+              pariatur vero iure corrupti provident accusantium? Accusantium
+              facere laborum mollitia? Quos vero consectetur similique.
+            </p>
+            <p>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+              Temporibus quos alias placeat incidunt debitis obcaecati, eos
+              pariatur vero iure corrupti provident accusantium? Accusantium
+              facere laborum mollitia? Quos vero consectetur similique.
+            </p>
+            <p>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+              Temporibus quos alias placeat incidunt debitis obcaecati, eos
+              pariatur vero iure corrupti provident accusantium? Accusantium
+              facere laborum mollitia? Quos vero consectetur similique.
+            </p>
+          </div>
+        </section>
+      </div>
+    </>
+  );
+}
diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signUp.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signUp.jsx
new file mode 100644
index 0000000..cdfb32a
--- /dev/null
+++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signUp.jsx
@@ -0,0 +1,28 @@
+export default function SignUp() {
+  return (
+    <div className="LHS">
+      <h2>Sign Up</h2>
+      <form>
+        <div className="form-elements">
+          <div>
+            <label>user name</label>
+            <input name="user_name" />
+          </div>
+          <div>
+            <label>email</label>
+            <input name="email" />
+          </div>
+          <div>
+            <label>password</label>
+            <input name="password" />
+          </div>
+          <div>
+            <label>confirm password</label>
+            <input name="confirm_password" />
+          </div>
+        </div>
+        <button>Sign Up</button>
+      </form>
+    </div>
+  );
+}
diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signup.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signup.jsx
deleted file mode 100644
index fc1ed01..0000000
--- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/login-logout/signup.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import CezenBanner from "./cezenBanar"
-import "./form_styling.css"
-// admin signup
-
-export default function SignUp(){
-
-    // user signup
-    return (
-        <>
-        <div className="intro-page">
-            <div className="cezen-logo">
-            <CezenBanner />
-            </div>
-            <section>
-                <div className="LHS">
-                    <h2>Signup</h2>
-                    <form>
-                        <div className="form-elements">
-                            <div>
-                                <label>user name</label>
-                                <input name="user_name" />
-                            </div>
-                            <div>
-                                <label>email</label>
-                                <input name="email" />
-                            </div>
-                            <div>
-                                <label>password</label>
-                                <input name="password" />
-                            </div>
-                            <div>
-                                <label>confirm password</label>
-                                <input name="confirm_password" />
-                            </div>
-                        </div>
-                        <button>Sign Up</button>
-                    </form>
-                </div>
-                <div className="RHS">
-                    <h1>Description</h1>
-                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus quos alias placeat incidunt debitis obcaecati, eos pariatur vero iure corrupti provident accusantium? Accusantium facere laborum mollitia? Quos vero consectetur similique.</p>
-                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus quos alias placeat incidunt debitis obcaecati, eos pariatur vero iure corrupti provident accusantium? Accusantium facere laborum mollitia? Quos vero consectetur similique.</p>
-                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus quos alias placeat incidunt debitis obcaecati, eos pariatur vero iure corrupti provident accusantium? Accusantium facere laborum mollitia? Quos vero consectetur similique.</p>
-                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus quos alias placeat incidunt debitis obcaecati, eos pariatur vero iure corrupti provident accusantium? Accusantium facere laborum mollitia? Quos vero consectetur similique.</p>
-                </div>
-            </section>
-        </div>
-        </>
-    )
-} 
\ No newline at end of file