$primary: hsl(222,80%,50%); $primary-light: hsl(222,50%,95%); $secondary: hsl(350,80%,50%); $red: hsl(10,80%,50%); $orange: hsl(50,80%,50%); *, *:before, *:after { box-sizing: border-box; } @mixin mobile ($size: 640px) { @media screen and (max-width: $size) { @content; } } html { font-size: 18px; line-height: 1.5; font-weight: 300; color: #333; font-family: "Nunito Sans", sans-serif; } body { margin: 0; padding: 0; height: 100vh; background-color: $primary-light; background-attachment: fixed; } .content { display: flex; margin: 0 auto; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 1000px; } .heading { width: 100%; margin-left: 1rem; font-weight: 900; font-size: 1.618rem; text-transform: uppercase; letter-spacing: .1ch; line-height: 1; padding-bottom: .5em; margin-bottom: 1rem; position: relative; &:after { display: block; content: ''; position: absolute; width: 60px; height: 4px; background: linear-gradient(135deg, adjust-hue($primary, -20deg), $primary); bottom: 0; } } .description { width: 100%; margin-top: 0; margin-left: 1rem; margin-bottom: 3rem; } .card { color: inherit; cursor: pointer; width: calc(33% - 2rem); min-width: calc(33% - 2rem); height: 400px; min-height: 400px; perspective: 1000px; margin: 1rem; position: relative; @include mobile (800px) { width: calc(50% - 2rem); } @include mobile (500px) { width: 100%; } } .front, .back { display: flex; border-radius: 6px; background-position: center; background-size: cover; text-align: center; justify-content: center; align-items: center; position: absolute; height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; transition: ease-in-out 600ms; // overflow: hidden; } .front { background-size: cover; // background-blend-mode: overlay; padding: 2rem; font-size: 1.618rem; font-weight: 600; color: #fff; overflow: hidden; font-family: Poppins, sans-serif; &:before { position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, adjust-hue($primary, -20deg), $primary); opacity: .25; z-index: -1; } .card:hover & { transform: rotateY(180deg); } .card:nth-child(even):hover & { transform: rotateY(-180deg); } } .back { background: #fff; transform: rotateY(-180deg); padding: 0 2em; .button { background: linear-gradient(135deg, adjust-hue($primary, -20deg), $primary); &:before { box-shadow: 0 0 10px 10px rgba($primary, 0.25); background-color: rgba($primary, 0.25); } } .card:hover & { transform: rotateY(0deg); } .card:nth-child(even) & { transform: rotateY(180deg); .button { background: linear-gradient(135deg, adjust-hue($secondary, -20deg), $secondary); &:before { box-shadow: 0 0 10px 10px rgba($secondary, 0.25); background-color: rgba($secondary, 0.25); } } } .card:nth-child(even):hover & { transform: rotateY(0deg); } } .button { $height: 40px; transform: translateZ($height); cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight: bold; color: #fff; padding: .5em 1em; border-radius: 100px; font: inherit; border: none; position: relative; transform-style: preserve-3d; transition: 300ms ease; &:before { transition: 300ms ease; position: absolute; display: block; content: ''; transform: translateZ(-$height); -webkit-backface-visibility: hidden; backface-visibility: hidden; height: calc(100% - 20px); width: calc(100% - 20px); border-radius: 100px; left: 10px; top: 16px; } &:hover { transform: translateZ($height + 15px); &:before { transform: translateZ(-($height + 15px)); } } &:active { transform: translateZ($height/2); &:before { transform: translateZ(-($height/2)); top: 12px; } } }

Card Flip

Hover over a card to flip it.

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Spa Treatments

Facials Try one of our facial treatments for firmer, healthier, and younger looking skin
Body Scrubs Get an invigorating scrub to cleanse and exfoliate your skin
Waxing Remove unwanted hair and leave smooth skin in its place
Microdermabrasion Let us renew your overall skin tone and texture
Microneedling This treatment helps with a variety of skin concerns including acne scars and wrinkles

Book A Spa Treatment

904 S Main St
Pleasant Grove, Utah 84062

Locations

Massage Essentials Pleasant Grove

904 S Main St, Pleasant Grove, Utah 84062

More Info

Massage Essentials Highland

9838 Oxford Ct, Highland, Utah 84003

More Info

Services

Customized Therapeutic Massage

Our premier massage that is tailored to your individual needs

Deep Tissue Massage

A good option if you have a lot muscle tension or chronic pain

Little Gems $9.00

walnuts, champagne vinegar, croutons

See the entire menu

Services

Body Work

Customized Therapeutic Massage Our premier massage that is tailored to your individual needs
Deep Tissue Massage A good option if you have a lot of muscle tension or chronic pain
Couples Massage Get a massage with your partner, friend, or family member in a shared room
Prenatal Massage Massage to help reduce pregnancy body aches, reduce stress, and ease muscle tension
Sports Massage Let us help you increase flexibility, performance, and reduce the risk of sports injuries
Swedish Massage Choose this massage for relaxation or managing minor aches and pains
Reflexology We focus on pressure points in your feet, hands, and ears

Spa Treatments

Facials   bordelaise, chives, butter 18
Sugar Scrubs fresh herb sherry butter, chives 60
Rib Eye 20oz   argentinian raised prime black angus, salt, pepper, garlic, butter 65
Porterhouse 26oz   fire roasted, chive, butter, garlic 90
Bone-in New York 16oz   shallot butter, cipollini onions, salt, pepper 75
Prime Rib 15oz or 20oz   slow roasted, au jus, horseradish 55
Hokkaido A5 Wagyu   chateau uenae, farmed in below freezing temperatures 125

Book A Spa Treatment

Services

Customized
Therapeutic Massage

This term describes our approach to our clients best. We will listen to your requests and specific concerns, make an assessment, and begin working with you to find a personalized solution ... (Read More)

Deep Tissue
Massage

Deep Tissue Massage is a massage technique that focuses on the deeper layers of muscle tissue. It aims to release the chronic patterns of tension...
(Read More)

Couples
Massage

(By Appt Only-Please contact our office)
A couples massage is a wonderfully relaxing, personal experience. During the session, two people receive massages
(Read More)

See All Services

Looking for the perfect gift?

Make anyone happy with a massage gift certificate

Book Your Massage Online

Schedule your services online today. Get started by choosing your location now!

For our Pleasant Grove location
book here:

For our Highland location
book here:

Services

Come Try Us Out!

Get an introductory 1 hour massage for $45

What Our Satisfied Customers Say

Read All Reviews

Location
904 S Main St
Pleasant Grove, UT 84064

Services We Offer

Customized Therapeutic Massage

Deep Tissue / Sports

See All Service

What Our Happy Customers Say

Loraine is great. Listens to your body and makes adjustments to her pressure as needed. Very skilled. Always leave feeling better and rejuvenated. --Nick E.

FOLLOW US FOR THE LATEST UPDATES

Meet Our Therapists

All fully qualified and capable Licensed Massage Therapists

Loraine

Loraine’s thorough knowledge regarding dysfunctional posture and its role in muscular, skeletal and systemic pain and her many years of experience treating clients with their individual concerns, have made her an expert in her field. In addition, her clients receive valuable instruction on effective activities and exercises they can do between sessions to maintain the functional posture they have received, improving every aspect of their daily lives.

NewLMT

LMT