Wagwood: Animated Pet Daycare Landing Page Template (HTML + GSAP)

Wagwood is a warm, animated landing page built for pet daycares, dog boarding, grooming salons and pet-care startups. Every section moves as you scroll, so the page feels alive without being heavy.

What’s inside

• Animated video hero: a golden retriever in a beanie and sunglasses turns to look at the visitor, on a seamless transparent loop.
• Walking-dog scene: a Pomeranian trots across the page as you scroll.
• Text reveals: headlines rise in with a soft blur and echo effect.
• Promise section: words light up one by one as you scroll through it.
• Guest stories: polaroid photos drift at different speeds (parallax).
• “How a stay begins”: a pinned section where 5 step cards stack up as you scroll.
• Testimonials: a review slider on a textured earth background.
• Pricing: 3 tabs (Daycare, Boarding, Grooming) with 3 plans each.
• FAQ: an accordion with smooth open and close.
• Hand-drawn touches: grass and torn-paper edges between sections, a walking cat in the header, and logo ears that wiggle on hover.

Built to be edited

• One index.html with clean, readable code. No build step and no framework.
• Colours, fonts, radius and width are all set as CSS variables at the top.
• Uses GSAP 3.12 with ScrollTrigger, plus Lenis for smooth scrolling.
• Fonts are Fraunces and DM Sans from Google Fonts.
• Fully responsive: stacks neatly on mobile, with a hamburger menu.
• Respects “reduce motion” settings.
• 16 photos and 2 transparent WebM video loops included.

Browser note: the animated videos play in Chrome, Edge and Firefox. Safari shows a still image in their place.