Gather - Restorative Community Landing Page Template

Quick summary

Gather is a single-page community landing page template designed for customer success professionals. It leads with a full-screen video hero, walks visitors through a movement-driven manifesto, and closes with a clear event registration path. Every section earns trust before it asks for anything.

Who this template is for

This template is built for community organizers, space operators, and CS industry leaders who want to turn a shared professional space into a living, breathing membership community. It speaks directly to the people inside that community too.

• Individual contributor CSMs (customer success managers) who are burned out and looking for a professional tribe
• VP and Director-level customer success leaders who want peer counsel while building scaled CS organizations
• Freelance CS consultants between contracts who need a space, community, and people who speak their language

What problem this template solves

Customer success professionals are among the most under-supported people in SaaS. They carry churn reviews, quarterly business reviews, and net revenue retention targets with very little community infrastructure built around them. Most generic co-working or community pages do not speak to that specific exhaustion.

• Generic landing pages fail to name the emotional reality of CS burnout, so visitors bounce before they feel seen
• Event registration flows buried behind multiple clicks lose warm leads who were ready to show up
• Community pages that lead with features instead of feeling miss the belonging signal that converts professional community members

What you get with this template

This template gives you a fully structured, section-led landing page that moves a visitor from recognition to registration in a single scroll. Every section has a defined role, and nothing is decorative without purpose.

• A full-screen video hero with a cinematic overlay, a primary call-to-action button, and a floating stats strip beneath the headline
• A manifesto section with scroll-reveal animation, a burnout statistic, an origin story block, and a sticky amber registration bar
• An events calendar section with an inline registration form showing event date, topic, and remaining spots alongside a low-friction email capture path

Feature list

This template is built around six core capabilities that work together to move a visitor from curiosity to commitment.

Full-Screen Video Hero with Cinematic Overlay

The hero section uses a full-screen video background filmed in a slow, handheld 16mm style. A warm cinematic overlay keeps the headline readable. The primary "Reserve Your Seat" call-to-action button sits in amber, and a floating stats strip anchors the bottom of the hero frame.

Scroll-Reveal Manifesto Section

The manifesto block opens with a real burnout statistic and transitions into the community's origin story. Each paragraph is triggered by scroll-reveal animation, creating a rhythm of stillness and momentum. A sticky amber bar appears after this section and follows the visitor down the page.

GSAP-Animated Testimonial Slider

Member testimonials are displayed in an animated slider powered by GSAP. Each slide shows a member photo, name, role title, and a short quote filmed or captured in the space. The slider keeps social proof visible without overwhelming the page.

Inline Event Registration Form

The events calendar section includes an inline registration form. Visitors select an upcoming session by date and topic, enter their first name, and choose their CS role from a dropdown. The form also shows remaining spots per event to create natural urgency.

Parallax Masonry Photo Grid

A masonry-style photo grid moves with parallax scrolling as the visitor passes through it. The grid shows the physical space and members in motion, making the community feel real and inhabited rather than staged.

Low-Friction Email Capture Path

A secondary conversion path labeled "Just Watching for Now" sits alongside the primary registration button. It captures an email address with no additional fields, giving hesitant visitors a way to stay connected without committing to an event.

Page sections overview

Design & branding system

The visual identity follows a Healing Space theme built on the Forest Trust color system. Every color choice has a defined role, and none of them are interchangeable.

• Deep old-growth green (#1B3A2D) and birch cream (#F5F0E8) alternate as section backgrounds, with text reversing to match each ground
• Warm amber (#C48B2C) appears only on calls to action and interactive highlights, never as a decorative color
• Fraunces serif handles editorial headlines while DM Sans carries all body copy and interface labels, keeping the page warm but readable

Mobile & speed optimization

The template is built desktop-first to match how CS professionals actually work, with full mobile support across all sections and interactive components.

• The video hero includes a poster image fallback so the page loads with visual impact on all devices and connections
• Images across the photo grid and testimonial slider use lazy loading so the page stays responsive as the visitor scrolls
• The sticky registration bar and inline form are fully functional on mobile, keeping the conversion path intact on smaller screens

How this template helps you convert

The page is structured as a deliberate emotional journey. It earns trust before it asks for anything, and it names the visitor's reality before presenting a solution.

1. The hero places the visitor inside the space immediately, with a headline that reflects their professional exhaustion back at them before any ask is made
2. The manifesto section uses a real statistic and a human origin story to shift the visitor from observer to someone who feels genuinely understood
3. The inline registration form reduces friction by showing specific event details and remaining spots, turning abstract interest into a concrete, low-risk next step

Other information about this template

This template is suited for community-led brands in the customer success, SaaS, and professional co-working space categories. A few additional details worth knowing before you build with it.

• The template is categorized under Community and Nonprofit with a Customer Success Community subcategory
• The hero-dominant layout follows a 90/10 structure, meaning the hero section carries the majority of the visual and emotional weight
• Animation complexity is high: GSAP powers the testimonial slider, scroll-reveal handles the manifesto, and the parallax photo grid creates depth on scroll
• The page uses a Movement and Cause creative direction, meaning it builds a case through problem, proof, and invitation rather than leading with features
• The footer follows a linear single-row pattern, keeping the bottom of the page clean and uncluttered

Show more