Last updated: September 13, 2026
The Dubliners Irish pub in Strasbourg has a website that works, and it is boring. Boring is the opening. I rebuilt it in an afternoon around a Guinness pouring itself as you scroll: one generated image, one $3 video, one free scrape, then Claude Code. Five steps below, every prompt in the video description.
I was not in the United States. I was in France, I walked past a pub that looked good, and I looked up its site. It was fine.
It gave you the information. It also gave you no reason to stay on the page, and that is exactly what you look for when you want a client.
A site that is broken is a hard sell, because the owner is embarrassed. A site that is fine but boring is an easy sell, because you can show them the difference in ten seconds on a phone.
Step one: the hero image
Go to any image model you like. Nano Banana, ChatGPT's image model, whichever. The prompt matters more than the tool. Mine was a perfect pint of Guinness Stout in a tulip pint glass, with the lighting, the head, and the background described in detail.
I did not write that prompt. Claude did. I described the pub, the mood, and the one object the whole site should orbit around, and Claude wrote the image prompt. That prompt is in the video description so you can paste it.
This one image becomes the source for everything else.
Step two: the video, for $3
Take the image to fal.ai. I use it because it is not expensive and it does what it says. Nobody sponsors me. The video that animates the pint pouring and settling cost me $3. Three dollars for the centerpiece of a website.
You feed it the image and a second prompt describing the motion. Claude wrote that one too. Do a few generations, pick the one where the pour looks right, download it.
Step three: scrape the real information
This is the step people skip, and it is the one that makes the site sellable. A pretty page with placeholder text is a demo. A pretty page with the pub's actual opening hours, actual menu, and actual address is a website the owner can switch on tomorrow.
Firecrawl does the scrape. It is open source, so you can run it yourself for free, and the hosted version has a free tier that covers one pub site. It turns the current site into clean text your AI can read. Point it at the old site, save the output in your project folder. Now the new site will be built from the truth.
Step four: turn the video into frames
The trick that makes the pour follow your scroll: the video becomes a stack of still images, and the page shows the next frame as you scroll down.
Go to ezgif.com, video to PNG. Upload the clip, download the zip, and you get every frame from first to last. Look at them. Pick the run of frames where the animation is doing what you want, in my case the pour from empty glass to settled head. Put those frames in the project folder.
One rule that will save you hours: one folder per project. Do not mix the pub project with anything else. You will blow out the AI's context and the build will get worse, not better.
Step five: Claude Code puts it together
Open Claude Code in the Dubliners folder. Inside: the hero image, the PNG frames, the Firecrawl output with the real hours and menu. Then the build prompt, which again Claude wrote and I pasted, with the project name and the folder path filled in.
First output was the site you see in the video. Desktop and mobile both. Scroll down, the pint pours. Keep scrolling, the menu, the hours, the address, all pulled from the real site. I opened it on my phone in the video because that is where the pub's customers will open it.
That is the whole build. Five steps, one afternoon, three dollars.
Why this is a side hustle and not a demo
I run an agency. When we rebuild a small business site by hand it is a real invoice. This build cost $3 and a few hours.
The result is something you can put in front of an owner and say: this is yours, with your hours and your menu. Then hand them the phone.
You do not need to be a designer. You need one good object, one good motion, the real information, and the discipline to keep the folder clean. Same as a practice plan: one thing, done right, then the next thing.
If you are in Strasbourg, go to the Dubliners. It looks like a good place and it has Guinness. Every prompt from this build is under the video: Can a Professional basketball player use a pint of Guinness to build a website?
How much did the whole website cost to build?
$3 for the video generation on fal.ai. The image, the scrape with Firecrawl, and the frame extraction on ezgif were free. Claude Code ran on my existing subscription.
Do I need to know how to code?
No. Every prompt in this build was written by Claude and pasted by me. You describe the pub, the object, and the mood. The tools and the model do the rest.
Why turn the video into PNG frames instead of embedding the video?
Because frames can follow the scroll. A video plays on its own clock. A stack of frames plays on the reader's thumb, so the pint pours exactly as fast as they scroll.
Can I use this for a business that is not a pub?
Yes. Swap the pint for the one object that says what the business is. A coffee pour, a key turning, a car door closing. Same five steps, same folder rule.
Read the next one → I post once. A script reposts it everywhere.
Get the receipt → The Y channel. The build, the cost, the receipt. Two a week.
← All posts