⌜⌞⌝⌟
⊹⊹
production_ready

MASSAGEARTE LANDING PAGE

frontend

Massage Arte is a luxury, single-page landing website designed to capture high-end clientele and streamline the booking and payment process for a professional massage service.

∷∷∷∷

origin

https://massagearte.com/

section

Home

∷∷∷∷

category

production_ready

development type

frontend

Heber Martin Rodriguez - Project gif
⌜⌞⌝⌟
⌜⌞⌝⌟

◈overview

Massage Arte is a luxury, single-page landing website designed to capture high-end clientele and streamline the booking and payment process for a professional massage service.

The platform enables clients to reserve, pay instantly, and empowers the therapist with real-time notifications and calendar synchronization.

Target audience:

High-standing clients staying in luxury hotels, private villas, and chalets. Clients who value wellness, prefer not to travel, and expect seamless booking and payment in seconds from any device—without registration or complicated processes.

Value proposition:

Complete booking experience on one URL.

Real-time online reservations prowered by Cal.com.

Secure payments via Stripe integration.

Automatic synchronization with professional's Google Calendar.

Instant notifications via email.

Multiple massage services with flexible scheduling.

⌜⌞⌝⌟

◈key_features

for_end_users

    01.
  • Instant Booking System

    Seamless, no-registration reservation from with real-time availability.

  • 02.
  • Secure Payment Processing

    Stripe-powered payments with automatic confirmation

  • 03.
  • Multi-language Support

    Spanish and English (i18n with next-intl).

  • 04.
  • Design fully responsive

    Mobile-first design across all breakpoints (320px -> 1536px+).

  • 05.
  • Scroll animations

    Framer Motion 'whileInView' entrance animations on every section.

  • 06.
  • Sticky header

    Backdrop blur on scroll with mobile slide-out drawer menu (Shadcn UI).

  • 07.
  • Accessibility

    Semantic HTML, keyboard navigation, ARIA labels, VisuallyHidden titles on drawers.

for_admin

    01.
  • Real-Time Calendar Sync

    Automatic Google Calendar integration for the therapist.

  • 02.
  • Multi-Channel Notifications

    Email, WhatsApp Business or mobile push notifications.

  • 03.
  • Capture leads

    Personalised email template for enquiries submitted via the web form.

⌜⌞⌝⌟

◈architecture_diagram

Project architecture diagram - 4hmartin
⌜⌞⌝⌟
⌜⌞⌝⌟

◈pagespeed_insights_report

⌜⌞⌝⌟

◈screenshots_&_demos

Hero section desktop screenshot - 4hmartin
⌜⌞⌝⌟
About section desktop screenshot - 4hmartin
⌜⌞⌝⌟
Services section desktop screenshot - 4hmartin
⌜⌞⌝⌟
Services section desktop screenshot - 4hmartin
⌜⌞⌝⌟
Booking section desktop screenshot - 4hmartin
⌜⌞⌝⌟
Booking section desktop screenshot - 4hmartin
⌜⌞⌝⌟
FAQ section desktop screenshot - 4hmartin
⌜⌞⌝⌟
FAQ section desktop screenshot - 4hmartin
⌜⌞⌝⌟
Contact section desktop screenshot - 4hmartin
⌜⌞⌝⌟
Privacy policy page desktop screenshot - 4hmartin
⌜⌞⌝⌟
Cookie policy page desktop screenshot - 4hmartin
⌜⌞⌝⌟
Legal Notice page desktop screenshot - 4hmartin
⌜⌞⌝⌟
Hero section tablet screenshot - 4hmartin
⌜⌞⌝⌟
About section tablet screenshot - 4hmartin
⌜⌞⌝⌟
Hero section mobile screenshot - 4hmartin
⌜⌞⌝⌟
Mobile menu open screenshot - 4hmartin
⌜⌞⌝⌟
About section EN - Mobile screenshot - 4hmartin
⌜⌞⌝⌟
Services section EN - Mobile screenshot - 4hmartin
⌜⌞⌝⌟
Booking section EN - Mobile screenshot - 4hmartin
⌜⌞⌝⌟
FAQ section EN - Mobile screenshot - 4hmartin
⌜⌞⌝⌟
Contact section EN - Mobile screenshot - 4hmartin
⌜⌞⌝⌟
Cal.com booking system provider screenshot - 4hmartin
⌜⌞⌝⌟
Cal.com booking system provider screenshot - 4hmartin
⌜⌞⌝⌟
Cal.com booking system provider screenshot - 4hmartin
⌜⌞⌝⌟
⌜⌞⌝⌟

◈tech_stack

FOLLOW_THE_WHITE_RABBIT