Sangat - Inspiring Gurdwara Landing Page Template Template | Build Fully Functional Applications with Rocket
Sangat - Inspiring Gurdwara Landing Page Template
Sangat is an editorial landing page template built for gurdwara management committees. It tells a community's origin-to-present story through magazine-style sections, pull-quotes from sevadars, and an overhead langar hero image. Visitors move from emotional connection to action through a seva calendar download, volunteer interest form, and annual report link, all earned before any ask is made.
by Rocket studio
Loading preview…
Quick summary
Sangat is a single-page editorial template designed for a gurdwara management committee. It opens with a full-bleed overhead langar photo and a fade-in headline. The page then narrates the community's founding story, showcases present-day seva programs, and guides visitors toward volunteering or downloading the seva calendar, all in a warm, dignified magazine layout.
Who this template is for
This template is built for Sikh gurdwara committees and South Asian diaspora community organizations that want more than a basic information page. It suits teams who lead through storytelling and want their digital presence to reflect the depth of their service work.
Gurdwara management committees running active langar, education, and outreach programs
Volunteer coordinators who need a practical entry point for new sevadars
Civic and community leaders wanting to share their institution's history and present impact
What problem this template solves
Most community and nonprofit pages feel like brochures. They list programs without context, ask for participation before earning trust, and leave visitors with no emotional reason to return. Sangat is built to solve exactly that gap.
It places the origin story and seva in motion before any call to action appears
It converts passive readers into active volunteers by showing real work before making an ask
It gives a gurdwara committee a dignified, editorial home that reflects the weight of their service
What you get with this template
This template delivers a complete, ready-to-customize editorial landing page. Every section is purposefully sequenced to build emotional investment and then convert it into participation.
A full-bleed hero section with an overhead langar photograph and a fade-in editorial headline
An origin story section with intimate historical narrative and magazine-style pull-quotes from sevadars and committee members
A stats bento grid showing current program reach, a seva calendar email capture form, a volunteer interest form with four seva tracks, and an embedded weekly hukamnama audio player
Theme
Civic Service
Creative direction
Hero's Journey
Color system
Teal Catalyst
Style
Editorial/Magazine
Direction
Content/Resource
Page Sections
Full-bleed Hero with Fade-in Headline
Origin Story Narrative Section
Program Stats Bento Grid
Seva Calendar Email Capture
Four-track Volunteer Interest Form
Embedded Hukamnama Audio Player
Related questions
Can I update the photography and pull-quotes to match our own community?
Does the seva calendar form connect to an email list?
Can we add or remove seva tracks from the volunteer interest form?
Is the hukamnama audio player updated automatically each week?
Is this template suitable for a gurdwara that is just getting started?
Feature list
This template includes purpose-built features drawn directly from the gurdwara's community model and editorial design brief.
Full-Bleed Hero with Fade-In Headline
The hero opens with an overhead shot of langar in full service. A single editorial headline fades in over the image in clean white type. No posed portraits, no empty halls, just the gurdwara at its most truthful moment.
Origin Story Narrative Section
A dedicated scroll section tells the founding story: a rented room, twelve families, and one borrowed Guru Granth Sahib. Photography shifts from intimate and historical to expansive and present-tense as the reader scrolls forward.
Stats Bento Grid
A structured bento-style grid displays current program reach in specific numbers. Three hundred people fed every Sunday, regular blood drives, and active Punjabi language classes are presented as living facts, not claims.
Seva Calendar Email Capture Form
The primary call to action appears after two full story sections. Visitors enter only a name and email to download the seva calendar. The form is positioned where emotional investment has already been earned.
Volunteer Interest Form with Seva Tracks
A four-track volunteer form asks for name, skill area from langar, education, facilities, or outreach, and preferred day. It converts motivated readers into actionable leads for the committee without friction.
Embedded Hukamnama Audio Player
An audio player sits within the page to deliver the weekly hukamnama. It adds a layer of spiritual texture to the editorial experience and gives returning visitors a reason to come back each week.
Page sections overview
Section
Purpose
Hero Langar Photo
Opens with full-bleed overhead image and fade-in editorial headline
Origin Story Narrative
Tells founding story with pull-quote and historical photography
The Work Today
Displays program stats in a bento grid format
Seva Calendar Form
Email capture placed after emotional investment is earned
Voices of Seva
Magazine pull-quotes from named sevadars and committee members
Programs and Volunteer Form
Four seva tracks with a structured volunteer interest form
Footer
Linear single-row footer with essential links
Design & branding system
The visual identity follows a Civic Service theme. Every color choice is intentional and rooted in the gurdwara's physical environment. The palette feels like the patina on a brass thaal that has served thousands.
Deep gurdwara teal (#0D7377) anchors headers and section dividers, warm langar gold (#D4A843) highlights accent buttons and pull-quotes, pure marble white (#F7F5F0) covers open reading backgrounds, and iron (#2C2C2C) grounds body text
Fraunces serif is used for display headings to give the page an editorial magazine weight, while DM Sans handles body text for clean readability
GSAP ScrollTrigger powers staggered fade reveals and marquee elements, keeping motion purposeful and unhurried
Mobile & speed optimization
The template is built desktop-first for the editorial reading experience, and it is fully responsive across screen sizes. Scroll-triggered animations and interactive elements are handled through client components while static content uses server components.
Scroll reveals and hover states are layered progressively so the reading flow is never interrupted on smaller screens
The audio player, volunteer form, and email capture form all remain fully functional on mobile viewports
Animation timing is calibrated so staggered fades feel considered on desktop and clean on mobile without sacrificing the editorial pacing
How this template helps you convert
Sangat earns participation before it asks for it. The page is structured so that visitors are emotionally invested in the community's story long before a form or download link appears.
The hero and origin story sections build trust and belonging first, so the seva calendar download feels like joining something already alive rather than filling out a form
The volunteer interest form appears only after the programs section, giving readers the full picture of seva tracks before asking for their time and skill area
Other information about this template
Sangat is part of a broader set of editorial templates suited to community institutions with rich histories and active service programs. The template supports natural use of Punjabi cultural terms such as seva, langar, sangat, degh, Amrit Vela, and sevadars as texture within the English-language layout.
The annual report PDF link is included as a secondary conversion path alongside the email capture and volunteer form
The template uses a linear single-row footer pattern keeping navigation minimal and the focus on the page's narrative content
This template is well suited to organizations in the Community and Nonprofit category, particularly Indian community organizations and gurdwara management committees seeking a dignified editorial presence
