SPA Wellness & Massage Brand Website
2024
The client is a premium SPA wellness center located in Taipei — Heaven Spa, offering professional massage, skincare treatments, and hot wax hair removal services. Operating from 1 PM to midnight, the spa is dedicated to delivering a top-tier relaxation experience.
The client wanted to build a brand website supporting both Traditional Chinese and English, making it convenient for both local and international customers to explore services and booking information. The frontend was also required to feature a Dark / Light mode, allowing users to switch themes based on their preference.
The frontend was built with the Astro framework, the backend uses Filament for the admin panel, and data is served through a GraphQL API. The architecture is clean and performant. The website covers brand introduction, services, team members, latest news, FAQ, careers, and business partnerships.
Full support for Traditional Chinese and English bilingual switching. All page content, navigation, and SEO meta dynamically render based on the selected language, making it easy for international visitors to browse.
Built-in Dark / Light theme toggle on the frontend. User preferences are automatically saved to localStorage, with CSS custom properties enabling a flicker-free theme transition.
The backend uses GraphQL as the API protocol. The frontend precisely fetches only the required data through queries, reducing unnecessary data transfer and improving overall performance.
Multiple carousel components covering services, team introductions, latest news, and more. Supports autoplay, swipe gestures, and touch interactions for a smooth browsing experience.
The frontend is built with the Astro framework, primarily using static generation combined with Islands Architecture to load JavaScript only for interactive components, significantly improving initial load speed and SEO performance.
The website fully supports Traditional Chinese and English bilingual switching, including all page content, navigation menus, and meta tags. Language preferences are automatically remembered, ensuring users see their last selected language when they return.
Theme switching is implemented using CSS custom properties with localStorage, and user preferences are persisted. The entire transition is flicker-free, ensuring a smooth visual experience.
The backend is built with Filament for content management, providing an intuitive admin interface that allows the client to independently maintain services, team members, latest news, and other website content.
The data layer uses GraphQL as the API protocol. The frontend can precisely fetch required fields through query syntax, avoiding the common over-fetching problem of REST APIs and making data transfer more efficient.
CONTACT US
Whether it's a brand website, multi-language site, or theme switching functionality, we can tailor a solution just for you.
Contact Us
