← All effectsService card expand

WBL effects library · batch 2 (GSAP) · #06

Service card expand

A service card grows into its own detail panel with prices and what's included; the other cards make room.

Use it for: Trades and cleaners with 3-6 services and real prices; salons with service menus; med spa treatments.
When: Keeping a services grid short while still giving prices one tap away.
Don't: Hiding the price of the main service, or nesting more than one level of detail.
How: One card open at a time; Flip animates every card and photo between the two grid layouts (nested). Without JS all details are simply shown.
Weight: 1.6 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + Flip 9.7 KB gzipped (shared by every effect on the page). Plugins: Flip.

Scroll ↓

Drains and sewer

Camera inspection, then the fix you saw on screen.

  • Drain clear, one line$149
  • Camera inspection$189
  • Hydro-jet main line$449

Price confirmed on site before work starts. No overtime charge on weekends.

Call (555) 014-2290

Heating and AC

Tune-ups and repairs on every major brand.

  • Seasonal tune-up$89
  • Diagnostic visit$79, waived if we fix it
  • Capacitor or contactor$165

Members get both tune-ups for $149 a year and priority booking.

Call (555) 014-2290

Repairs

Faucets, toilets, shut-off valves, garbage disposals.

  • Faucet cartridge$135
  • Toilet rebuild$165
  • Disposal swap (unit incl.)$329

Two-year warranty on parts and labour, in writing.

Call (555) 014-2290
← All effects