Gather is a warm, editorial-style interfaith center landing page built around a Hero's Journey scroll structure. It guides visitors from curious stranger to registered attendee through zigzag alternating sections, real attendee voices, and a prominent "Save My Seat" event registration flow. The Teal Catalyst color system and Fraunces serif typography create a grounded, welcoming visual tone.
by Rocket studio
Loading preview…
Quick summary
Gather is a single-page interfaith community center landing page. It uses a zigzag alternating layout and a Hero's Journey narrative arc to move visitors from first glance to event registration. Real attendee testimonies, a founding-trio quote, and an event photo mosaic build trust before the "Save My Seat" form ever appears.
Who this template is for
This template is built for interfaith community centers and multi-tradition spiritual organizations that need to welcome a wide range of visitors without alienating any of them. It works especially well for groups running regular community gatherings, grief circles, seasonal walks, or interfaith educational events.
Interfaith centers and nonprofit spiritual communities seeking event registrations
Neighborhood organizations wanting families and curious seekers to attend multi-tradition gatherings
What problem this template solves
Most religious and spiritual organization pages feel designed for insiders. They use language, symbols, and assumptions that quietly signal who belongs and who does not. Gather solves that problem by leading with openness rather than doctrine.
Visitors who feel uncertain about their own beliefs need a page that signals safety before asking for commitment
Event organizers lose registrations when trust is not established before the form appears
Generic nonprofit templates fail to carry the warmth and narrative depth that interfaith gatherings actually represent
What you get with this template
You get a complete, ready-to-customize single-page layout structured as a narrative journey. Every section has a defined role in moving the visitor toward belonging and, ultimately, toward clicking "Save My Seat."
A half-page hero split with a large serif headline and an amber "Save My Seat" button
Five distinct zigzag content sections covering the call, the mentor, event testimonies, a video panel, and a registration form modal
Theme
Community Hearth
Creative direction
Hero's Journey
Color system
Teal Catalyst
Style
Zigzag/Alternating
Direction
Event Registration
Page Sections
Zigzag Alternating Layout
Hero's Journey Narrative Structure
Modal Event Registration Form
Sticky Amber Call-to-action Button
Attendee Testimony Mosaic
Scroll-triggered Fade Animations
Related questions
Can I change the events listed in the registration dropdown?
Does the template work if my organization has one founding leader instead of a trio?
What type of images work best for the event photo mosaic?
Can the registration form collect more than the four default fields?
Is this template suitable for a single-tradition spiritual organization?
A sticky amber registration button that appears after the page midpoint, keeping the primary action always reachable
Feature list
This template ships with a set of purposefully designed components. Each one serves the broader goal of turning a hesitant visitor into a confirmed attendee.
Zigzag Alternating Section Layout
Each content block alternates between image-left/text-right and text-left/image-right. The rhythm mirrors a natural back-and-forth conversation, keeping the visitor visually engaged as they scroll deeper into the page.
Hero's Journey Narrative Arc
The page is structured in five story beats: the call, the mentor, the trials, the transformation, and registration. This arc gives the visitor a clear emotional through-line from curious stranger to someone who feels a seat is already waiting for them.
Modal Event Registration Form
Clicking "Save My Seat" opens a lightweight modal form. It collects first name, email, a dropdown selection of the next three upcoming gatherings, and an optional field for access, dietary, or spiritual needs.
Sticky Amber Call-to-Action Button
After the visitor passes the midpoint of the page, a sticky amber button remains visible at all times. It keeps the registration action available without interrupting the reading flow.
Attendee Testimony Mosaic
The Trials section displays a mosaic of real event photos from grief circles, solstice walks, and interfaith Seders. Each photo is paired with a single-sentence testimony from an actual attendee, letting real voices carry the social proof.
Scroll-Triggered Fade Animations
Sections animate into view with a fade-in-up effect as the visitor scrolls. Images include a subtle scale effect on hover. These animations are set to medium intensity, keeping the page lively without distraction.
Page sections overview
Section
Purpose
Hero split header
Introduces the center's core message and surfaces the primary "Save My Seat" call to action
The Call block
Opens the visitor's curiosity with a welcoming question and an image of an empty chair in a circle
The Mentor block
Builds authority and warmth through a founding trio quote paired with a photo of clasped hands
Event photo mosaic
Demonstrates community depth with captioned photos from past interfaith gatherings and testimonies
Transformation video panel
A participant video showing a personal moment of connection, followed by the registration form modal
Minimal footer
Provides essential navigation and organizational links in a clean horizontal flow
Design & branding system
The visual identity follows a Community Hearth theme. Every color choice and typographic decision is meant to feel like a ceramic bowl on a rough-hewn table beside a lit candle: grounded, alive, and neither clinical nor religious in a narrow sense.
Colors: deep hearth teal (#1A5E63) anchors section backgrounds, candlelit amber (#E8A838) ignites buttons and event dates, clay wall cream (#F5EDE0) provides breathing room between blocks, and charcoal smoke (#2C2C2C) keeps body text steady
Typography: Fraunces serif handles all headlines for warmth and editorial authority, while DM Sans carries body copy for clean, unhurried readability
Visual style is warm editorial with a ceramic-and-timber aesthetic, imagery featuring hands of many skin tones, shared meals, and late-afternoon light
Mobile & speed optimization
The template is built with equal priority given to desktop immersion and mobile accessibility. The zigzag layout stacks cleanly on smaller screens so that the narrative flow is never broken for mobile visitors.
Static sections use Server Components to reduce load on initial render, while the modal form and sticky button run as Client Components
Scroll-triggered animations are set to medium intensity and are designed to perform smoothly without overwhelming lower-powered devices
The registration modal is lightweight by design, using a minimal four-field form to keep friction low on any screen size
How this template helps you convert
Gather earns the registration click before it asks for one. The page is designed to build trust progressively so that by the time the form appears, the visitor already feels like a guest rather than a prospect.
Real voices lead the way. Attendee testimonies and a founding trio quote appear before any form, so the visitor's trust is earned through community evidence rather than marketing language.
The sticky "Save My Seat" button stays visible after the midpoint, removing the need to scroll back up while keeping the action feel natural rather than aggressive.
The optional access and needs field in the registration form signals genuine care for each attendee, which reduces hesitation among visitors who might otherwise worry about whether they truly belong.
Other information about this template
This template is part of the Community and Nonprofit category, specifically designed for the Religious and Spiritual Organization subcategory with a focus on the interfaith center niche. It carries an intersection match score of 13, reflecting a tight alignment between the template's structural decisions and the specific needs of interfaith community organizations.
The footer follows a minimal horizontal flow pattern, keeping organizational links accessible without competing with the page's primary registration goal
The header photograph concept features a long wooden table at seated eye-level, with hands of every skin tone breaking bread in late-afternoon light, setting the tone before a single word is read
This template supports English-language content for United States-based organizations and does not require any currency display
The Teal Catalyst color system and Community Hearth theme are designed to work across a wide range of interfaith traditions without visually favoring any single one
