Sangat - Inspiring Gurdwara Landing Page Template

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

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

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.

1. 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
2. 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

Show more