Skip to content
Want a website like this?
Sauh Tur & Umroh Website

Demo Website

Sauh Tur & Umroh Website

One-page site for a tour and umrah agency: packages with what is and is not included, a departure board, staged payments, and a licence section that shows visitors how to verify it.

Open Live Preview

Industry

Travel Agency, Umrah & Halal Tours

Timeline

1 week

Package Used

A website with clear structure and navigation, for a small business going online for the first time

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

01

About This Website

One-page site for a tour and umrah agency: packages with what is and is not included, a departure board, staged payments, and a licence section that shows visitors how to verify it.

02

Notes Behind This Demo

Sauh Tur & Umroh is a made-up agency with a fictional office in Depok. The pilgrim I had in mind is comparing two or three agencies before paying a deposit and has heard of trips that never happened, so before the price they want the schedule, what the cost covers, and proof of a licence.

Three design decisions

  1. Each package is a ticket, with inclusions and exclusions side by side and the starting price on the tear-off stub. Passport and vaccine costs tend to surface late, so I put both on the same card as the price.
  2. The schedule is a departure board, with a payment deadline on every row and a filter for umrah or tours. That deadline decides whether someone can still join a departure, so it sits next to the departure date.
  3. The licence card holds sample data under a CONTOH (sample) stamp, beside four steps for checking it in SISKOPATUH, the registry the Ministry of Hajj and Umrah asks pilgrims to check before signing up. The permit number avoids the real format, so nobody takes this demo for a licensed agency.

A page like this fits Starter, including WhatsApp buttons that already name the trip and date. The schedule filter runs in the browser, and seat status is written into the code. Seats that update on each registration, or document uploads from pilgrims, need a database and an admin panel, which come with Enterprise, from Rp 15.000.000. For pilgrimage preparation (manasik) guides, Business (Rp 5.000.000) adds a blog with categories.

03

What It Includes

  • Umrah and tour packages with duration, departures, starting price, and inclusions
  • Departure board filterable by umrah or tour, with payment deadlines
  • Line-by-line cost breakdown and a three-stage payment plan
  • Licence section (sample data) with steps to verify a PPIU licence in SISKOPATUH
  • WhatsApp buttons pre-filled with the chosen package and date

04

Built With

  • React
  • TypeScript
  • Tailwind CSS
  • WhatsApp Integration

Project Gallery

Sauh Tur & Umroh Website - Screenshot 1
Sauh Tur & Umroh Website - Screenshot 2
Sauh Tur & Umroh Website - Screenshot 3
Sauh Tur & Umroh Website - Screenshot 4

Interested in Similar Project?

We can build a similar site for your business, on the same technology and features.

This project uses:

A website with clear structure and navigation, for a small business going online for the first time

Pricing and packages for a travel website →

*Contact us for further consultation about your project