I'll help you redesign the authentication system and enhance the app. Let me first read the current files to understand the structure.

Let me read the rest of the page.tsx and the admin dashboard to understand the staff management system:

Now I have a clear understanding of the codebase. Let me implement the requested changes:

1. Update People sign-up form with Full Name, Phone, WhatsApp, Location (mandatory), Gmail ID, and password
2. Update People login to use email ID and password only
3. Update Staff to login only (no sign-up) with Staff ID/SPF No. and password
4. Create a visually attractive and unique login design
5. Update types and APIs accordingly

Now let me update the store.ts to include earnings in the Staff type:

Now let me create a completely redesigned, visually attractive login page:

Now let me update the complaint creation and assignment to include auto-assignment and WhatsApp message functionality:

Now let me update the complaints API to auto-assign staff when an issue is submitted:

Now let me update the new complaint page to show the auto-assignment notification:

Now let me update the admin dashboard to show SPF No. instead of Staff ID and remove the staff signup tab:

Now let me update the staff dashboard to show the auto-assigned complaints with call/WhatsApp actions:

Now let me also update the complaint detail page for residents to show the tracking information:

The complaint detail page already has good tracking and contact features. Let me fix the import issue and update the waiting message to reflect auto-assignment:

Now let me also make sure the admin dashboard reflects WhatsApp messages when assigning:

The changes are complete. Let me provide a summary of all the updates made:

I've completely redesigned the authentication system and enhanced the Society Helpdesk App with the following changes:

1. People (User) Sign-up Form:

• Added fields: Full Name, Phone Number, WhatsApp Number, Location (mandatory), Gmail/Email ID, and Password
• Added a confirmation screen where users verify all details before completing sign-up
• Login now uses only Email ID and Password

2. Staff Portal:

• Removed sign-up functionality - Staff accounts are created by Admin only
• Login requires Staff ID (SPF No.) and Password
• Added helpful message explaining that staff accounts are created by admin
• Sample credentials shown: SPF001 / staff123

3. Enhanced Login Design:

• Modern, visually attractive interface with animated background elements
• Gradient accent bars on cards
• Smooth hover animations on role selection buttons
• Show/hide password toggle
• Improved typography and spacing

4. Auto-Assignment & Notifications:

• When a user submits an issue, staff is automatically assigned based on category and location
• Staff receives immediate notification to call the user and send WhatsApp message
• WhatsApp integration with pre-filled messages for easy communication
• Staff dashboard shows urgent "Action Required" banner with Call and WhatsApp buttons

5. Issue Tracking System:

• Real-time status tracking (Under Review > Assigned > In Progress > Resolved)
• Clear timeline visualization
• Contact options (Call, SMS, WhatsApp) for both residents and staff

6. Staff Payment System:

• Added earnings and pendingPayment fields to Staff type (ready for future implementation)
• SPF No. labels updated throughout admin dashboard

Let me check the current implementation and fix these issues. I'll also generate design inspiration for an enhanced visual experience.

Now I understand the issues. Let me:

1. Fix the call buttons to work properly on mobile
2. Generate images for the app
3. Update the color scheme and design
4. Make photos optional
5. Hide balance with ** symbols

Now let me update the globals.css with a vibrant warm color scheme:

Now let me update the layout to use the new font:

Now let me completely redesign the login page with images and better visual design:

Now let me update the staff dashboard to hide the balance with ** and fix the call buttons:

Now let me add the balance section with ** mask and earnings to the staff dashboard:

Now let me update the resident dashboard with an image background and update the complaint detail page to fix the call button. Let me also read and update the complaint detail page:

Now let me update the new complaint page to make photos optional and also update the background of resident pages:

The new complaint page already has photos as optional (the label says "Photos (Optional)"). Let me also update the resident dashboard header to have the new image background and better styling:

Now let me also update the admin dashboard for better visual consistency:

Now let me also update the staff signup route in admin dashboard to include earnings:

Now let me also update the global type declaration in the signup file:

Now let me also update the staff ID prefix from STF to SPF in the signup route:

I've made all the requested changes. Here's a summary of what was updated:

1. Call Button Fix:

• Updated the call buttons to use proper <Button asChild> with <a href="tel:..."> pattern for reliable mobile calling
• Added WhatsApp buttons that open in a new tab with pre-filled messages

2. Photos Made Optional:

• The photo upload already shows "(Optional)" label in the complaint form

**3. Balance Hidden with :

• Added a new earnings card in staff dashboard showing balance as "** ** **" by default
• Added eye icon toggle to show/hide actual balance amounts
• Displays both total earnings and pending payment

4. Visual Design Updates:

• New warm color scheme with orange/golden tones (changed from cool dark theme)
• Updated font to Poppins for better readability
• Generated 4 attractive images for login, community, staff, and support
• Added hero section with gradient backgrounds on login page
• Added feature cards showcasing 24/7 support, trusted staff, and instant response
• Updated resident dashboard with a welcoming gradient header

5. Staff ID Updated:

• Changed all references from "Staff ID" to "SPF No." throughout the app
• Sample staff credentials now show SPF001 instead of STF001

The autofix added an invalid import. Let me remove it since ImageIconComponent is not actually used in the code:

Removed the unused ImageIconComponent import that was incorrectly auto-added. The component was not actually being used in the staff dashboard code.