Capturing Light.
Framing Vision.

Option A: Full Page Fluid Engine Code Block (Recommended)

Keeps your existing Squarespace site header/footer while rendering the entire custom cinema landing page in the content area.

1. In Squarespace, open your target page → Click Edit.
2. Add a blank section → Click Add Block → Choose Code (</>).
3. Set the Code Block mode dropdown to HTML.
4. Uncheck Display Source.
5. Copy and paste this entire code file into the block. Drag the block to span full width (24 columns).

Option B: Standalone Distraction-Free Landing Page

Hides your regular Squarespace navigation header so leads focus entirely on watching your reel and booking.

1. Create a page under Not Linked titled Book Production (e.g. /book).
2. Click the gear icon next to the page name → Select Advanced.
3. In the Page Header Code Injection box, paste:

   <style>
   header#header, footer#footer-sections { display: none !important; }
   </style>

4. Add your Code Block with this landing page code into the page body.

How to Hardcode Your Videos in the Code

Look at the bottom JavaScript object named reelsData. You can paste your exact YouTube or Vimeo embed URLs directly:

const reelsData = {
  event: {
    embedUrl: 'https://www.youtube-nocookie.com/embed/YOUR_YOUTUBE_ID',
    // Or for Vimeo: 'https://player.vimeo.com/video/YOUR_VIMEO_ID'
  },
  ...
};