Landing component kitchen sink

A private reference page for checking hero, media, cards, testimonials, contact, FAQ, backgrounds, media types, text positions, and rich text behavior.

Primary Action Secondary Action

Media Text / Image / Left / Natural

Image media with linked rich text

This variant checks natural background, left text, image media, and an image link. It includes an external text link and an internal text link to confirm RichText link treatment.

  • Paragraph rhythm
  • List rhythm
  • Link styling
Primary ButtonSecondary Button
Surfer riding a green Bali wave

Media Text / YouTube / Left / Shoreline

Embedded video media

This variant checks the youtube media type and the shoreline background treatment.

Rich text heading

A heading inside RichText should have a tighter line-height, with slightly more space above it than between ordinary paragraphs.

Media Text / Image Lightbox / Right / Sand

Linked image opens a video lightbox

This variant checks an image linked directly to an external video file. The image itself should open the lightbox; there should be no separate play button.

Surf coach with a group of camp guests

Media Text / YouTube Lightbox / Left / Linen

Linked image opens a YouTube lightbox

This variant checks an image linked to a YouTube watch URL. The rendered image should be the clickable lightbox trigger.

Land coaching session at Padang Padang Surf Camp

Media Text / Dark

Dark section treatment

This variant checks text, links, surfaces, and accent colors on the dark section background.

External link example

Primary button Secondary button
Surfers travelling by boat in Bali

Cards / Natural

Three-card layout

Guests on a Bali sunset trip

Card with YouTube lightbox

Short supporting copy checks the minimum card content case.
Healthy food served at camp

Card with external image link

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

Private accommodation at camp

Card with video lightbox

Longer card copy checks how the grid behaves when the text heights vary across siblings. The layout should remain calm without relying on matching content length.

Cards / Dark

Cards on dark background

Land coaching session

Coaching

Dark cards check inherited section color variables and image treatment.

Guests at the beach

Community

This confirms repeated card structure in a dark section.

Surfers on a boat

Exploration

This confirms spacing, headings, and body text on darker surfaces.

Testimonials / Natural

Carousel with multiple testimonials

A short testimonial checks the compact slide case.

Kitchen Sink Guest One

A longer testimonial checks the carousel panel with more text. The slide should remain vertically centered, readable, and easy to scan without changing the controls.

Kitchen Sink Guest Two

This slide includes bold emphasis and an external link to check RichText behavior inside testimonials.

Kitchen Sink Guest Three

Testimonials / Linen

Testimonials on linen

A single visible carousel item should still initialize cleanly and preserve the section spacing.

Kitchen Sink Linen Guest

Contact form demo

Contact rich text heading

This contact block checks form layout, proof badges, select options, hidden honeypot field, and rich text spacing above the form.

Included list

  • First list item
  • Second list item with bold copy
  • Third list item with an external link

Get in touch

Flexible pricing — contact us for group rates and long-stay discounts. We reply within 24 hours.

FAQ / Natural

FAQ with open and closed items

Open FAQ item with rich list content
  • Open item list content
  • Link styling inside an FAQ answer
  • List item line-height
Closed FAQ item with paragraphs

This answer starts closed and contains a normal paragraph.

Heading inside an answer

Content under this heading should use normal adjacent spacing.

FAQ / Dark

FAQ on dark background

FAQ on dark background

This checks FAQ borders, surfaces, and RichText colors on a dark section.

Second dark FAQ item

A second item confirms repeated spacing.