FlutterFlow Mobile App for Cab Service

Build a Premium Mobile App for Prime Singrauli Cab Service using FlutterFlow and Firebase

Description:
We are looking for an experienced FlutterFlow expert to build a premium, high-converting mobile application (Android and iOS) for a startup called "Prime Singrauli Cab Service".

The app provides premium shared AC cab services between Indore and Bhopal with fixed routes, fixed pickup/drop points, fixed departure timings, and affordable seat booking (Rs 399 per passenger).

The UI must look premium, modern, clean, and highly trustworthy, optimized for a fast and simple user experience.

---

### TECH STACK AND DESIGN REQUIREMENTS
- Platform: FlutterFlow (Low-code/No-code)
- Backend: Firebase (Authentication, Firestore, Cloud Messaging)
- Primary Color: Dark Yellow (#F4B400)
- Secondary Color: White (#FFFFFF)
- Text Color: Black (#111111) with Light Grey Background Sections

---

### FIREBASE DB COLLECTIONS REQUIRED
1. users (Profile details, phone, role)
2. rides (Route, date, departure/arrival time, available seats, driver_id, vehicle_id)
3. bookings (Booking_id, user_id, ride_id, pickup/drop point, seats_booked, total_fare, status)
4. drivers (Name, phone, rating, license)
5. vehicles (Name, image, number_plate, max_seats: 6)

---

### COMPLETE APP STRUCTURE AND SCREENS

1. AUTHENTICATION FLOW
- Screen 1 (Login): Clean UI with Company Logo. Welcome Text: "Book Premium AC Shared Cabs Between Indore and Bhopal". Input: Phone number field (+91) with numeric keyboard only. Button: "GET OTP".
- Screen 2 (OTP Verification): 6-digit auto-focus separate OTP boxes. Includes Countdown Timer (30 seconds) and "Resend OTP" action. On success, navigates to Home Screen.

2. HOME SCREEN
- Header: User greeting, Profile Icon, Notification Icon.
- Main Booking Card: Route Selection (Indore Bhopal toggle), Date Picker, Departure Time selection, and Passenger Count Dropdown (1 to 6 max). Button: "SEARCH RIDES".
- UI Additions: Promotional Banner ("Premium AC Travel Only Rs 399") and Features Grid (AC, Verified Drivers, GPS Tracking, No Overloading, Phone Charging, Water Bottle).

3. RIDE LIST SCREEN
- Dynamic list displaying available rides from Firestore.
- Each card shows: Vehicle Name, Vehicle Image, AC Badge, Departure/Arrival Time, Available Seats counter, Price (Rs 399), and Driver Rating. Button: "BOOK NOW".

4. BOOKING AND DETAILS SCREEN
- Passenger Details (Name, Mobile).
- Fixed Pickup and Drop Location dropdowns:
* Indore Points: Vijay Nagar, Bhawarkua, Radisson Square
* Bhopal Points: ISBT, MP Nagar, Lalghati, Bhopal Railway Station
- Seat Selection (1 to 6) and Dynamic Fare Summary (Seats x Rs 399). Button: "CONTINUE TO PAYMENT".

5. PAYMENT AND SUCCESS SCREENS
- Payment Screen: Simulated integration or UI placeholder for UPI, Google Pay, PhonePe, and Razorpay.
- Success Screen: Displays Booking ID, Driver Name, Vehicle Number, Pickup Time, and Location. Button: "GO TO MY BOOKINGS".

6. USER PROFILE AND AUXILIARY SCREENS
- My Bookings Screen: Two tabs: "Upcoming" and "Completed" bookings with detailed cards.
- Profile Screen: User details with links to My Bookings, Help and Support, Privacy Policy, and Logout.
- Support Screen: Direct launch buttons for "WhatsApp Support" and "Call Support".

---

### IMPORTANT BUSINESS RULES TO IMPLEMENT
- Maximum 6 passengers per vehicle (Strictly no overloading).
- Fixed routes and predetermined pickup/drop locations only.
- Fixed daily departure times.

### WHAT WE ARE LOOKING FOR IN A FREELANCER:
- Proven experience with FlutterFlow and Firebase integration.
- Ability to create custom components and smooth page routing in FlutterFlow.
- Clean UI alignment and responsive layout design.
- Please share your portfolio or past FlutterFlow app links when applying.