Mesa is a cannabis-infused spa landing page template built for neighborhood wellness businesses in the Santa Fe spirit. It combines a modular card grid layout with a Sunset Mesa color system, seasonal hero photography, and a three-step lead capture form. The result is a warm, trust-first page that turns curious visitors into first-visit bookings.
by Rocket studio
Loading preview…
Quick summary
Mesa is a single-page, card grid landing page template designed for cannabis-infused spa businesses. It pairs a full-viewport seasonal hero image with a modular neighborhood card grid, an asymmetric treatments section, a grower and therapist trust layout, and a sticky booking bar. Every design choice reinforces local warmth over corporate polish.
Who this template is for
This template is built for cannabis spa owners who want their page to feel like a genuine neighborhood recommendation rather than a polished advertisement. It suits businesses where the story behind the service matters as much as the service itself.
Cannabis-infused spa and wellness studios seeking first-visit bookings from local and transplant clients
Spa owners targeting bachelorette groups or experience-seekers who want something beyond a standard day spa
Wellness businesses serving clients with chronic pain who respond better to warmth and care than to clinical language
What problem this template solves
Most spa landing pages look identical. They lead with price lists and generic stock photography, and they give a curious visitor no reason to trust the business before booking. A cannabis-infused spa faces an additional layer of hesitation, visitors may be unfamiliar or unsure about topical cannabis treatments.
Generic spa templates fail to communicate neighborhood authenticity or local provenance
First-time cannabis spa visitors need reassurance framed around comfort level, not legal disclaimers
Standard lead forms ask too much too soon, creating friction before trust is established
What you get with this template
You get a fully structured, single-page landing page layout with every major section pre-built and ready to customize. The design system, typography, and interactive elements are all specified and included in the template scope.
A full-viewport seasonal hero section with a drifting tagline reveal animation
A modular neighborhood card grid featuring grower, therapist, and client story cards
Theme
Pastoral Calm
Creative direction
Local & Neighborhood
Color system
Sunset Mesa
Style
Card Grid (Modular)
Direction
Lead Generation
Page Sections
Seasonal Hero with Tagline Drift
Modular Neighborhood Card Grid
Asymmetric Treatments Section
Sticky Three-step Booking Bar
Neighbor List Email Opt-in
Trust and Provenance Split Layout
Related questions
What type of spa business is this template designed for?
Can I customize the card grid with my own grower, therapist, and client content?
How does the three-step booking form work?
Is the Neighbor List email opt-in included in the template?
Can the seasonal hero image be updated throughout the year?
A three-step lead capture form inside a sticky bottom bar, plus a low-friction email list opt-in
Feature list
This template includes purpose-built features that work together to move a visitor from curious browser to confirmed booking.
Seasonal Hero with Tagline Drift
The header fills the full viewport with a seasonal photograph. No text competes with the image on first load. Then the tagline drifts up gently using a GSAP ScrollTrigger reveal, setting the tone before the visitor reads a single word of copy.
Modular Neighborhood Card Grid
The card grid is the emotional core of the page. Each card is a small window into a specific human detail: the grower behind the full-spectrum CBD oil, a handwritten note from the lead therapist, or a regular client's weekly ritual. Cards sit on a bleached linen ground with whisper-thin clay borders and lavender dusk hover states.
Asymmetric Treatments Section
The treatments section presents massage, soak, and facial options in an asymmetric card layout. Each treatment card includes cannabis comfort framing, so new visitors can self-identify as new to it, experienced, or just curious before they ever reach the booking form.
Sticky Booking Bar with Three-Step Form
A sticky bottom bar appears after the visitor scrolls past the second row of cards. The bar anchors the primary call to action: "Book Your First Visit." The form collects preferred treatment type, cannabis comfort level, and a date-range preference labeled "When do you need this?" in three sequential steps.
Neighbor List Email Capture
A secondary conversion path sits alongside the sticky bar. The "Join the Neighbor List" opt-in asks only for a first name and email. It captures visitors who are not ready to book yet, offering them a monthly email with seasonal menus, grower spotlights, and locals-only pricing.
Trust and Provenance Split Layout
A dedicated section pairs the grower spotlight with the lead therapist's philosophy in a split layout. This section builds credibility through proximity and specificity rather than generic credentials or awards badges.
Page sections overview
Section
Purpose
Seasonal Hero
Full-viewport photograph with drifting tagline reveal
Neighborhood Card Grid
Modular bento cards: grower, therapist note, client story
Treatments Layout
Asymmetric cards for massage, soak, and facial
Trust and Provenance
Grower spotlight and therapist philosophy split layout
Sticky Booking Bar
Three-step lead capture form anchored to viewport bottom
Neighbor List Opt-in
Low-friction email capture for not-yet-ready visitors
Footer
Linear single-row footer pattern
Design & branding system
The visual identity follows a Pastoral Calm theme. Every color, typeface, and spacing decision reinforces the feeling of stepping onto a warm terracotta patio at golden hour, unhurried, tactile, and deeply local.
Sunset Mesa color system: sun-warmed clay (#C2703E), dried lavender dusk (#9B7E9B), bleached linen (#F5F0E8), and deep sagebrush (#4A5A47) for headlines and grounding elements
Typography pairing: Fraunces serif for headlines to evoke handcrafted warmth, and DM Sans for body text to keep reading comfortable and clear
Card hover states bloom into lavender dusk, card borders use whisper-thin clay lines, and the linen background gives the grid a hand-dyed textile quality
Mobile & speed optimization
This template is built mobile-first, reflecting the reality that bachelorette groups and spontaneous bookers are arriving on phones, not desktops. The layout and interactive elements are designed to work cleanly at small screen sizes.
The sticky booking bar and three-step form are touch-friendly and sized for thumb interaction on mobile viewports
Hero images are served as static assets, and card images use lazy loading to keep the initial page load light
Server Components handle static content sections, reducing the amount of JavaScript needed to paint the above-the-fold view
How this template helps you convert
The page is structured to build emotional trust before presenting any call to action. A visitor is welcomed, not sold to.
The hero and neighborhood card grid do the relationship-building first, giving the visitor enough warmth and local context to feel welcomed before the sticky booking bar appears
The three-step form reduces commitment anxiety by breaking the booking request into small, comfortable questions, treatment type, comfort level, and preferred dates
The Neighbor List opt-in catches visitors who are not ready to book yet, keeping them in the audience with zero friction and a clear value exchange
Other information about this template
This template is a strong fit for cannabis spa businesses that operate in a community-first market, where word-of-mouth trust and neighborhood identity are the real differentiators.
The template is designed for the United States market, with pricing and cultural context set for a Santa Fe, New Mexico audience using USD
Social proof is baked into the card grid structure: named client stories, therapist handwritten notes, and grower photography are all explicitly supported layout slots
The animation layer uses GSAP ScrollTrigger for card reveals, the tagline drift, and card hover bloom effects, giving the page a living, unhurried feel without feeling overdesigned
