feat(web): scaffold next.js app-router with shadcn-style nav and zust…

[DTriple-p]

Closes: #29

Overview

This PR scaffolds the initial Next.js application for the Lance frontend within the /apps/web directory. It establishes a premium-designed, responsive navigational shell and integrates global state management using Zustand to handle role-based navigation (Client, Freelancer, Logged-out).

Key Changes

• Framework Initialization: Configured Next.js 14+ App Router with TypeScript and Tailwind CSS v4.
• Aesthetic System: Defined a custom "Lance" theme in globals.css featuring:
  • Full Dark/Light mode support.
  • Glassmorphism effects for cards and sidebars.
  • Custom animation utility classes (fade-in, slide-in-from-bottom).
• Navigation Shell:
  • TopNav: Sticky header with logo, global search, and dynamic auth-state actions.
  • Sidebar: Responsive side-navigation with specialized links for Clients (Post Jobs, Talent search) and Freelancers (Find work, Contracts).
  • DashboardLayout: Unified layout component managing the structure and responsive behavior of the navigational elements.
• Global State Management:
  • Implemented Zustand store (useAuthStore) for managing auth state and permissions.
• Dynamic Home Page:
  • Created a visually impactful, high-performance landing page that adapts its message and CTAs based on the logged-in user's role.

Acceptance Criteria

• Application compiles and runs successfully via npm run dev.
• Navigation dynamically updates based on the user's role.
• UI scales gracefully across mobile and desktop.
• Tailwind 4 aesthetic "wow" factor achieved through glassmorphism and custom gradients.

---

[drips-wave]

@Agbasimere Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[soomtochukwu]

@Agbasimere, pls fix CI/CD errors

[DTriple-p]

@soomtochukwu Kindly review.

[soomtochukwu]

@Agbasimere , could you look into this?

[DTriple-p]

@soomtochukwu The CI errors was fixed earlier. Pls stay around

[DTriple-p]

@soomtochukwu Pls Merge Now.

[soomtochukwu]

you still have some CI errors

[soomtochukwu]

you still have some CI errors

@Agbasimere

[DTriple-p]

@soomtochukwu Bro just merge. I've fixed these CI errors twice now but they keep coming from no where.

[soomtochukwu]

@soomtochukwu Bro just merge. I've fixed these CI errors twice now but they keep coming from no where.

Try one more time, copy the errors and feed it to your AI

It's crucial that the CI/CD workflow passes/works

Thanks

[soomtochukwu]

Try one more time, copy the errors and feed it to your AI

It's crucial that the CI/CD workflow passes/works

Thanks

[soomtochukwu]

@Agbasimere, DM me

[soomtochukwu]

@Agbasimere, tell your AI to run the CI workflow locally till it works/succeeds before pushing

[DTriple-p]

@soomtochukwu send your tg

[soomtochukwu]

@soomtochukwu send your tg

@Agbasimere
Send yours

[DTriple-p]

@Kingsley_Ag

[DTriple-p]

@soomtochukwu Bro merge before it fails again... At least there's prove now