Total E'Clips Salon
LiveA modern website for a 40-year-old neighborhood hair salon
Launched April 2026
What is Total E’Clips?
Total E’Clips is a hair salon in Smithfield, Utah that has been serving the community for over 40 years. They offer haircuts for men, women, and children, along with color services, nail care, and waxing. The salon had no online presence before this project.
The Website
The site is a single-page responsive website designed to give the salon a professional online presence. It features smooth scroll navigation, scroll-triggered animations, an embedded Google Map, and direct click-to-call booking. The entire site is three files with zero dependencies.
Key Features
- Service cards with inline SVG icons and staggered fade-in animations
- Responsive grid layouts that adapt from 3 columns to 1 across breakpoints
- CSS gradient hero with an SVG pattern overlay for texture without images
- IntersectionObserver animations for performant scroll-triggered effects
- Click-to-call CTAs throughout the page for easy mobile booking
- Embedded Google Maps for directions to the salon
Design
The design uses a warm tan and charcoal color palette with Bebas Neue for headings and Raleway for body text. CSS custom properties make the entire theme adjustable from a single place.