Mahabbatussholihin Tour & Travel

A comprehensive Islamic travel website specializing in Umroh and Haji pilgrimage services. Built with Next.js and Sanity CMS, featuring dynamic content management, gallery showcases, blog articles, and integrated WhatsApp consultation system.

Mahabbatussholihin Tour & Travel

Overview

Mahabbatussholihin Tour & Travel is a trusted partner for spiritual journeys, providing comprehensive Umroh and Haji pilgrimage services. The website was developed to serve as a complete digital platform for pilgrims seeking to perform their religious obligations with professional guidance and premium facilities. The platform showcases the company's commitment to providing blessed and meaningful journeys that exceed pilgrims' expectations while maintaining trust and responsibility in every step. Every rupiah from MS Travel becomes a source of blessings — all revenue is channeled for the development and activities of Pondok Pesantren Mahabbatussholihin in Purwakarta.

Challenge

Mahabbatussholihin Tour & Travel needed a modern digital presence to showcase their Umroh and Haji pilgrimage services. The client required a platform that could effectively communicate their vision, mission, and comprehensive facilities while making it easy for potential pilgrims to explore packages and get in touch for consultations.

Solution

I developed a full-featured website using Next.js for optimal performance and SEO, integrated with Sanity CMS for easy content management. The platform includes dynamic package displays, an extensive gallery system to showcase pilgrimage experiences, a blog section for travel tips and guides, testimonials from satisfied pilgrims, and direct WhatsApp integration for instant consultation. The website is fully responsive and optimized for fast loading times.

Impact

The website successfully established a strong online presence for Mahabbatussholihin Tour & Travel, making it easier for pilgrims to discover their services and understand the comprehensive facilities offered. The integrated CMS allows the team to easily update packages, add new gallery images, and publish blog articles without technical assistance. The WhatsApp consultation feature has streamlined the inquiry process, leading to increased engagement with potential customers.

My Contributions

  • Designed and developed the complete website architecture using Next.js and TypeScript
  • Integrated Sanity CMS for dynamic content management (packages, galleries, blog)
  • Implemented responsive design with TailwindCSS for seamless mobile experience
  • Built gallery showcase system to display pilgrimage experiences across Makkah, Madinah, and travel moments
  • Integrated WhatsApp consultation system for direct customer communication
  • Optimized images and implemented SEO best practices for better search visibility
  • Deployed to Vercel with automatic deployments from Git repository

Project Info

Duration

3 Weeks

Role

Full Stack Developer

Status

Internal Use

Technologies

Next.jsSanity CMSTailwindCSSTypeScriptBunny CDNVercel

Screenshots

Mahabbatussholihin Tour & Travel screenshot 1
Mahabbatussholihin Tour & Travel screenshot 2
Mahabbatussholihin Tour & Travel screenshot 3
Muhammad Faizal Rais Athallah | Web Developer & IT Support