Sangam is a masonry-style landing page built for diaspora cultural societies. It blends a full-width user-generated photo wall, a testimonial mosaic grid, and bento-style event cards into one warm, community-first experience. The earthy Botanical color palette and handcrafted typography make it feel like a celebration hall, not a corporate website. One primary goal drives the whole page: getting families to reserve their seat.
by Rocket studio
Loading preview…
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
Theme
Community Hearth
Creative direction
Testimonial Mosaic
Color system
Botanical
Style
Masonry/Pinterest
Direction
Event Registration
Page Sections
Auto-scrolling UGC Photo Wall
Testimonial Masonry Grid
Bento-style Event Cards
Floating Reserve Your Seat Button
Family Registration Form
Community Numbers Section
Related questions
Can I replace the placeholder photos with my own community images?
Does the registration form support multiple event options?
Is this template suitable for communities that run classes and meals, not just festivals?
What path does the template offer visitors who are not ready to register?
What animation features are included in this template?
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
Section
Purpose
UGC Photo Wall
Opens the page with real member photos and the community tagline
Testimonial Mosaic Grid
Builds social proof through mixed quotes and event imagery
Upcoming Events Cards
Shows event listings with dates and seat reservation buttons
Community Numbers
Displays key community metrics to reinforce trust
Registration Form
Collects family details, event choice, and dietary needs
Footer
Provides horizontal navigation flow and secondary links
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.
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.
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.
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
