Spa & Wellness Center Portfolio Website Template

Quick summary

Sanctuary is a single-page, hub-and-spoke template designed for spa and wellness case study content. It opens with an animated stats dashboard, organizes findings across five anchor-nav spokes, and closes leads through a floating growth-audit call to action and a secondary PDF download path. The glassmorphic design makes data feel immersive and trustworthy.

Who this template is for

This template is built for people who need to present real wellness business data in a way that earns trust fast. It suits anyone running a data-led pitch, comparison, or discovery experience in the spa and wellness space.

• Spa owners who want to benchmark their own revenue and retention curves against documented case studies
• Wellness consultants building investor pitch decks that need structured, scannable transformation evidence
• Franchise operators evaluating which treatment modalities drive measurable client retention gains

What problem this template solves

Most case study pages in the wellness industry read like blog posts. They bury the numbers, skip the baselines, and give readers no way to cross-reference outcomes across different spa types. Sanctuary fixes that.

• Visitors cannot find the specific metric they care about without scrolling through irrelevant narratives
• Operators and consultants need side-by-side comparison data, not just individual success stories
• A single linear page structure fails both skimmers who want headline figures and deep readers who want full transformation context

What you get with this template

You get a complete, ready-to-customize landing page built around five content spokes and a glassmorphic visual system. Every layout decision supports fast scanning, pattern recognition, and confident lead capture.

• An animated stats dashboard header with three floating metric cards showing portfolio-level figures
• A pinned anchor navigation bar with spoke labels covering Revenue, Retention, Rebooking, Retail, and Reputation
• Expandable comparison matrix rows per spoke, a floating growth-audit call-to-action button, and a glassmorphic lead capture modal with a secondary PDF download path

Feature list

This template delivers a focused set of components grounded directly in the brief. Each one serves a specific job for the reader and the business collecting leads.

Animated Stats Dashboard Header

Three frosted glass metric cards float against a deep charcoal background. Each card displays a single portfolio-level figure and animates its number upward from zero, so the data itself becomes the visual hook. A subtle parallax shift on cursor movement reinforces the layered glassmorphic depth.

Hub-and-Spoke Anchor Navigation

A pinned navigation bar sits at the top of the page with five spoke labels: Revenue, Retention, Rebooking, Retail, and Reputation. Each label jumps the reader directly to its case study cluster. Active pills glow in eucalyptus mist, giving clear visual feedback about where the reader is in the page.

Sortable Comparison Matrices

Within each spoke, case studies are laid out as frosted comparison matrices. Each row shows spa name, starting baseline, intervention applied, and outcome. Rows are scannable at a glance and sortable, so readers can quickly identify patterns relevant to their own situation.

Expandable Case Study Rows

Any matrix row expands on click to reveal the full transformation narrative, treatment photos, and owner testimonials. This dual-depth structure serves skimmers who need headline data and decision-makers who want the complete story before acting.

Floating Growth Audit Call to Action

A glassmorphic button travels with the scroll, always visible and always accessible. It opens a modal form that collects spa name, current monthly booking volume, number of treatment rooms, and a primary growth challenge selected from a dropdown mirroring the five spokes.

Dual Lead Capture Paths

The template includes two conversion flows. The primary path is the full growth-audit modal for high-intent visitors. The secondary path captures top-of-funnel leads with an email-only PDF download, so visitors who want the data but are not ready to talk can still enter the funnel.

Page sections overview

Design & branding system

The template uses a glassmorphic color system built around four values that create consistent layered depth across every component. The overall effect feels like looking through frosted glass at candlelit data.

• Core palette: translucent panel white (#FFFFFFB3), deep wellness charcoal (#1A1A2E), eucalyptus mist (#A8DADC) for active navigation states, and warm rose quartz (#E8B4B8) reserved for hover states and data callouts
• Backgrounds use stacked translucent cards with subtle backdrop-blur over the muted charcoal base, giving every section a soft, layered appearance without competing with the data
• Data callouts pulse faintly in rose quartz, matrix rows use frosted panel styling, and the floating call-to-action button maintains the glassmorphic language across the full scroll

Mobile & speed optimization

The layout is designed to remain functional and visually coherent on smaller screens, where the discovery and comparison experience still needs to work clearly for on-the-go spa owners and consultants.

• The pinned anchor nav condenses cleanly for mobile viewports, keeping spoke navigation accessible without crowding the reading area
• Frosted card components and matrix rows reflow to single-column stacks on narrow screens, preserving scannability without breaking the glassmorphic aesthetic

How this template helps you convert

Sanctuary converts through a combination of credibility, browsing freedom, and low-friction capture paths that meet visitors wherever they are in the decision process.

1. The animated metrics dashboard front-loads social proof before a single word of body copy is read, so trust is established in the first few seconds of the visit
2. The floating growth-audit button removes the need to scroll back to a form, and the dual-path capture system means both ready-to-talk prospects and early-stage researchers have a clear, relevant next step

Other information about this template

This section covers additional context that helps buyers understand the full scope and intended use of the template before customizing it.

• The template follows a Directory and Discovery theme, making it well-suited for any wellness operator who needs to present a portfolio of outcomes rather than a single brand story
• The Feature Matrix creative direction means the page rewards both quick-scan readers and thorough researchers without requiring separate page versions
• Sanctuary was designed as a hub-and-spoke landing page, so all content lives on one page with anchor navigation rather than across multiple linked pages
• The five spoke labels (Revenue, Retention, Rebooking, Retail, Reputation) mirror the dropdown options in the lead capture modal, creating a consistent thematic thread from content to conversion

Show more