Sangam - Vibrant Diaspora Landing Page Template

Quick summary

Sangam is a single-page template for diaspora cultural and religious societies. It opens with an auto-scrolling mosaic of real member photos and guides visitors through testimonials, upcoming events, community stats, and a family registration form. The design is warm and earthy, built to feel like a community hall mid-celebration rather than a polished institution.

Who this template is for

This template is made for organisations that hold culture together across generations. It fits any group that runs festivals, classes, and shared meals for diaspora families living far from their home region.

• Cultural and religious societies hosting Diwali, Holi, Navratri, or similar events
• Diaspora community groups where grandparents, parents, and young adults all take part
• Nonprofit organisers who need event registrations from families, not just individuals

What problem this template solves

Most community organisations describe themselves with dry text and stock images. That approach fails to communicate belonging. Diaspora families deciding whether to join a new community need to feel the warmth before they commit.

• Generic templates cannot carry the emotional weight of a real cultural gathering
• Scattered event information makes it hard for families to find dates, register seats, and understand what to expect
• There is no obvious path for visitors who are curious but not yet ready to attend an event

What you get with this template

You get a complete, section-led landing page that takes a first-time visitor from curiosity to registration. Every section is purposeful, and the layout puts community voices front and centre before asking for anything.

• A full-width UGC photo wall header with an auto-scrolling mosaic and a fade-in tagline
• A masonry testimonial grid that mixes member quotes with event photography
• A registration form with family-size dropdowns, event selection, dietary needs, and an optional referral field

Feature list

A paragraph introduction: each feature below is drawn directly from the template brief and reflects a real, built-in capability.

Auto-Scrolling UGC Photo Wall

The header is a full-width mosaic of member-submitted photographs in slightly varied sizes. Cards are imperfectly rotated and include candid, blurred shots to feel authentic. A single tagline, "This is what belonging looks like," fades in over the mosaic.

Testimonial Masonry Grid

Below the header, a masonry grid mixes written member testimonials with event photos. Each card shows a different voice and moment. Cards animate in as visitors scroll, creating a pinboard effect that accumulates into a compelling social proof argument.

Bento-Style Event Cards

Upcoming events are displayed in bento-style cards. Each card includes the event name, date, description, and a prominent "Reserve Your Seat" call-to-action button in turmeric gold.

Floating Registration Call-to-Action

A "Reserve Your Seat" button pins as a floating element after the first scroll. It stays visible as visitors move through the testimonial grid and event listings, removing friction from the registration path.

Family Registration Form

The registration form captures name, family size via adults and children dropdowns, event selection with dates and descriptions, dietary needs (vegetarian, Jain, vegan, or no restriction), and an optional "How did you hear about us?" field.

Community Numbers Section

A dedicated stats section displays community metrics with atmospheric depth, such as the number of families, years active, and events held. It grounds the emotional content with concrete evidence of the community's scale.

Page sections overview

Design & branding system

The visual identity follows a Community Hearth theme using a Botanical color system. Every colour choice is drawn from everyday South Asian materials: tulsi leaves, turmeric, clay, and unbleached cotton.

• Deep tulsi green (#2D5F2E) anchors navigation and section dividers; turmeric gold (#C49B2A) highlights dates and call-to-action buttons
• Raw clay terracotta (#B85C38) warms hover states and photo borders; unbleached cotton white (#FAF3E8) grounds the masonry grid as the background
• Typography pairs Plus Jakarta Sans for body text with Fraunces serif display headings, giving the page a handcrafted, non-corporate character

Mobile & speed optimization

The template is built mobile-first because community members are most likely browsing on their phones between daily routines. Layout decisions prioritise legibility and tap targets on smaller screens.

• The masonry grid reflows cleanly for portrait mobile viewports without losing the layered, pinboard feeling
• Scroll-triggered card reveals use IntersectionObserver, and animations rely on CSS to keep interactions smooth without heavy dependencies
• The floating "Reserve Your Seat" button remains accessible on mobile screens throughout the scroll journey

How this template helps you convert

The page is structured so that trust is built before any ask is made. By the time a visitor reaches the form, real voices have already made the case.

1. The UGC photo wall and testimonial mosaic let dozens of real community members do the convincing first, so visitors arrive at the form already emotionally invested.
2. Event-specific "Reserve Your Seat" buttons appear inside individual event cards, meaning a visitor can register in context rather than navigating away to a separate page.
3. A secondary "Become a Member" link in tulsi green sits beneath the form, giving curious visitors who are not ready to book an event a lower-commitment way to stay connected.

Other information about this template

This template is designed exclusively as a single landing page, not a multi-page website. It is well-suited for annual festival campaigns, new-member recruitment drives, or always-on community presence pages.

• The template uses high animation settings including scroll-triggered reveals, marquee effects, floating badges, and a Ken Burns effect on hero imagery
• Indian cultural terminology such as Diwali, Holi, Navratri, rangoli, biryani, and lehenga is woven into placeholder content, making it ready for South Asian diaspora organisations with minimal editing
• The footer follows a horizontal flow pattern and can carry secondary navigation, social links, and mailing list sign-up information

Show more