Brivox Logo (130x31)
Delivery Report — Top Divers

Mobile-first headless booking platform — engineered securely

High-Performance, Secure, Mobile-First Booking System

This document summarizes what Brivox delivered for Top Divers Hurghada: a multilingual booking experience for diving courses, sea trips, and land tours — built as a segmented headless system with hardened APIs, separated infrastructure, and an isolated payment path designed for security and scale.

Client Overview

Client: Top Divers Hurghada — online booking for courses, sea trips, and land tours in Hurghada, supported by two physical locations for real-world operations and customer check-in.

Mobile-first PWA Headless Architecture Secure API Separated Checkout Real-time Admin EN / DE / FR
Delivery Outcome

A premium app-like booking experience + a hardened backend + an isolated payment flow — with an admin dashboard built for fast operations and clean scale.

Mobile Home (Mockup)
Top Divers — Mobile Home Mockup (1 image)
Brand Upgrade (Top Divers)

We modernized the platform identity and UI system: a refined logo, consistent color rules, iconography, and a luxury minimal design language aligned with the new experience.

Old Logo (Top Divers)
New Logo (Top Divers)
Confidential — Client Delivery TopDiversHurghada.com
Page 1
Brivox Logo (130x31)
Infrastructure & Hosting
EU Data Center — Dedicated Allocation

We provisioned premium hosting on Brivox infrastructure in Europe with high-performance compute, strict isolation, and daily backups — engineered for stability and predictable scaling.

Server Specs (Allocated)
Storage50GB SSD
Memory6GB RAM
Compute2 vCPU
RegionEurope (stable, low-latency reach)
CPU ClassLatest AMD Ryzen-class performance
BackupsDaily automated backups (restore-ready)
SSD I/O Optimized Isolation & Hardening Uptime-first
Reliability & Protection
01

Controlled Exposure

Tight inbound rules and segmented services to reduce blast radius and keep components isolated.

02

Operational Monitoring

Performance tracking and error visibility to maintain stability as bookings grow.

03

Backup Discipline

Daily backups with restore structure designed for fast recovery, not just storage.

Why it matters

Hosting is part of the product. We treat it as an engineered layer of speed, safety, and resilience — protecting bookings, customer data, and revenue continuity.

Client Website topdivershurghada.com
Page 2
Brivox Logo (130x31)
Headless Architecture
Segmented System (Scale + Security)

The platform is built as a segmented headless system: frontend UI, backend data, and checkout each live in their own layer — allowing independent scaling, updates, and security policies without disrupting the rest of the system.

Backend — PocketBase

PocketBase powers courses, trips, bookings, pricing logic, and dashboard operations. The backend runs on a separate server with hardened rules, controlled endpoints, and security procedures aligned with production-grade delivery.

Separate Server Strict Access Rules Validated Pricing Audit-ready Behavior
Frontend — Modern JS UI

The customer UI is built with modern JavaScript tooling and performance-first patterns: app-like interactions, optimized assets, and a minimal luxury design system that keeps mobile conversion high.

Mobile-first UX Fast Rendering Accessible UI PWA-ready
Isolated Checkout (Visa / PayPal)

Checkout is intentionally isolated from booking: totals are generated from the booking layer, then exported to a secure checkout interface (Next.js) and passed to WordPress (WooCommerce) payment gateways for final processing — ensuring that payment logic stays protected and operationally separated.

01

Booking Build

User adds divers / counts / details. Totals are computed and validated (not trusted from the client).

02

Secure Hand-Off

The final total is exported to checkout with controlled parameters and safe linking to the booking record.

03

Payment Confirmation

Successful payments trigger immediate visibility inside the admin dashboard.

Practical Security Value

Separation of concerns reduces risk: even under load or attack, the payment layer remains isolated, and core booking data stays protected.

TLS Everywhere Rate Limits Strict API Policies Segmentation
Engineered Securely Headless • Segmented • Hardened
Page 3
Brivox Logo (130x31)
Booking & Checkout UX
Mobile-first PWA (App-like Experience)

