From e358394e0dc31599e8ec73551c7babaa0ac123b8 Mon Sep 17 00:00:00 2001
From: sakshi-s29 <sakshishripad29@gmail.com>
Date: Wed, 27 May 2026 21:12:34 +0530
Subject: [PATCH] Improved homepage heading and auth UI

---
 CommDesk                                  | 1 +
 src/Component/ui/Input.tsx                | 8 ++++----
 src/features/Auth/v1/Pages/LoginPage.tsx  | 4 ++--
 src/features/Auth/v1/Pages/SignUpPage.tsx | 4 ++--
 4 files changed, 9 insertions(+), 8 deletions(-)
 create mode 160000 CommDesk

diff --git a/CommDesk b/CommDesk
new file mode 160000
index 0000000..46d10ea
--- /dev/null
+++ b/CommDesk
@@ -0,0 +1 @@
+Subproject commit 46d10eab2f2b1414dd007c3869cec4878ee8469a
diff --git a/src/Component/ui/Input.tsx b/src/Component/ui/Input.tsx
index 629f819..aaa6f0f 100644
--- a/src/Component/ui/Input.tsx
+++ b/src/Component/ui/Input.tsx
@@ -48,7 +48,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
           <label
             htmlFor={name}
             className="text-xs font-semibold uppercase tracking-wider"
-            style={{ color: theme.text.secondary }}
+            style={{ color: "black"}}
           >
             {label}
           </label>
@@ -57,7 +57,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
         <div
           className="flex items-center gap-2 rounded-lg px-3 py-2 border transition-all duration-150"
           style={{
-            backgroundColor: theme.bg.surface,
+            backgroundColor: "black",
             borderColor: error ? theme.danger.default : theme.border.default,
             boxShadow: error ? `0 0 0 3px ${theme.danger.subtle}` : undefined,
           }}
@@ -79,8 +79,8 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
             required={required}
             onKeyDown={onKeyDown}
             onChange={(e) => onChange?.(name, e.target.value)}
-            className={`flex-1 bg-transparent outline-none text-sm ${inputClassName}`}
-            style={{ color: theme.text.primary }}
+            className={`flex-1 bg-black text-white outline-none text-sm ${inputClassName}`}
+            style={{ color: "white" }}
           />
 
           {rightIcon && (
diff --git a/src/features/Auth/v1/Pages/LoginPage.tsx b/src/features/Auth/v1/Pages/LoginPage.tsx
index 67f39ef..a195a89 100644
--- a/src/features/Auth/v1/Pages/LoginPage.tsx
+++ b/src/features/Auth/v1/Pages/LoginPage.tsx
@@ -93,9 +93,9 @@ const LoginPage = () => {
 
               <Input
                 name="password"
-                className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                className="w-full px-3 py-2 border border-gray-300 rounded-md text-black bg-white placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                 placeholder="Enter your password"
-                type="password"
+                type="text"
               />
             </div>
             <button
diff --git a/src/features/Auth/v1/Pages/SignUpPage.tsx b/src/features/Auth/v1/Pages/SignUpPage.tsx
index 2735cac..1b93622 100644
--- a/src/features/Auth/v1/Pages/SignUpPage.tsx
+++ b/src/features/Auth/v1/Pages/SignUpPage.tsx
@@ -140,9 +140,9 @@ export default function SignUpPage() {
               </div>
 
               <h1 className="text-4xl xl:text-5xl font-black text-white leading-[1.15]">
-                Empower Your <br />
+                Empowering <br />
                 <span className="text-transparent bg-clip-text bg-linear-to-r from-indigo-300 via-purple-300 to-pink-300">
-                  Community
+                 Communities Through Collaborations
                 </span>
               </h1>