Tide — Coastal Goan Seafood Landing Page Template
Toddy is a masonry-style landing page template for a Goan seafood shack and event venue. It opens with a cinematic full-screen video header, then scrolls visitors through an origin-story grid from today's kitchen back to family history and forward to events. A three-step registration form converts that emotional journey into real bookings.
by Rocket studio
Quick summary
Toddy is a single-page event registration template built for a beachside Goan seafood shack. It combines a full-screen video header, a masonry origin-story grid, and a three-step booking form. The design uses a warm mineral palette rooted in Portuguese-Goan colonial character. Every section earns the visitor's trust before asking for the click.
Who this template is for
This template is made for hospitality owners and event operators who want visitors to feel the place before they book it. It suits people who have a story worth telling and a venue worth discovering.
- Goan seafood shack owners promoting private events, weddings, or corporate dinners
- Event planners and couples scouting authentic beachside venues with a strong cultural identity
- Food and hospitality businesses that lead with origin story rather than a standard menu page
What problem this template solves
Most restaurant landing pages lead with a menu and a phone number. That approach fails venues where atmosphere and heritage are the actual selling point. Visitors need to feel the place before they will commit to booking it.
- There is no structured way to present an origin story alongside a functional event registration flow
- Generic templates cannot hold the cultural texture of regional seafood shacks or convey the sensory details that justify a forty-minute drive
- Event planners need enough context about the venue, the menu direction, and the experience before they will fill out any form
What you get with this template
You get a fully structured single-page layout that moves visitors through five deliberate sections. Each section builds emotional context before presenting the booking call to action.
- A full-screen cinematic video header with a floating "Reserve Your Feast" call-to-action button in toddy-palm gold
- A masonry origin-story grid that sequences today's kitchen images, family history tiles with Konkani-voice captions, and event photography
- A three-step modal registration form covering event type and guest count, menu direction, and personal details including an optional open-ended field
Feature list
This template is built around five tightly integrated components. Each one serves the overall goal of converting a first-time visitor into an event booking.
Full-Screen Video Header with Cinematic Entrance
The header runs a handheld golden-hour video sequence: coconut splitting, mackerel hitting a clay-red grill, kokum being squeezed into a clay pot, and the shack at dusk with string lights and audible waves. The camera breathes rather than steadies. A single line of chapel white text fades in over the closing shot.
Masonry Origin-Story Grid
The Pinterest-style masonry grid is the emotional core of the page. It opens with vivid close-up kitchen photography, shifts into faded-photo-style family history tiles with handwritten Konkani script captions, and ends with event photography showing long tables on the sand and guests cracking crab claws. Each card carries a short spoken-voice caption written in the way a Goan uncle actually tells a story.
Sticky "Reserve Your Feast" Call to Action
After the third masonry row, a sticky button stays visible as the visitor continues scrolling. The button appears in toddy-palm gold and repeats the primary call to action without interrupting the content experience. It reduces the distance between intent and action at exactly the right moment.
Three-Step Event Registration Form
The modal form is divided into three focused steps. Step one collects event type and guest count. Step two offers menu direction options with an honest note that final dishes depend on the morning's catch. Step three gathers the event date, name, phone number, and an optional field asking what matters most about the night.
Scroll-Linked Animation System
The page uses cinematic entrance animations, staggered masonry tile reveals triggered by scroll position, and hover states on individual grid cards. The animation system builds the sensation of walking through the scene rather than reading a webpage.
Page sections overview
| Section | Purpose |
|---|---|
| Video Hero Header | Opens with cinematic footage and floating registration call to action |
| Masonry Origin Grid | Tells the family and kitchen story through sequenced photo tiles |
| Sticky Call to Action | Keeps "Reserve Your Feast" visible after the third masonry row |
| Event Registration Form | Three-step modal to collect event type, menu choice, and contact details |
| Footer | Single-row linear layout closing the page |
Design & branding system
The visual identity follows an Agrarian Root theme expressed through a Warm Stone color palette. Every color choice references a physical material from the Goan landscape rather than a trend.
- Sun-baked laterite red (#A0522D) anchors section backgrounds; weathered coconut-husk brown (#6B4226) holds the navigation and footer; lime-washed chapel white (#F5F0E8) carries body text; toddy-palm gold (#D4A24E) marks every interactive element
- Typography pairs Fraunces serif headlines with DM Sans body text, balancing colonial warmth with clean readability
- The overall aesthetic references the mineral, monsoon-stained walls of a 400-year-old Portuguese villa, translated into a digital surface that feels tactile and regional
Mobile & speed optimization
The template is designed mobile-first, reflecting the reality that most visitors discover the shack while already on the beach or in transit. Every layout decision prioritizes small-screen performance and thumb-friendly interaction.
- The video header includes a poster image fallback so the page loads meaningfully before the video begins playing
- Masonry tile reveals use intersection observer logic so animations fire only when elements enter the viewport, keeping scroll performance smooth
- The three-step form is a modal overlay, which keeps the primary content visible on small screens and avoids the disorientation of a page redirect
How this template helps you convert
The page is structured to earn trust through storytelling before it ever presents a form. By the time a visitor reaches the registration step, they have already experienced the lineage, the food, and the atmosphere.
- The video header establishes a strong first impression and places the call-to-action button immediately within reach, so high-intent visitors can act without scrolling.
- The masonry origin-story grid gives event planners, couples, and food travelers enough context about the venue's character, the menu philosophy, and the event atmosphere to feel confident making a booking inquiry.
- The sticky call-to-action button and the three-step form reduce friction at the decision moment, keeping the path from interest to submission as short as possible.
Other information about this template
This template is built specifically for the Goan seafood shack and event venue niche. It is part of a broader Food and Beverage collection covering regional and specialty restaurant use cases.
- The template style is Masonry/Pinterest, making it well suited for hospitality brands that rely on rich visual storytelling rather than text-heavy layouts
- The creative direction is Origin Story, a structure where scrolling pulls visitors backward through family history before bringing them forward to the present-day event offering
- Cultural localization details in the template brief include Konkani script references, feni, recheado masala, xacuti, and Chapora jetty, all of which give restaurateurs a meaningful starting point for authentic copy
- The landing page direction is Event Registration, meaning the entire page structure is calibrated toward a single conversion goal rather than general brand awareness




Theme
Agrarian Root
Creative direction
Origin Story
Color system
Warm Stone
Style
Masonry/Pinterest
Direction
Event Registration
Page Sections
Full-screen Cinematic Video Header
Masonry Origin-story Grid
Sticky Event Registration Button
Three-step Event Registration Form
Scroll-linked Animation System
Related questions
Can I use this template without video footage ready?
Is the three-step form connected to a booking or payment system?
Can the masonry grid and captions be edited for a different regional cuisine?
Does the sticky call-to-action button appear on mobile screens?
What footer layout is included in this template?