Circle IT Logo
Back to Showcase
Company Profile
March 2023

Natts-Hospitality

Natts Hospitality is a curated portfolio website for a distinguished hospitality management company operating across Java, Indonesia. Built with Next.js, the platform showcases their collection of hotels and properties with region-based navigation, facility highlights, and a seamless guest inquiry experience.

FilamentNext.jsTypeScriptTailwindCSS
Visit Project
Natts-Hospitality

Natts Hospitality

A premium digital presence for Natts Hospitality Indonesia — a hospitality management company that redefines guest experiences through performance, people, and purpose. The website serves as a curated showcase of their distinguished property portfolio across Java, guiding prospective guests from discovery to direct reservation.

Features

  • Regional Property Portfolio: Organized navigation across Natts Hospitality's property collections in Yogyakarta, Cilacap, and Bogor — allowing visitors to explore hotels by region with rich imagery and descriptive copy.

  • Hotel & Room Showcase: Detailed property cards with room type listings, facility highlights, and large-format photography that communicates the premium quality of each property.

  • Facility Highlights: Dedicated sections showcasing key amenities including lobby, restaurant, pool, kids facilities, meeting rooms, and public spaces — giving guests a complete picture before booking.

  • Direct Reservation Flow: Integrated WhatsApp CTA and contact system enabling guests to inquire and reserve directly, reducing friction in the booking journey.

  • About & Brand Storytelling: A dedicated brand story page communicating the company's vision, values, and operational philosophy with a strong hero and narrative structure.

  • FAQ Section: Comprehensive FAQ covering reservations, amenities, policies, WiFi, breakfast, payment options, and check-in/check-out — reducing support load and improving guest confidence.

  • Responsive Design: Image-heavy, premium layout optimized across all devices with full-width hero sections, clean card grids, and clear call-to-action flows.

Stack

  • Next.js - React framework for server-side rendering and static site generation, powering fast and SEO-friendly property pages

  • TypeScript - Typed JavaScript superset for reliable, maintainable code across the entire application

  • TailwindCSS - Utility-first CSS framework enabling the premium, responsive visual design

  • Filament - Powerful Laravel admin panel for dynamic website content management

  • Live Site: Preview
  • Source Code: Restricted Access