I'll create a mobile taxi app called "طاكسي باي" (Taxi Pi) with Arabic language support and Pi cryptocurrency payment integration. This will be a comprehensive ride-sharing app optimized for mobile devices.

I've created a comprehensive mobile taxi app "طاكسي باي" (Taxi Pi) with the following features:

Key Features:

Dual Interface

• Passenger Mode: Book rides and pay with Pi cryptocurrency
• Driver Mode: Accept ride requests and earn Pi

Mobile-First Design

• Fully responsive design optimized for mobile devices
• Arabic language support with RTL (Right-to-Left) layout
• Touch-friendly interface with large buttons

Pi Cryptocurrency Integration

• Pi balance display and management
• Transparent pricing in Pi currency
• Secure payment processing

Core Screens

1. Home Screen: User type selection and Pi balance
2. Booking Screen: Destination selection with quick options
3. Driver Matching: Real-time driver search
4. Active Ride: Driver details and trip tracking
5. Payment: Trip summary and rating system
6. Driver Dashboard: Ride requests and earnings

Special Features

• Scenario Integration: Includes the exact customer scenario from your description
• Quick Destinations: Hospital, Home, Office, Market with preset prices
• Real-time Updates: Driver location and arrival time
• Rating System: 5-star rating for drivers and passengers
• Arabic UI: Complete Arabic interface with proper RTL support

Interactive Elements

• Driver can accept/reject rides
• Passenger can choose different responses to customer scenarios
• Real-time status updates
• Smooth navigation between screens

The app perfectly captures the essence of your description where a new driver encounters a customer wanting to go to the hospital with 0.3 Pi, giving multiple response options. The design is modern, user-friendly, and optimized for the mobile experience with Pi cryptocurrency as the core payment method.

Now let me look at the existing structure and generate design inspiration for the Pi payment feature.

Now I have the design direction. I'll build a dedicated Pi payment screen with a sleek fintech aesthetic — deep navy background, gold Pi accents, a multi-step payment flow (confirmation → processing → success), and proper Arabic RTL layout.

Now I have the full picture. I'll update the globals.css with a deep navy/gold Pi theme and then refactor page.tsx to include a proper multi-step Pi payment flow with a dedicated PiPayment component.

Now let me build the full Pi payment flow into the app:

The Pi payment feature is now fully integrated with a dedicated multi-step flow: Confirm → Processing → Success. The confirmation screen shows a full invoice breakdown (ride price + network fee), a balance progress bar, and recipient verification. The processing screen simulates a real blockchain transaction with animated step indicators, and the success screen displays a copyable transaction ID, updated balance, and a star-rating widget. The entire app now uses a deep navy + gold Pi design system via updated CSS tokens, with proper Arabic RTL layout throughout.