Cards variants

Internal verification page for card counts, backgrounds, links, lightbox, and rich text states.

Cards / Natural / Three

Three-card natural layout

This optional intro copy sits between the section heading and the card grid, using shared rich text styling for links like surf camp.

A second paragraph verifies multi-line rhythm, vertical spacing, and centered measure before the card grid across desktop and mobile layouts.

Guests on a Bali sunset trip

YouTube lightbox

Short copy checks the compact card case.

Healthy food served at camp

External card link

This card includes bold text, an external link, and a second sentence for rhythm.

Private accommodation at camp

Video lightbox

Longer card copy checks uneven text heights across siblings. The layout should remain stable without matching every card height by content.

Cards / Linen / Two

Two-card linen layout

Land coaching session

Internal card link

This card navigates to another section on the page.

Guests at Padang Padang beach

Plain card

This card has no link and confirms the non-anchor image state.

Cards / Sand / Single

Single-card sand layout

Surfers on a boat

Single card with long copy

This single card checks that the grid and image sizing stay intentional when there is only one item. It also includes an internal text link in the body copy.

Cards / Shoreline / Three

Three-card shoreline layout

Surf coach with a group of camp guests

Video preview

Video lightbox behavior should be preserved on the shoreline background.

Surfer on a Bali wave

Wave coaching

Plain repeated card structure checks section color variables.

Guests watching sunset

Sunset trip

This card adds enough text to compare line wrapping against shorter siblings on tablet widths.