Ginga - Dynamic Capoeira Landing Page Template

Quick summary

Ginga is a single-page capoeira studio landing page template built on a modular card grid. It opens with a bold half-page photo-and-text header, then unfolds into a living community gallery. A freemium trial model guides visitors toward one clear action: booking a free first class. No credit card required, no friction.

Who this template is for

This template is built for capoeira studios that want to grow their community through authentic storytelling. It speaks directly to potential students and gives studio owners a page that feels alive, not just informational.

• Capoeira instructors and grupo owners launching or refreshing their studio website
• Fitness and wellness studios in the martial arts and combat sports space looking to attract new students with a free-trial offer
• Studio teams who want to showcase their community through video, photos, and student testimonials

What problem this template solves

Most fitness studio pages lead with schedules and pricing. They skip the most important part: showing the visitor what it actually feels like to be there. A capoeira studio has energy, culture, and community that a plain list cannot capture.

• Visitors land on a page that feels disconnected from the art, so they leave before trusting the studio
• Studios have rich photo and video content but no structured layout to present it as a story
• The path from "curious visitor" to "booked beginner class" is unclear or buried under too many steps

What you get with this template

You get a fully designed, section-led landing page that handles both the emotional and practical sides of a studio conversion. Every component in the template is mapped to a specific job: attract, build trust, then convert.

• A half-page header with space for an action photograph, a bold headline, a subhead with class date details, and a teal call-to-action button
• A modular card grid that mixes square photos, short looping video clips, and pull-quote testimonials in a rhythm that builds as the visitor scrolls
• Three strategically placed call-to-action touchpoints and a secondary "Watch A Roda" path for visitors who need more warm-up time before booking

Feature list

This section covers the core built-in components that make the Ginga template work as a studio conversion page.

Half-Page Photo and Text Header

The header splits the screen between a low-angle action photograph and a right-side text block. The headline "Your First Roda Is Free" sits in bold charcoal over a linen background. A subhead provides the city name and next beginner class date. A teal call-to-action button with a gentle pulse effect anchors the conversion entry point.

Modular Community Gallery Grid

The card grid is the heart of the template. Rows alternate between square photos, short looping video clips, and pull-quote testimonial cards. Each card tells a specific student story, from a first batizado ceremony to a park roda weekend. No two rows share the same layout, and the rhythm accelerates as the visitor scrolls deeper.

Floating and Anchored Call-to-Action System

The primary "Try A Free Class" call-to-action appears three times: in the header, floating after the third card row, and anchored at the bottom of the page. This repetition ensures the conversion prompt stays visible without feeling aggressive.

Minimal Free Class Booking Form

Clicking the primary call-to-action opens a lightweight form. It collects first name, experience level, and preferred class time from the real studio schedule. There is no credit card field and no commitment language, keeping the barrier to entry as low as possible.

Secondary Video Warm-Up Path

A "Watch A Roda" secondary call-to-action links to a sixty-second highlight reel. This path is designed for visitors who are curious but not yet ready to book. It warms them toward the primary conversion on a return visit.

Adventure Terrain Color System

The Teal Catalyst palette runs through every component. Deep jungle teal drives the primary brand presence, sunbaked clay activates buttons and hover states, night-roda charcoal grounds the typography, and washed linen keeps card backgrounds warm and breathable.

Page sections overview

Design & branding system

The Adventure Terrain theme gives Ginga a visual identity that feels grounded and alive. The palette draws from Atlantic Forest imagery: humid teal greens, terracotta earth, firelit charcoal, and warm linen. Typography stays dark and structured, letting the photography carry the emotional weight.

• Primary brand color is deep jungle teal (#0D7377), used across buttons, links, and accent elements
• Sunbaked clay (#C46A3C) activates call-to-action buttons and hover states, creating a warm contrast against the teal
• Night-roda charcoal (#1A1E25) grounds all body and headline typography, while washed linen (#F4EDE4) fills card backgrounds with warmth

Mobile & speed optimization

The modular card grid is built to reflow cleanly across screen sizes. Cards that span multiple columns on desktop stack into readable single-column sequences on smaller screens. The layout prioritizes content hierarchy so the most important information stays visible regardless of device.

• The half-page header adapts to a stacked photo-above-text layout on mobile screens
• Video clip cards are designed to loop without forcing autoplay audio, keeping the experience comfortable on mobile
• The floating call-to-action strip repositions to a bottom-anchored bar on smaller screens for easy thumb access

How this template helps you convert

Ginga earns the conversion before it asks for it. The page is structured to build familiarity and trust through community content first, then present the booking prompt at the natural moment when the visitor already feels connected.

1. The header leads with value, not obligation. "Your First Roda Is Free" removes the cost barrier immediately, and the single-field subhead tells the visitor exactly when the next beginner class happens.
2. The gallery builds belonging before the ask. By the time the visitor reaches the floating call-to-action after the third card row, they have already seen real students, real moments, and real energy from the studio community.
3. The secondary video path recovers hesitant visitors. Those not ready to book can watch a sixty-second highlight reel instead, which keeps them engaged and primes them to return and convert.

Other information about this template

Ginga is part of the Wellness and Fitness category, sitting within the Martial Arts and Combat Sports subcategory and specifically designed for the capoeira studio niche. It was built with a high intersection match between the template style, creative direction, and landing page model.

• Template style is Card Grid (Modular), matched with the Community Gallery creative direction for maximum content flexibility
• The freemium trial landing page direction is baked into the structure, not bolted on afterward
• The header concept is Half-Page Photo and Text, a composition that balances visual impact with immediate message clarity
• This template suits studios offering beginner-friendly entry points, community-first culture, and a mix of movement disciplines under one art form

Show more