Mandapam - Sacred Temple Landing Page Template

Quick summary

Mandapam is a donation and fundraising landing page designed for neighborhood temple trusts. It leads with a full-width team photo, then unfolds a living portrait of temple service through modular cards: festival dates, meal counts, a fund progress bar, and trustee voices. Every section earns the gift before the ask is made.

Who this template is for

This template is built for the people who keep a temple running, not just those who visit it. It suits organizations that have a real story of service to tell and need donors to see that story clearly.

• Temple trusts and management committees organizing festivals, annadanam, and restoration work
• Youth committees and volunteer groups coordinating Pongal, Navaratri, and weekly seva programs
• Neighborhood devotee communities and shopkeeper sponsor groups raising funds for specific temple needs

What problem this template solves

Most temple donation pages ask for money before they show what the money does. Visitors arrive with goodwill but leave unconvinced because the page offers no proof of real activity. Mandapam solves this directly.

• It replaces generic appeal text with live evidence: meal counters, renovation progress bars, and signed-up volunteer counts
• It gives diaspora donors and local devotees alike a way to feel the temple's daily rhythm before they contribute
• It removes friction from the giving path by offering preset seva options alongside a flexible contribution form

What you get with this template

You get a fully structured single-page layout that moves from emotional connection to specific action without a single hard sell. The design is warm, rooted, and built around real community proof.

• A parallax hero section with a team photo, warm afternoon lighting treatment, and a fade-in tagline
• A bento card grid covering the festival calendar, annadanam program, renovation fund, and trustee profiles
• A sticky bottom donation bar, a modal contribution form with preset amounts in INR, and individual seva sponsorship cards

Feature list

This template includes six distinct functional areas, each grounded in the brief and ready to carry real temple content.

Parallax Hero with Fade-In Tagline

The header uses a wide, naturally lit team photo of trustees and volunteers on the mandapam steps. A single tagline fades in over the image. The parallax scroll effect adds depth without distracting from the faces and the gopuram behind them.

Living Temple Bento Card Grid

The modular card grid is the heart of the page. Each card covers one dimension of temple life: an upcoming festival with nakshatra and volunteer signup count, an annadanam meal counter, a renovation fund progress bar showing rupees raised against the target, and a trustee quote card. Cards are designed to be updated with real figures.

Sticky Donation Bar and Contribution Modal

After the first scroll, a gentle sticky bar appears at the bottom of the screen with the primary call to action. Tapping it opens a simple modal form with fields for name, phone number, a purpose selector, preset amount tiles at ₹501, ₹1,116, and ₹5,001, a custom amount field, and an optional toggle for monthly recurring seva.

Seva Sponsorship Cards

A dedicated section offers specific, tangible giving options: deepam oil for a month, flower garlands for a festival week, and prasadam ingredients for a Saturday. Each card names the seva, its cost, and its direct impact, making the giving choice concrete and meaningful.

Trustee Profile Layout

An asymmetric profile section introduces key trustees with a photograph, their role, and a single honest quote. The layout avoids corporate stiffness and reflects the genuine, service-oriented character of the people behind the trust.

Annadanam Program Section

A full-width section highlights the free meal program with a live-style meal counter showing meals served this month. A sponsor call to action sits alongside the counter, connecting the number directly to the opportunity to contribute.

Page sections overview

Design & branding system

The visual identity follows a Civic Service theme using a Forest Trust color system. Every color choice is rooted in the physical experience of a South Indian temple town.

• Sacred grove green (#2D5F2E) as the primary color, aged temple stone (#C4B08B) and deepam flame gold (#D4A017) as accents, sanctum shadow (#1A1A12) for text, and soft kolam white (#FAF7F0) as the background
• DM Serif Display for headings and Plus Jakarta Sans for body text, creating a warm editorial feel that is both readable and rooted
• An analog, sacred civic editorial aesthetic where card borders, spacing, and typographic rhythm feel handcrafted rather than corporate

Mobile & speed optimization

The template is built mobile-first because most devotees will check it on a phone at home or at the temple itself. Every layout decision prioritizes small-screen clarity.

• The card grid stacks cleanly on mobile, with tap targets sized for thumbs and the sticky donation bar always reachable without scrolling back up
• Images across the template are set to lazy-load, so the page feels responsive even on slower mobile connections
• Scroll-reveal animations and count-up number effects are tuned to medium intensity, keeping the page lively without draining battery or causing jank on mid-range devices

How this template helps you convert

The page does not open with a donation ask. It opens with people. By the time a visitor reaches the sticky bar, they have already seen the evidence of real service. The conversion path is quiet but deliberate.

1. The hero photo establishes human trust immediately: real faces, a real gopuram, and a date that places the trust's history in a single line
2. The card grid accumulates proof across multiple dimensions, so the visitor's confidence builds with each card rather than resting on a single claim
3. The seva sponsorship section converts broad goodwill into a specific, named act of giving, making it easier for undecided visitors to choose a contribution that feels personally meaningful

Other information about this template

This template suits any Indian community organization that needs to present civic and religious service work with dignity and warmth. It is localized for Indian audiences by design.

• Currency, amount presets, and festival names are set for Indian audiences: INR amounts, Tamil festival names like Pongal and Navaratri, and Indian phone number format
• The footer uses the Arc Browser Split pattern with the trust logo and tagline on the left and navigation links on the right
• Animation intensity is set to medium throughout, with parallax on the hero, scroll reveals on cards, and count-up effects on live numbers
• The template is well suited to communities building a temple trust website presence for the first time, as well as established trusts updating an older page

Show more