The UI is designed as a premium mobile experience: clean, fast, and conversion-focused. It is PWA-ready and structured so Top Divers can move into a full mobile app in the next phase without reworking the core system.

Courses — Per-Diver Logic

Course booking supports precise trainee counts and per-diver data. Each added diver updates the total instantly, validates required fields, and prepares a clean export to checkout.

Per-Diver Fields Auto Pricing Validation Checkout Export
Trips — Adults / Children Pricing

Trips use structured pricing logic: adult count + child count + date selection. Records are stored in a clean operational format, ready for scheduling and on-site execution.

Adults/Children Date Selection Structured Record Fast Confirmation
Booking Form
Booking Form — Composite (3 screens in one image)
Checkout
Checkout — Composite (2 screens in one image)
Isolated Payment Path

Checkout is isolated by design: booking builds the order, then payment completes through the dedicated gateway layer — keeping sensitive payment operations separate from daily booking traffic.

Multi-language Experience (EN / DE / FR)

The platform runs in three languages with consistent UI and accurate structure: English, German, and French. Language handling is built into the system design (not added as a fragile overlay).

EN DE FR Consistent UX
Built for Mobile Conversion PWA-ready
Page 4
Secure Admin Access + Real-time Operations

The dashboard is built to be fast, secure, and operationally clean: real-time booking visibility, controlled status updates, and structured content management (courses and trips) — all designed with mobile-first responsiveness.

Dashboard
Dashboard — Composite (3 screens in one image)
Live Flow: Booking → Payment → Status
01

New Booking Event

Bookings appear instantly with complete details and structured fields for operations.

02

Payment Signal

Successful payments trigger immediate status visibility, so operators don’t chase confirmations.

03

Operational Status

Teams can update status cleanly (confirmed, pending, completed) without breaking the data model.

Real-time Updates Status Workflow Secure Login Mobile-first
Bookings List + Status Update (Single Screen)
Bookings — Status Update Screen (single image)
Add Course Form (Single Screen)
Add Course Form — Dashboard (single image)
Multilingual Admin Inputs

Courses and trips can be authored per language (EN / DE / FR) directly inside the dashboard, ensuring accurate content across all locales — not auto-translated placeholders.

Fast Ops. Clean Control. Secure Admin
Page 5
Brivox Logo (130x31)
Next Phase — Mobile App

Brivox delivery standard — performance, security, scale

Built to Perform. Built to Protect. Built to Grow.

Top Divers now has an app-like booking system that runs fast under load, keeps sensitive payment flows isolated, and provides operators with real-time visibility. The foundation is designed so the next stage can ship a full mobile app without re-architecting the product.

Delivered Components
01

Headless Booking Platform

Courses, sea trips, land tours — structured, validated, and checkout-export ready.

02

Hardened Backend

PocketBase on a separate server with strict rules and controlled endpoints.

03

Isolated Checkout

Next.js checkout path connected to WordPress payment gateways (Visa / PayPal).

04

Admin Dashboard

Real-time bookings, status workflow, and multilingual content authoring.

Next Phase — Native Mobile App

The recommended next step is to deliver a mobile app (Android / iOS) built on the existing PWA-first foundation:

01

PWA Install Experience

Refine install prompts, offline-safe assets, and app-like navigation for daily use.

02

Native Wrapper (Capacitor)

Wrap the web app as a native container for Android/iOS, enabling deep links and native capabilities.

03

Push Notifications

Add booking and payment notifications for customers + ops alerts for the team.

04

Store Release

Prepare App Store / Google Play releases with proper app identity and compliance-ready builds.

Android / iOS Deep Links Push Notifications Offline-safe UX
Why this is easy now

Because the platform is already mobile-first and segmented, moving to a native app is mainly packaging + enhancements, not rebuilding the system.

Brivox — High-Performance Digital Products. Engineered Securely.
Page 6