feat: video films for social media, with the skill to make more

Adds apps/video, a standalone Remotion package (not part of the pnpm
workspace, so it never reaches the web build or the Docker image). It
renders six looping films, one per service, in German and English, as
4:5 for LinkedIn and 16:9 for YouTube and ads, together with the text
to post and an overview page.

Each film is one continuous shot: close on something abstract, the
camera pulls back to show what it really is, the form changes, and the
picture folds back into its opening. The slide deck code from the
earlier attempts is still in the package and no longer used.

Also adds the Google Ads concept, brings the relaunch concept in line
with the site as built, and a project skill that describes how to make
further films.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/plans/freelance-relaunch.md

@@ -1,7 +1,9 @@
 # mintel.me relaunch concept: freelance engineer site
 
-Scope: this website only. Goal: a visitor understands what I sell within 10 seconds and
-books a 20-minute intro call within 2 minutes. Low sales overhead, more bookable hours.
+Scope: this website, plus the videos made from it (`apps/video`, see section 6). Goal: a visitor understands
+what I sell within 10 seconds and writes an email within 2 minutes. Low sales overhead, more bookable hours.
+
+Status note: sections 3 to 6 describe the site as built. Sections 2 and 9 are kept as history and are marked as such.
 
 ## 1. Positioning
 
@@ -13,10 +15,10 @@ books a 20-minute intro call within 2 minutes. Low sales overhead, more bookable
 
 - **Never mention AI as my own tool.** How I work is none of the client's business: no "AI-built", "AI-accelerated", "AI-code rescue", no FAQ about AI tools. The one exception is the automation service, where AI steps are part of what the client gets (sorting, summarising, reading documents).
 - **Modest and factual.** No promises I have not made (response times, weekly updates, start dates, search ranking). Only state what the owner confirmed. No superlatives.
-- **No internal method vocabulary** on client-facing pages: no specs, TDD, mutation testing, coverage, pull requests. Translate into what the client gets: changes do not break things, a written update every week, predictable cost. Technical detail belongs on `/process` and `/notes`, for engineers.
+- **No internal method vocabulary** on client-facing pages: no specs, TDD, mutation testing, coverage, pull requests. Translate into what the client gets: changes do not break things, predictable cost.
 - Do not say: "everything", "fullstack for anyone", "vibe coding". No location or tax talk; say "remote, available during European business hours".
 - Pick the visitor up: introduce me first, then let them choose their need (developer for a product, make an app reliable, just a website), then explain for that need what they get, how it runs, what it costs.
-- Language (owner decision, 2026-10-04): German is the main language at the root, English lives under `/en`. The language is detected from the browser and can be switched in the header.
+- Language (owner decision, 2026-10-04): German is the main language at the root, English lives under `/en`. The language is detected from the browser and can be switched in the header. The videos and their post texts exist in both languages too (`apps/video/src/content/videos.ts`).
 
 ### Audiences (priority order)
 
@@ -29,7 +31,10 @@ books a 20-minute intro call within 2 minutes. Low sales overhead, more bookable
 - Offer: websites and web apps (Next.js/TypeScript, strong design), light backend (APIs, auth, integrations), CLI tools and automation, AI agents/MCP servers, architecture and code review, the spec/test/mutation process for teams, Web3 frontends. macOS apps on request only.
 - Do not offer (state it plainly): Windows apps, mobile apps, running client infrastructure, database-heavy work, email/DNS administration.
 
-## 2. Differentiator: verified AI speed
+## 2. Differentiator: verified AI speed (internal, not shown on the site)
+
+This is how the work is done. Under the copy rules above none of it appears in client-facing copy, and the pages
+named below (`/process`, the sample report) were not built: the site is one page (section 3).
 
 Anyone can generate code. The scarce thing is code that survives production.
 Spec first -> red -> green -> refactor -> mutation check on changed code -> coverage as gap finder -> a delivery report with exact commands and results on every PR.
@@ -57,9 +62,10 @@ The old site (`/blog`, `/case-studies`, `/contact`, `/websites`, `/technologies`
 ## 4. Design
 
 - Light, the original look of the site: white, oversized type, binary texture, one accent (the yellow marker).
-- The hero headline is built from running binary digits ("SHIP FAST. / BREAK NOTHING."). The owner approved it: do not change the hero design.
+- The hero headline is built from running binary digits ("WEB APPS / & WEBSITES."). The owner approved the design: do not change it.
 - One left axis for logo, navigation and content. No sidebars. Few sections, each with one job.
-- Availability line fed by one constant, shown in the hero, the sticky booking bar and the closing section.
+- No availability line and no booking bar: both were dropped with the calendar. The hero shows two facts instead (15 years in web; remote, EU core hours).
+- Dark surfaces carry light: `BitAura` (light along an edge, digits drifting off it), `BitSeam` (lit top edge of a dark section) and `BitGlow` (light following the pointer on `data-glow` surfaces, including the dark button).
 
 ## 5. Offers and pricing
 
@@ -92,8 +98,9 @@ Audit of an AI-built codebase, test foundation, mutation baseline, prioritized r
 ## 6. Getting clients (low effort first)
 
 1. Own network: former colleagues from i22, Trusted Shops, sdox.io, Sevenval. Ten personal messages.
-2. LinkedIn and X: one post a week from real work (process, numbers, diagrams), one pinned "next free block" post.
-3. Platforms (freelancermap, freelance.de, Web3 job boards) as a secondary channel.
+2. LinkedIn and X: one post a week. A set of short looping videos, one per service, with post texts in English and German, is produced in `apps/video` (`node scripts/export.ts` writes `out/library`).
+3. Google Ads for German clients: search campaigns for "website" and "automation". Concept, ad texts and open prerequisites in `plans/google-ads.md`.
+4. Platforms (freelancermap, freelance.de, Web3 job boards) as a secondary channel.
 4. Direct outreach: 10 targeted messages a week with one template.
 5. Testimonials: one line each from existing clients.
 
@@ -110,7 +117,7 @@ Audit of an AI-built codebase, test foundation, mutation baseline, prioritized r
 - Impressum needs a serviceable address (DDG section 5); settle it with a tax advisor. Do not publish tax, visa or payment-provider details.
 - Scheinselbststaendigkeit: prefer 15-20 h blocks over one client at 35-40 h.
 
-## 9. Implementation order
+## 9. Implementation order (history: superseded by the one-page site in section 3)
 
 1. Cal.com event and `/book`.
 2. Spec tests for availability and redirects, then new hero, nav and offers; remove old SMB sections.