🎾 Padel ABC

graph TB subgraph "CUSTOMERS" C1[New Customer] C2[Returning Customer] end subgraph "PADEL ABC SYSTEM" WEB[Web Application
24/7 Online Booking] DB[(Database
Bookings & Customers)] VERIFY[Verification
Email + SMS] QR[QR Code
Generator] PAYMENT[Payment
Processing] end subgraph "COURT STAFF" STAFF[Staff Dashboard] SCANNER[QR Scanner] CHECKIN[Check-in System] end subgraph "COURT OWNER" REPORTS[Reports & Analytics] REVENUE[Revenue Tracking] SETTINGS[System Settings] end C1 -->|Register & Book| WEB C2 -->|Login & Book| WEB WEB -->|Save Booking| DB WEB -->|Send Verification| VERIFY WEB -->|Process Payment| PAYMENT WEB -->|Generate| QR DB -->|Provide Data| STAFF QR -->|Show at Court| SCANNER SCANNER -->|Confirm Arrival| CHECKIN CHECKIN -->|Update Status| DB DB -->|Generate| REPORTS DB -->|Calculate| REVENUE REPORTS -->|View Insights| SETTINGS style WEB fill:#4CAF50 style DB fill:#2196F3 style STAFF fill:#FF9800 style REPORTS fill:#9C27B0

journey title First-Time Customer Booking Journey section Discovery Find Padel ABC online: 5: Customer Browse available courts: 5: Customer See photos and prices: 5: Customer section Registration Click "Book Now": 4: Customer Create account (1 min): 4: Customer Enter personal details: 4: Customer section Booking Select court and time: 5: Customer Choose payment method: 5: Customer Complete payment: 5: Customer Receive booking reference: 5: Customer section Verification Check email (verify link): 3: Customer Enter SMS code: 3: Customer Booking confirmed!: 5: Customer section Court Visit Show QR code at court: 5: Customer Staff scans (instant): 5: Staff Play and enjoy: 5: Customer

journey title Returning Customer Booking Journey section Quick Booking Login (10 seconds): 5: Customer Search available courts: 5: Customer Select and book: 5: Customer Pay instantly: 5: Customer Instant confirmation: 5: Customer section Court Visit Open My Bookings: 5: Customer Show QR code: 5: Customer Staff scans: 5: Staff Start playing: 5: Customer

graph LR subgraph "CUSTOMER VIEW" C_SEARCH[🔍 Search Courts] C_BOOK[📅 Make Booking] C_PAY[💳 Pay Online] C_QR[📱 View QR Code] C_HISTORY[📋 My Bookings] end subgraph "STAFF VIEW" S_CALENDAR[📆 Today's Bookings] S_SCAN[📷 Scan QR Code] S_CHECKIN[✅ Check-in Customer] S_WALKIN[🚶 Create Walk-in Booking] S_CANCEL[❌ Handle Cancellation] end subgraph "OWNER VIEW" O_REVENUE[💰 Revenue Reports] O_ANALYTICS[📊 Court Utilization] O_CUSTOMERS[👥 Customer Database] O_PRICING[💵 Pricing Rules] O_BRANCHES[🏢 Manage Branches] end subgraph "SHARED DATABASE" DB[(Central Database)] end C_SEARCH --> DB C_BOOK --> DB C_PAY --> DB C_QR --> DB C_HISTORY --> DB DB --> S_CALENDAR DB --> S_SCAN DB --> S_CHECKIN DB --> S_WALKIN DB --> S_CANCEL DB --> O_REVENUE DB --> O_ANALYTICS DB --> O_CUSTOMERS DB --> O_PRICING DB --> O_BRANCHES style DB fill:#2196F3

sequenceDiagram participant Customer participant Website participant Database participant Verification participant Payment participant Staff Customer->>Website: 1. Search for courts Website->>Database: Query available courts Database-->>Website: Return available slots Website-->>Customer: Show results Customer->>Website: 2. Select court & book Website->>Database: Check availability Database-->>Website: Confirm available Customer->>Website: 3. Enter payment Website->>Payment: Process payment Payment-->>Website: Payment success Website->>Database: Create booking Database-->>Website: Booking created Website->>Verification: Send email + SMS Verification-->>Customer: Verification links Customer->>Verification: Verify email & phone Verification->>Database: Update verified status Database->>Database: Change status to Confirmed Note over Customer,Database: ON BOOKING DAY Customer->>Customer: Open QR code Customer->>Staff: Show QR code Staff->>Database: Scan & verify booking Database-->>Staff: Booking confirmed Staff->>Database: Mark as checked-in Database-->>Staff: Check-in successful Staff-->>Customer: Welcome! Enjoy playing

graph TD subgraph "BEFORE - Old Problems" P1[📞 Manual phone bookings
Time consuming] P2[📝 Paper calendar
Double bookings happen] P3[💰 Cash payment
Collection issues] P4[❌ No-shows
Lost revenue] P5[📊 No data
Can't track performance] end subgraph "AFTER - Padel ABC Solutions" S1[🌐 Online booking
24/7 automated] S2[⚡ Real-time calendar
Zero conflicts] S3[💳 Upfront payment
Guaranteed revenue] S4[✅ Verification system
Reduce no-shows 50%] S5[📈 Complete analytics
Data-driven decisions] end P1 -.->|Replaced by| S1 P2 -.->|Replaced by| S2 P3 -.->|Replaced by| S3 P4 -.->|Replaced by| S4 P5 -.->|Replaced by| S5 style P1 fill:#ffcdd2 style P2 fill:#ffcdd2 style P3 fill:#ffcdd2 style P4 fill:#ffcdd2 style P5 fill:#ffcdd2 style S1 fill:#c8e6c9 style S2 fill:#c8e6c9 style S3 fill:#c8e6c9 style S4 fill:#c8e6c9 style S5 fill:#c8e6c9

graph TB subgraph "BEFORE SYSTEM" B1[📞 Answer phone calls
30-50 calls/day] B2[📝 Write in calendar
Manual entry] B3[❓ Check availability
Flip through pages] B4[💰 Collect cash
Count and reconcile] B5[📋 Manual reports
2-3 hours/day] B1 --> B2 B2 --> B3 B3 --> B4 B4 --> B5 end subgraph "AFTER SYSTEM" A1[✅ Bookings come in
Automatically] A2[👀 Check dashboard
5 minutes] A3[📱 Scan QR codes
2 seconds/customer] A4[✨ Focus on service
More time for customers] A1 --> A2 A2 --> A3 A3 --> A4 end style B1 fill:#ffcdd2 style B5 fill:#ffcdd2 style A1 fill:#c8e6c9 style A4 fill:#c8e6c9