feat: improve landing page and login

src/auth.ts

@@ -1,18 +1,53 @@
 import { getDivById } from "./DomUtils";
 
 export function showAuthForms() {
-  getDivById('auth-section').classList.remove('hidden');
+  getDivById('auth-buttons').classList.remove('hidden');
   getDivById('user-info').classList.add('hidden');
   getDivById('app-content').classList.add('hidden');
+  getDivById('landing-page').classList.remove('hidden');
+}
+
+export function hideAuthForms() {
+  getDivById('auth-buttons').classList.add('hidden');
+  getDivById('auth-modal').classList.add('hidden');
+  getDivById('landing-page').classList.add('hidden');
+}
+
+export function openAuthModal() {
+  getDivById('auth-modal').classList.remove('hidden');
+}
+
+export function closeAuthModal() {
+  getDivById('auth-modal').classList.add('hidden');
 }
 
 export function toggleAuthForms() {
   document.getElementById('login-form')?.classList.toggle('hidden');
   document.getElementById('register-form')?.classList.toggle('hidden');
-  
+
   const logForm = document.getElementById('loginForm') as HTMLFormElement;
   logForm.reset();
 
   const resetForm = document.getElementById('registerForm') as HTMLFormElement;
   resetForm.reset();
 }
+
+export function showRegisterForm() {
+  document.getElementById('login-form')?.classList.add('hidden');
+  document.getElementById('register-form')?.classList.remove('hidden');
+
+  const resetForm = document.getElementById('registerForm') as HTMLFormElement;
+  resetForm.reset();
+
+  openAuthModal();
+}
+
+export function showLoginForm() {
+  document.getElementById('login-form')?.classList.remove('hidden');
+  document.getElementById('register-form')?.classList.add('hidden');
+
+  const logForm = document.getElementById('loginForm') as HTMLFormElement;
+  logForm.reset();
+
+  openAuthModal();
+}