Let me start by reading all the existing components to understand the full scope of what needs to be changed.

Now I have a complete picture. Let me set up tasks and start building everything out.

Good, logo generated. Now let me build the enhanced landing page with better navbar, About section, How It Works, Stats, Testimonials, and NPR pricing:

Now let me also update the login page to use the logo and update the dashboard shell:

Now update the dashboard shell to use the logo:

Now let me move to the Student Dashboard and build all the sub-pages:

Now let me build all the Institute Dashboard pages:

Now the Admin Dashboard:

All pages are now fully built with no "Coming Soon" placeholders. Here's what was done across all four areas:

Landing Page: Enhanced with a mobile-responsive navbar (hamburger menu), Stats bar (25,000+ students, 98% satisfaction, etc.), "How It Works" 4-step section, a full About section with mission/vision/values cards and founding details (Kathmandu, Nepal), Testimonials from Nepali students, NPR pricing (Free / NPR 1,499 / NPR 9,999), a CTA banner, and a proper 4-column footer with contact info. A custom PrepFlow logo was generated and used across the navbar, login page, and sidebar.

Student Dashboard (4 new pages): Mock Tests page with test history table and stats; Analytics with score trend line chart, radar chart, and skill breakdown tips; Study Plan with a full weekly schedule showing task completion; Profile with personal info tabs, exam details, and subscription management in NPR.

Institute Dashboard (4 new pages): Manage Students with search, export, and full student table; Batches with progress bars and schedule details; Reports with batch comparison bar chart, score distribution pie chart, and top performers table; Settings with institute profile, billing/invoices in NPR, and notification preferences with toggles.

Admin Dashboard (4 new pages): User Management with role badges, search, and action buttons; Content Library showing all exam materials with type icons and status; Financials with NPR revenue area chart and transaction history; System Logs with level filters (info/success/warning/error) and detailed log entries.

Let me start by reading all the current files to understand the full state of everything:

Now let me read the remaining truncated portions:

Now I have a full picture of every file. Let me set up tasks and start building:

Let me start with the first task -- improving the landing page logo, navbar, login page, and sidebar logo:

Now let me enlarge the sidebar logo:

Now let me completely revamp the login page with a better layout -- split screen design with the logo featured prominently:

Login page revamped with a split-screen layout featuring the logo prominently on the left panel. Now let me move to task 2 -- add a Start Test page and make all buttons functional:

Now I need to rewrite the student dashboard to add a full test-taking page, test review page, and make all buttons navigate properly. This is a large rewrite of the student-dashboard.tsx:

Now let me move to task 3 -- add invite/add forms with live state updates to Institute and Admin dashboards:

Now I need to rewrite the Institute Dashboard with stateful add/invite forms and card alignment fixes. I'll combine tasks 3 and 4 into the rewrites since I'm touching every dashboard file anyway:

Now let me rebuild the Admin Dashboard with stateful forms and proper card alignment:

Here's a summary of everything that was updated:

Logo & Branding: Enlarged the PrepFlow logo across the navbar (44px), sidebar (40px), and login page (56px) with rounded-xl and tighter tracking on the brand text. The logo now appears prominently on the login page's left panel and the mobile login header.

Login Page: Completely redesigned as a split-screen layout -- the left half is a branded panel with the large logo, tagline, student count, and three feature highlights; the right half has the centered form with larger inputs (h-11), styled demo credentials in individual rows, and a "contact your institute / start free trial" footer. Mobile gets a dedicated top bar with the logo.

Student Dashboard -- New Pages: "Start New Test" button now opens a full test selection page with 6 available tests (difficulty badges, section details, radio selection). Selecting a test and clicking "Begin Test" opens a real test-taking interface with a passage display, multiple-choice answers (A/B/C/D), progress bar, timer badge, Previous/Next navigation, and a Submit button. After submitting, a detailed results page shows band score, correct/wrong answers with feedback, and buttons to retake or view analytics. The "Review" button on completed tests opens a section breakdown with per-skill scores, correct answer counts, and AI feedback.

Institute Dashboard -- Live State: The "Invite Student" button opens an inline form (name, email, batch). Submitting adds the student instantly to the table with "New" status. "Create Batch" opens a similar form that adds a new batch card with "Upcoming" status. The dashboard overview KPIs now dynamically reflect the actual student/batch counts.

Admin Dashboard -- Live State: "Add User" opens an inline form with name, email, role selector, and institute field. New users appear immediately in the table. The "Approve/Reject" buttons on pending institutes now work -- clicking Approve/Reject updates the status in real-time, shows a "Recent Decisions" section below, and the pending count badge updates accordingly. User Management stat cards (Total, Students, Institutes, Suspended) all dynamically count from the live data.

Card Alignment: All stat cards across every dashboard now use flex items-center justify-between with shrink-0 on icon containers, ensuring consistent left-text/right-icon alignment. Table columns use hidden sm:table-cell and hidden md:table-cell for responsive overflow handling.