Total E'Clips Salon
LiveA modern website for a 40-year-old neighborhood hair salon
Built by Caden Sorenson · 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.
More about Total E'Clips Salon
- Behind the buildBuilding a Website for a 40-Year-Old Hair Salon With Zero Online PresenceA local salon in Smithfield, Utah had been cutting hair for four decades without a website. Here's how I built one from scratch with vanilla HTML, CSS, and JS.
- From the blogWhy I Moved a Client Site Off an AI Builder and Rebuilt It From ScratchLandingSite AI got Griffin Renovation online fast, but SEO limits and vendor lock-in pushed me to rebuild the whole thing in plain HTML, CSS, and JavaScript.
- From the blogI Shipped a Client Site in an Afternoon Using an AI BuilderA renovation company needed a website fast. I used LandingSite.ai to go from nothing to live in a few hours, and here's what actually worked.