Dosha - Luxe Ayurvedic Landing Page Template

Quick summary

Dosha is a luxe, single-column landing page template designed for Ayurvedic beauty clinics. It leads with an animated client photo mosaic, guides visitors through four curated treatment collection sections, and closes with a practitioner portrait and a Dosha Quiz modal that captures email addresses before delivering a personalized recommendation.

Who this template is for

This template is built for practitioners and clinic owners who offer holistic, ritual-based skin and body treatments. It suits businesses where the consultation itself is the first product, not a shelf of bottles.

• Ayurvedic beauty clinics offering facial rituals, body therapies, scalp ceremonies, or seasonal cleanse programs
• Independent practitioners ready to present their work as an editorial, apothecary-style experience
• Wellness businesses targeting women in their mid-thirties to late forties who are moving away from conventional skincare

What problem this template solves

Most beauty clinic pages list treatments like a restaurant menu. Dosha is built around the opposite idea: that a visitor needs to feel the philosophy before they book the service. The template solves decision fatigue and hesitation at once.

• Visitors who are not yet ready to book are guided toward the Dosha Quiz, which captures their email and returns a personalized first-visit recommendation
• Clients who have been disappointed by product-led skincare need to see a different story before they trust a new provider
• Clinics lose leads when they offer no middle path between "book now" and "leave", the persistent bottom bar fills that gap

What you get with this template

You get a fully structured single-column landing page with every section pre-designed and ready to customize. The layout follows a deliberate editorial pacing where sections decelerate as the visitor scrolls deeper, images grow larger, and text grows sparser.

• A drifting UGC photo mosaic header with a centered merlot headline, four treatment collection sections each with a mood photograph and individual booking cards, and a practitioner portrait section
• A Dosha Quiz modal with a three-question skin-constitution assessment, email capture before the recommendation appears, and a persistent bottom bar linking to the quiz
• GSAP-powered scroll reveals, grayscale hover effects on images, parallax motion, and a minimal horizontal footer

Feature list

Animated UGC Photo Mosaic Header

The hero section displays a softly animated mosaic of unretouched client selfies and practitioner-shot close-ups. The mosaic drifts slowly upward while a single merlot headline sits centered. Images are cropped tight to foreheads, jawlines, and eye crescents so skin texture carries the visual weight.

Curated Treatment Collection Scroll

The page organizes treatments into four browsable categories: Facial Rituals, Body Therapies, Scalp Ceremonies, and Seasonal Cleanses. Each category opens with a mood photograph and a two-sentence philosophy statement before revealing individual treatment cards, creating an apothecary walk-through pacing.

Per-Treatment Booking Cards

Every treatment card carries its own "Book This Ritual" button. Each button links to a scheduling modal pre-filled with that specific service, reducing the number of steps between interest and a confirmed appointment.

Dosha Quiz Modal with Email Capture

A three-question skin-constitution assessment lives inside an interactive modal. Visitors answer questions about their skin type and concerns, submit their email address, and receive a personalized first-visit recommendation. This turns undecided browsers into warm leads before they leave the page.

Persistent Bottom Bar

A fixed bottom bar stays visible throughout the entire scroll. It offers the secondary conversion path with the prompt "Not sure where to start? Take the Dosha Quiz," keeping a low-friction option available at every scroll depth.

Practitioner Portrait and Invitation Section

Near the end of the scroll, the page narrows to a single practitioner portrait paired with a personal invitation to begin with a consultation. This section signals intimacy and trust at the moment when the visitor has absorbed the full treatment offering.

Page sections overview

Design & branding system

The visual identity follows a Luxe Minimal theme. Every color, spacing choice, and typographic decision is restrained by design. Accents are earned, not scattered, and whitespace carries as much meaning as the elements it surrounds.

• Color system: deep wine merlot (#4A0E2C) for headlines and dominant text, charcoal smoke (#3B3636) for body copy and alternate backgrounds, raw linen white (#F4F0EB) for primary backgrounds, and muted rose gold (#C4A882) reserved for hover states, pricing figures, and call-to-action borders
• Typography: DM Serif Display for all headings to deliver editorial warmth, and IBM Plex Sans for body copy to keep reading clean and precise
• Backgrounds alternate between linen white and smoke across sections, and section pacing decelerates as the visitor scrolls, with taller sections, larger images, and sparser text deeper into the page

Mobile & speed optimization

The template is built desktop-first with a graceful mobile adaptation that preserves the editorial pacing of the scroll experience. The single-column layout translates naturally to narrower screens without requiring a separate mobile design system.

• Static sections use server components for faster initial rendering, while interactive elements such as the quiz modal and booking modal use client components
• Animations including the mosaic drift, GSAP scroll reveals, and parallax effects are scoped to the interactive client layer so they do not block the static content from loading
• The single-column flow means no grid reflows or complex breakpoint logic on mobile, keeping the reading experience consistent across device sizes

How this template helps you convert

Dosha is structured around two conversion paths running simultaneously. The layout never forces a single choice on the visitor; it meets them at their level of readiness.

1. Ready-to-book visitors are served directly by the per-treatment booking cards. Each card's "Book This Ritual" button opens a scheduling modal pre-filled with that service, cutting the path from interest to confirmed appointment to a single click.
2. Undecided browsers are caught by the persistent bottom bar and the Dosha Quiz modal. The quiz captures an email address before revealing a personalized recommendation, converting hesitant visitors into warm leads without pressuring them to book immediately.

Other information about this template

This section covers additional details about how the template is scoped, what it includes at a technical level, and how it fits the broader Ayurvedic beauty clinic market.

• The template is localized for the United States market, priced and written in USD and English
• Animation intensity is set to high, with mosaic drift, GSAP-powered scroll reveals, grayscale-to-color hover transitions on images, and parallax depth across section backgrounds
• The footer follows a minimal horizontal pattern, keeping the exit experience as clean as the entry
• The Dosha Quiz is a three-question skin-constitution assessment; it is not a full diagnostic tool, but it is designed to reduce decision fatigue and surface a relevant first-visit recommendation
• The template targets the Ayurvedic beauty clinic niche within the broader Beauty and Personal Care, Ethnic and Cultural Beauty subcategory, making it a strong fit for practitioners whose offer sits at the intersection of ancient wellness tradition and contemporary luxury aesthetics

Show more