Dojo — Powerful Martial Arts Training Landing Page Template

Quick summary

Dojo is a single-page, click-through landing page template designed for kids martial arts summer camps. It pairs a loud Playful Geometric visual style with a scroll arc that mirrors a camper's week. Every section builds energy and trust, then funnels parents toward a registration portal through a persistent floating button and a real-time scarcity counter.

Who this template is for

This template is made for anyone promoting a structured martial arts program for kids. It works equally well for an established dojo and a first-time camp organizer who needs a professional, high-energy page fast.

• Martial arts schools running summer camp sessions for kids ages 6 to 12
• Scout troop leaders or activity coordinators organizing single-day workshops
• Parents or small-business owners launching a confidence-building kids program

What problem this template solves

Most activity camp pages look the same: plain text, a stock photo, and a long form that kills momentum. Parents searching in April need to trust you fast and book even faster. This template closes that gap.

• No trust cues means parents bounce before reading the third line
• A buried registration link means interested parents never complete signup
• Generic design fails to match the energy kids and parents expect from a martial arts camp

What you get with this template

You get a fully structured, mobile-first landing page with high interactivity and a clear path to conversion. Every section is pre-built and mapped to a specific job in the parent's decision journey.

• An animated hero section with a week-selector carousel and click-to-shatter geometric shapes
• A scroll-driven Journey Arc layout moving from "quiet kid on the couch" to mini-tournament climax
• Three program track sections (Tiny Tigers, Junior Warriors, Black-Belt Bootcamp) with age-grouped belt tracks
• A Trust Engine section with a scrolling parent testimonial ticker, a "Certified Instructors" shield badge, and a confidence stat callout
• A Scarcity call-to-action section with a live spots-remaining counter and a full-width "Reserve Their Spot" button
• A persistent floating yellow button that appears after the first scroll and stays visible throughout

Feature list

This template includes six core features drawn directly from the brief. Each one serves a specific role in the parent registration flow.

Animated Hero with Week-Selector Carousel

The hero opens with a looping illustrated cartoon character cycling through belt-colored geometric shapes. Shapes shatter into triangles and hexagons on tap or click. A week-selector carousel beneath the headline lets parents preview camp themes, Ninja Foundations, Sparring Safari, and Black-Belt Bootcamp, before scrolling at all.

Hero's Journey Scroll Arc

The page layout follows a cinematic arc. Section one shows a quiet kid on a couch. Section two reveals parallax dojo doors swinging open. Each section escalates through drills, friendships, and a mini-tournament, using geometric wipe transitions and bold stat callouts to carry momentum.

Persistent Floating Call-to-Action Button

A sunshine yellow "Reserve Their Spot" button appears as a floating element after the first scroll and stays pinned throughout the entire page. A second full-width version fires after the mini-tournament section. No form sits on this page; both buttons push directly to a calendar-picker registration flow.

Live Spots-Remaining Counter

A real-time counter shows remaining spots per camp week. The scarcity is visible and specific, not vague. This creates genuine urgency that helps hesitant parents commit before spots close.

Trust Engine Section

A scrolling parent quote ticker, an "87% of parents report higher confidence after one session" stat callout, and a visible Certified Instructors shield badge all appear before any call-to-action press. Trust is earned through the scroll, not requested at the bottom.

Age-Grouped Program Tracks

Three belt tracks, Tiny Tigers, Junior Warriors, and Black-Belt Bootcamp, organize the program by age and skill level. Each track is clearly named and positioned so parents can identify the right fit instantly.

Page sections overview

Design & branding system

The visual identity is Playful Geometric, driven by a four-color Dopamine Pop palette. Every color has a specific role, and nothing is interchangeable.

• Electric tangerine (#FF6B2B) leads as the primary brand color across headlines and key user interface elements
• Knockout magenta (#E5007D) fires as the accent on display type and the hero headline
• Deep gi-black (#1A1A2E) grounds all backgrounds so the bright colors land with full impact
• Sunshine mat-yellow (#FFD23F) is reserved strictly for buttons and badge icons, directing the eye to every tappable element

Typography pairs Fraunces for bold display headlines with Manrope for clean, readable body copy. Geometric wipe transitions, floating shape elements, beam borders, and scroll reveals carry the playful-but-structured energy throughout.

Mobile & speed optimization

The template is built mobile-first, which matches the core audience behavior. Parents searching for summer camps are typically on their phones in April.

• All animations use CSS and Intersection Observer, avoiding heavy third-party libraries
• Floating elements, parallax sections, and the spots counter are optimized to render smoothly on mobile viewports
• The week-selector carousel and floating call-to-action button are touch-friendly and thumb-accessible by design

How this template helps you convert

Every section of this template is wired to move a parent one step closer to clicking "Reserve Their Spot." The conversion logic is built into the scroll order itself.

1. The hero section captures attention instantly and gives parents a reason to keep scrolling, without asking for anything yet
2. The Trust Engine earns confidence before any call-to-action appears, so the click feels like a natural next step rather than a sales push
3. The live spots counter and full-width button close the loop with visible urgency, making it easy to act before overthinking

Other information about this template

This template suits any kids activity business that needs a bold, mobile-ready landing page with strong visual storytelling. A few additional details worth noting:

• The template style is Hero-Dominant (90/10), meaning the hero section commands the vast majority of visual weight and first impressions
• The creative direction follows a Hero's Journey arc, a proven narrative structure that mirrors how parents emotionally process a camp decision
• The header concept is an Interactive Preview, giving parents a hands-on feel for the camp experience before they have read a single line of body copy
• The page is configured as a Click-Through landing page; there is no embedded form, and all registration happens through the external calendar-picker flow
• The color system is Dopamine Pop, which is intentionally loud and high-contrast to stand out in a crowded summer activity market
• The footer uses a minimal Vercel Horizontal pattern to keep the close clean and distraction-free

Show more