# Candlelit restaurant ad from five photos

> A 17-second landscape social ad for an upscale restaurant: five photo scenes with slow Ken Burns zooms, dark overlays, serif headlines and a thin gold rule, ending on a Book Now button. Claude Code wrote it as one Remotion component from a single prompt.

- Page: https://meetreference.com/v/cinematic-restaurant-ad-from-five-photos/
- Exact prompt as plain text: https://meetreference.com/v/cinematic-restaurant-ad-from-five-photos/prompt.txt
- Made with: Claude Code
- Model: Claude Opus
- Built with: Remotion
- Style: Ads & social; ken burns, luxury, burgundy and gold, serif type, photo slideshow, social ad
- Length and format: 18 sec, 1200:628 (1200x628 source)
- Shared by Meera Datey in Blog, Jun 1, 2025: https://videotobe.com/blog/create-video-with-claude-code
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in Claude Code with Claude Opus, or the closest equivalent you have.
2. Set up what the prompt expects: Five of your own photos, in the order the prompt lists them; A Remotion project (npx create-video@latest) to render the component.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Rewrite the list after "I am uploading 5 images in this order" and the headline pairs under "Scene flow" for your business, and change "deep burgundy and gold accents" to your brand colors. Keep the Remotion lines ("useCurrentFrame()", "FRAMES_PER_SCENE = 105") so it renders cleanly.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
I want to create a landscape Twitter/X social media video (1200x628px)
for my upscale restaurant targeting couples for a special night out.

I am uploading 5 images in this order:
- Image 1: A couple enjoying an intimate candlelit dinner
- Image 2: My signature beef dish close-up
- Image 3: Champagne or wine being poured
- Image 4: My restaurant interior or dining room
- Image 5: My salad or vegetarian signature dish

Build a cinematic TSX video component — landscape format (1200x628) —
with 5 animated scenes using these images.

Scene flow:
1. Couple dining    → "SOME NIGHTS DESERVE MORE"      / "For the ones you love"
2. Beef dish        → "CRAFTED WITH PASSION"           / "Our signature for meat lovers"
3. Champagne pour   → "CELEBRATE IN STYLE"             / "Every sip, unforgettable"
4. Dining room      → "THE STAGE IS SET"               / "An evening like no other"
5. Salad dish       → "RESERVE YOUR TABLE TONIGHT"     / CTA button: "Book Now →"

Style: deep burgundy and gold accents, dark romantic overlays,
elegant serif typography, slow cinematic Ken Burns transitions.
Feels like a luxury magazine ad.

Each scene: full-width image, dark gradient overlay, bold headline,
italic subtext in accent color, decorative gold line above headline.
No progress bar. No play/pause button.

Use Remotion's useCurrentFrame() for all animation timing.
Set FRAMES_PER_SCENE = 105 (3.5 seconds at 30fps).
Drive Ken Burns zoom, fade-in, and text slide using Remotion's
interpolate() — no requestAnimationFrame, no useEffect timers.
Fixed dimensions: 1200x628px.

Embed all 5 images as base64 directly in the TSX.
Output a single self-contained .tsx file. No external dependencies.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

Five darkened photo scenes of an evening out, each with a headline block on the left: a laughing couple at a candlelit table, sliced steak with fried eggs, champagne being poured, a dining room under violet light, and a salad at a set table.

- Color: Dim candle amber and warm browns under a dark overlay, one violet-lit room, with white headlines and gold accents.
- Type: White all-caps serif headlines ("SOME NIGHTS DESERVE MORE", "THE STAGE IS SET") under a short gold rule, each with a gold italic serif line below. The last scene adds "Fresh. Seasonal. Unforgettable." and a gold-outlined BOOK NOW → button.
- Framing: Each photo fills the 1200x628 frame, with the text block anchored left of center and the subject on the right.
- Structure: Couple at dinner, the signature steak plate, a champagne pour, the dining room, then the salad and the booking button.

Storyboard, nine frames spread across the video: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/storyboard.webp

- Frame 1 at 1.0s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f1.webp
- Frame 2 at 2.9s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f2.webp
- Frame 3 at 4.9s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f3.webp
- Frame 4 at 6.8s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f4.webp
- Frame 5 at 8.8s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f5.webp
- Frame 6 at 10.7s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f6.webp
- Frame 7 at 12.7s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f7.webp
- Frame 8 at 14.6s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f8.webp
- Frame 9 at 16.6s: https://meetreference.com/media/cinematic-restaurant-ad-from-five-photos/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Agent time: Under 10 minutes
- Reported spend: $0 beyond the Claude subscription, according to the post.
- Notes: The only inputs were five iPhone photos and the prompt. Claude Code returned one self-contained .tsx file with the photos embedded as base64. The author then created a Remotion project with npx create-video@latest, registered the component at 1200x628, 30 fps and 525 frames, previewed it with npm run dev, and rendered it with npx remotion render. The post names the model only as Opus.

> The only inputs were 5 iPhone photos and a paragraph of text.
> (Meera Datey)

## Links

- Watch: https://videotobe.com/blog/create-video-with-claude-code
- Original post: https://videotobe.com/blog/create-video-with-claude-code