Portfolio Case Study

Heavenly Horizon Tours — A Premium Kashmir Travel Website

A full-screen, slider-driven website with filterable tour packages, tabbed destination guides and a testimonial carousel — built for a luxury Kashmir travel agency in Srinagar, backed by a Firebase admin dashboard.

9Admin Modules
4Destination Guides
100%Mobile-First
Heavenly Horizon Tours

Heavenly Horizon Tours

Luxury Travel Agency · Srinagar, J&K
Kashmir Tourism Luxury Travel Firebase
📍 Mehjoor Nagar, Srinagar
🌐 heavenlyhorizonstours.com
🛠️ Built & maintained by Abrar Ali
Quick Answer

Heavenly Horizon Tours is a premium travel agency based in Mehjoor Nagar, Srinagar. I designed and built their website — a full-screen slider homepage with filterable tour packages, tabbed destination guides for Gulmarg, Pahalgam, Sonamarg and Doodhpathri, a team section and a testimonial carousel — plus a private Firebase admin dashboard covering packages, gallery, fleet, testimonials, bookings, enquiries and contact messages.

Quick Facts
ClientHeavenly Horizon Tours
IndustryLuxury Travel Agency / Tourism
LocationMehjoor Nagar, Srinagar, J&K
ScopeWebsite + Admin Dashboard
BackendFirebase (Firestore + Auth)
RoleDesign, Development, SEO
The Brief

Challenge & Solution

What the agency needed, and how the build addressed it.

The Challenge

A premium, 8-year-old agency with no website to match its "luxury" positioning.

150+ packages across honeymoon, family, luxury and destination categories with no way to browse or filter them online.

Four flagship destinations (Gulmarg, Pahalgam, Sonamarg, Doodhpathri) with no dedicated content to sell each one on its own merits.

A four-person team and 1500+ served travellers, with no digital trail of testimonials, bookings or enquiries.

The Solution

A full-screen rotating hero slider with a live stats strip — travellers served, packages completed, rating, support hours.

A filterable package grid (All, Honeymoon, Family, Gulmarg, Pahalgam, Luxury) rendered from Firestore.

Tabbed destination guides — each with a hero image, best season, altitude, distance and top activities.

A team section, testimonial slider and a Firebase admin dashboard covering the entire business — packages to contact messages.

What Was Built — Front End

A Site Built to Feel Premium

Every section is built to move a visitor from browsing to a WhatsApp enquiry or booking.

Full-Screen Hero Slider

A rotating four-image hero with animated stats, dot navigation and a scroll indicator.

Filterable Tour Packages

A pill-filter grid — All, Honeymoon, Family, Gulmarg, Pahalgam, Luxury — pulling live from Firestore.

Tabbed Destination Guides

Gulmarg, Pahalgam, Sonamarg and Doodhpathri, each with season, altitude, distance and top activities.

Team & Testimonials

A four-member team showcase plus a swipeable, auto-playing testimonial carousel.

WhatsApp-First Enquiries

Pre-filled WhatsApp links throughout — including a dedicated medical-emergency contact path.

Mobile-First & Fast

Built mobile-first with scroll-reveal animation, animated counters and no heavy front-end framework.

What Was Built — Admin Dashboard

A Full Back Office, Without a CMS

A password-protected dashboard built on Firebase Firestore & Auth, so the team runs the business content directly.

Tour Packages

Add, edit and categorise packages so they appear correctly across the homepage filter pills.

Gallery Images

Manage the Travel Moments gallery shown on the homepage and gallery page.

Vehicles / Fleet

Maintain the transport fleet — sedans, Innovas, tempo travellers and SUVs.

Testimonials

Add and manage guest reviews that feed the homepage testimonial slider.

Bookings & Enquiries

Searchable tables for every booking and enquiry, with contact messages tracked separately.

Settings

Central settings panel, with Firestore security rules restricting writes to authenticated admins only.

Under the Hood

Tech Stack

Kept deliberately lightweight — no framework overhead, fast to load, easy to maintain.

Front End

HTML5 CSS3 Vanilla JavaScript Font Awesome Google Fonts

Backend & Integrations

Firebase Firestore Firebase Auth WhatsApp API Links
How I Worked

Build Process

1. Discovery

Understood the agency's packages, destinations, team and how leads actually come in.

2. Design

A visual identity that reads as premium and distinctly Kashmiri.

3. Build

Front end plus a Firebase schema for packages, gallery, vehicles, testimonials, bookings and enquiries.

4. Handover

Admin dashboard walkthrough so the team can self-manage content going forward.

Want a Website Like This for Your Business?

Whether it's a hotel, resort, travel agency or houseboat — I build booking-ready sites with the same care, backed by an admin dashboard you actually control.

Discuss Your Project