This Hindu temple darshan landing page template is one HTML5 page with one goal. Diyana is a quiet, one-page opt-in landing page for Hindu temples, mandirs and online darshan services reaching families far away.

Every call to action leads to one goal – a sankalpa read in the sanctum: your name, your gotra and a prayer, and the aarti at which the priest reads it aloud, with no charge. Today’s panchang, the rituals you can sponsor with their prices, darshan from wherever you are, the next festival’s countdown, what each offering does and the priests make the case.

Peacock teal and saffron with Cormorant Garamond. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support and a WebGL silk shader.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Hindu Temple Darshan Landing Page: One Page, Built To Convert

• Hero Slider: First, a doorway to stillness – with today’s aarti and a darshan button.
• Today At The Temple: Then, the panchang for the temple’s location, open now and the next aarti.
• Figures and Mantra: Next, the temple’s years and families, then a mantra band.
• About: After that, a living tradition, kept by hand, over a photo ground.
• Pricing: Also, the rituals you can sponsor today, in a slider with their prices.
• Darshan From Wherever You Are: Then, the sanctum camera with a YouTube video popup and the day’s aartis.
• Your Name, Read In The Sanctum: Next, the sankalpa form – name, gotra, prayer and the aarti.
• The Next Festival Begins In: In addition, a countdown on a parallax photo band.
• Every Offering Has A Number: After that, the causes and what each gift does.
• The Hands That Keep The Rites: Also, the priests.
• Testimonials: Then, prayers answered, stories kept.
• Contact and Call To Action: Finally, the ways to reach the temple, a working contact form and a Google map, then Come For Darshan.

Hindu Temple Darshan Landing Page Features

• One-page opt-in landing with a single goal: a sankalpa read in the sanctum
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left on a switch in the header, from one stylesheet written with logical properties
• WebGL silk: a folded-silk shader tinted from the theme
• Real temple logic: the almanac for the temple’s location, open now and the next aarti, festival clocks, seva prices, offering counts
• Light-bloom preloader and word-rise reveals in padded masks
• Swiper sliders, Fancybox video popups, counters and a parallax photo band
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free, loaded locally
• Fully responsive with a desktop-first breakpoint system
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5, jQuery 3.7.1, Swiper, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, Google Fonts (Cormorant Garamond, Manrope).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files and the illustrated cut-outs are included.

Browse more Hindu landing pages, or the multi-page Hindu website templates.