All 15TradesCleanersSalons & spaRestaurants

• 01

  Headline reveal

  Hero headline words rise out of a mask on load (or lines, on view).

  All. Strongest on type-led heroes: trades statement heroes, salons, med spa.

  1.7 KB
• 02

  Picture clip reveal

  Photos wipe open and settle from a slight zoom as they scroll in.

  All with real photos: "our work" galleries for roofers, remodelers, landscapers, salons.

  1.0 KB
• 03

  Image parallax

  A full-bleed picture drifts slower than the page inside a fixed frame.

  Trades and landscapers with one strong wide photo (rooftop, finished yard, van on the street); restaurants.

  1.5 KB
• 04

  Info marquee

  An endless strip of service-area towns, licenses or short review lines, with a pause button.

  Trades (service-area towns, license #, "24/7"), cleaners, restaurants (today's specials). Only if it carries facts.

  2.1 KB
• 05

  Before / after slider

  Drag a divider across two photos of the same job.

  Carpet/upholstery and house cleaners, pressure washing, roofers, auto detailing, painters, med spa (consented). Real pairs only.

  2.1 KB
• 06

  Sticky call bar

  Phone-only bottom bar: Call + the one primary action, hides over the form.

  Every CALL business: plumbers, HVAC, roofers, locksmiths, towing, cleaners. BOOK businesses: Call + Book.

  1.6 KB
• 07

  Count-up stats

  Stat numbers count up once when seen; the real number is in the HTML.

  Trades and cleaners with real numbers: years, jobs done, review count, rating. Never invent a stat.

  1.2 KB
• 08

  Staggered card entrance

  Cards rise in one after another; the delay restarts each row.

  Service lists, price cards, team cards, review cards. All industries.

  1.0 KB
• 09

  Magnetic CTA

  The main button leans toward the mouse, with a soft sheen (desktop only).

  The one primary CTA per page. Salons, med spa, studios: a premium touch. Trades: optional.

  1.3 KB · in the preview template
• 10

  Section colour glide

  The page colour glides between bands as you scroll instead of hard edges.

  Salons, med spa, restaurants, premium remodelers: a smooth, editorial feel between light and dark bands.

  1.0 KB
• 11

  Swipe review carousel

  Native scroll-snap review cards with arrows and a counter, no autoplay.

  Any business with 6+ good reviews; BOOK businesses (salons, groomers) where reviews sell. Pair with one big pull-quote.

  2.0 KB
• 12

  Scroll-drawn steps

  "How it works" steps light up as a line draws down them.

  CALL and BOOK businesses with a real sequence: call → quote → fix; book → consult → treatment.

  1.8 KB · in the preview template
• 13

  Smart header

  The header hides while you read down and returns the moment you scroll up.

  All, especially long phone pages. Keeps the phone number one flick away.

  1.1 KB · in the preview template
• 14

  Smooth FAQ accordion

  FAQ rows on native <details> that glide open and shut.

  All: FAQ, service details, price notes. Works with no JS and with find-in-page.

  1.6 KB · in the preview template
• 15

  Page transitions

  Pages cross-fade and shared photos morph when moving between pages. CSS only.

  Multi-page client sites (home ↔ service pages ↔ privacy). Previews are one page, so the value is on live client sites.

  0.5 KB · CSS only · in the preview template