Add welcome popup for unsigned users to encourage sign-in

[Copilot]

Implements a user-friendly welcome popup that appears automatically for unsigned users to encourage them to sign in and unlock the full features of ZitaCode.

What this PR does

This PR adds a new SignInPopup component that:

• Only shows for unsigned users - Uses Clerk's SignedOut wrapper to ensure signed-in users never see the popup
• Auto-displays after page load - Appears 1.5 seconds after the page loads to give users time to orient themselves
• Provides clear value proposition - Explains the benefits of signing in: "unlock the full power of our code editor, get access to advanced features, save your projects, and join our community of developers"
• Offers user choice - Three options for user interaction:
  • "Sign In to Get Started" - Opens Clerk's sign-in modal
  • "Maybe Later" - Dismisses popup but allows it to show again in future sessions
  • "Don't Show Again" - Permanently dismisses popup using localStorage
• Multiple dismissal methods - Can be closed via X button, clicking outside the overlay, or using action buttons

Technical implementation

The popup is built using:

• Existing UI components (Dialog, Button) for design consistency
• Clerk authentication components (SignedOut, SignInButton) for proper auth integration
• localStorage for persistent user preferences
• Tailwind CSS with gradient styling to match the app's dark theme

User experience

For unsigned users: A welcoming, branded popup appears encouraging sign-in with clear benefits and respectful dismissal options.

For signed-in users: No popup appears at all - the experience is unchanged.

The popup respects user choice - if they select "Don't Show Again", it won't appear in future sessions, but "Maybe Later" allows it to show again.

Files changed

• src/app/(root)/_components/SignInPopup.tsx - New popup component
• src/app/(root)/page.tsx - Added popup to main page
• .gitignore - Updated to exclude PWA build artifacts

Fixes the requirement to show a popup message for unsigned users encouraging sign-in while ensuring signed-in users have an uninterrupted experience.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
zita-code	Ready	Preview	Comment	Sep 20, 2025 4:28am

[SjxSubham]

@copilot which agent are you using ?

[Copilot]

@copilot which agent are you using ?

I'm GitHub Copilot's coding agent. I analyzed your requirements for adding a sign-in popup for unsigned users and implemented the SignInPopup component using your existing Clerk authentication system and UI components.

[SjxSubham]

make changes which i mentioned on that comment