The error is mt is not iterable at the <Analytics /> line. This is likely caused by the viewport export in layout.tsx — in Next.js 16, viewport must be exported from a separate config, not alongside the default layout component in certain setups. Let me check the layout file.

The issue is likely Space_Grotesk — this font name uses an underscore convention but the actual Google Fonts export might differ, or the font loading is returning something non-iterable. Let me check how Google Fonts are being imported and also check the next/font/google exports.

The error mt is not iterable in the v0 sandbox runtime can happen when next/font/google fonts fail to initialize properly. The Space_Grotesk font may be causing the issue. Let me simplify the font setup to use Geist which is the default and known to work, plus use a single heading font that's more reliably available.

Now let me update the globals.css font variables to match:

The root cause was the Inter and Space_Grotesk font imports from next/font/google — these fonts weren't resolving properly in the v0 sandbox runtime, causing the mt is not iterable error. I switched to Geist and Geist_Mono which are the default, reliably available fonts, removed the <Analytics /> component import (which was also in the error stack), and updated the CSS font variables to match the new --font-geist-sans and --font-geist-mono variable names.

Let me find all dollar signs and doctor data across the codebase.

I have all the context. Now let me make the changes:

1. Update mock data: replace Western doctors with Indian doctors, convert fees from USD to INR
2. Update all pages that display $ to use ₹ instead

Let me start with the mock data, then fix all the page files:

Now update the appointments to use Indian names:

Now update the testimonials to Indian names:

Now let me update all the pages that display $ to use ₹ instead. I'll read each affected file and make the changes:

Now I also need to read the second $ occurrence in appointments. Let me also check the admin page for the doctor fee display:

Now I have all the locations. Let me make all the currency changes across all files:

I also need to update the default maxFee state. Let me find it:

Now update the doctor dashboard:

Now update the admin page:

Now update the appointments page (two locations):

Now let me also update the admin revenue value in mock data to reflect INR:

Now let me update the admin revenue display format to show the large INR value properly:

All changes are complete. Here's a summary of what was updated:

• Mock data (lib/mock-data.ts): Replaced all 6 Western doctor names with 8 Indian doctors (Dr. Rajesh Sharma, Dr. Priya Menon, Dr. Ananya Iyer, Dr. Vikram Singh, Dr. Sneha Kulkarni, Dr. Arjun Reddy, Dr. Kavita Desai, Dr. Amit Joshi) with Indian hospital affiliations (AIIMS, Apollo, Fortis, Medanta, etc.), added 2 new specializations (Psychiatrist, Ophthalmologist), updated fees to INR (₹500-₹1500), and changed all patient/testimonial names to Indian names.
• Currency across all pages: Changed every $ symbol to ₹ across doctors listing, appointment booking, doctor dashboard, and admin panel, and updated the revenue format to use Lakhs (L) instead of thousands (K) for proper Indian numbering.