The issue is that the payment page uses useSearchParams() which requires a Suspense boundary in Next.js 16. I need to wrap the component that uses useSearchParams in a Suspense boundary. Let me fix this by creating a client component wrapper:

Now let me check if there are other pages with similar issues (using useSearchParams without Suspense):

Both search and booking pages also use useSearchParams without Suspense boundaries. Let me fix both:

Now I need to add the Suspense wrapper to the booking page. Let me read further to find the default export and add the wrapper:

I've fixed the prerendering error by wrapping all three pages that use useSearchParams() with Suspense boundaries. In Next.js 16, the useSearchParams hook must be wrapped in a Suspense boundary since it's an async operation during static generation. Each page now has a loading fallback component that displays while the search params are being resolved.

You're right, let me continue building out the remaining features. The payment flow is complete, so I'll move to the user account system.

Now let me move to the live tracking and post-booking features:

Now let me move to the final task - adding static pages and admin panel:

Now let me mark all tasks as done:

I've completed the comprehensive Rajdhara Bus Service booking website with all the requested features. The site includes: a traditional Indian travel brand design with maroon/gold/cream aesthetics; full booking flow from search to seat selection to UPI payment; user authentication with phone/OTP login and registration; live bus tracking with progress timeline; booking management with PNR lookup; help center with FAQs; static pages (About, Terms, Privacy); and an admin dashboard for managing bookings and fleet. All pages use proper Suspense boundaries for Next.js 16 compatibility and feature a classic, trustworthy design that appeals to all age groups.