[object Object]

← back to Beverlyhillsvideos

videos: add Restaurant Films section with self-hosted Spago film (HeyGen, already-rendered, $0)

ba8bb552614188c3f2a79ec57b9942504dc153a6 · 2026-08-05 14:39:48 -0700 · Steve Abrams

Files touched

Diff

commit ba8bb552614188c3f2a79ec57b9942504dc153a6
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Aug 5 14:39:48 2026 -0700

    videos: add Restaurant Films section with self-hosted Spago film (HeyGen, already-rendered, $0)
---
 build.mjs               |  20 ++++++++++++++++++++
 data/heygen-batch.jsonl |   2 +-
 public/style.css        |   9 +++++++++
 public/video/spago.jpg  | Bin 0 -> 74463 bytes
 public/video/spago.mp4  | Bin 0 -> 7782958 bytes
 public/videos.html      |  14 ++++++++++++++
 6 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/build.mjs b/build.mjs
index e4e49c4..92a6b32 100644
--- a/build.mjs
+++ b/build.mjs
@@ -272,6 +272,12 @@ for (const p of POSTS) {
   }));
 }
 
+// ---- original restaurant films (HeyGen-produced presenter videos, self-hosted) ----
+const FILMS = [
+  { name: 'Spago Beverly Hills', src: '/video/spago.mp4', poster: '/video/spago.jpg',
+    blurb: 'Wolfgang Puck’s flagship on Canon Drive — the restaurant that helped define California fine dining.' },
+];
+
 // ---- videos page (real, verified BH local-business embeds) ----
 const videosBody = `
   <section class="hero home-hero vids-hero">
@@ -282,6 +288,20 @@ const videosBody = `
         landmark real-estate firms, and the people who know 90210 best.</p>
     </div>
   </section>
+  ${FILMS.length ? `
+  <section class="films"><div class="wrap">
+    <div class="vch-head"><h2>Restaurant Films</h2></div>
+    <p class="vch-tag">Original short films on the great Beverly Hills restaurants, produced for ${BRAND}.</p>
+    <div class="film-grid">
+      ${FILMS.map(f => `
+      <figure class="film">
+        <video controls preload="metadata" playsinline poster="${f.poster}">
+          <source src="${f.src}" type="video/mp4">
+        </video>
+        <figcaption><strong>${f.name}</strong><span>${f.blurb}</span></figcaption>
+      </figure>`).join('')}
+    </div>
+  </div></section>` : ''}
   ${VIDEO_CATEGORIES.map(c => `
   <section class="vid-channel">
     <div class="wrap">
diff --git a/data/heygen-batch.jsonl b/data/heygen-batch.jsonl
index 794aaad..1b6e24f 100644
--- a/data/heygen-batch.jsonl
+++ b/data/heygen-batch.jsonl
@@ -1,3 +1,3 @@
-{"name":"Spago Beverly Hills","session_id":"27ab0fe429764112a47decaf1e42f22e","video_id":"eb53be3269ed4579865a0a38b5f2335c","status":"generating"}
+{"name":"Spago Beverly Hills","session_id":"27ab0fe429764112a47decaf1e42f22e","video_id":"eb53be3269ed4579865a0a38b5f2335c","status":"completed","integrated":true}
 {"name":"CUT by Wolfgang Puck","session_id":"df26bc4723474c11a2b3ec08d74909d2","video_id":"7b5ca4de01d44f9ea156c46c8deb1d13","status":"generating"}
 {"name":"Mastro's Steakhouse Beverly Hills","session_id":"fa9ff2f7f5444adb98e765d18d1056f5","video_id":"e923ad16427345e7ad84f0826c3544b6","status":"generating"}
diff --git a/public/style.css b/public/style.css
index 3f71be4..26c1927 100644
--- a/public/style.css
+++ b/public/style.css
@@ -114,6 +114,15 @@ p{margin:0 0 1.1em}
 .dir-phone{font-family:var(--ui);letter-spacing:.03em;font-size:.82rem;color:var(--accent);text-decoration:none;white-space:nowrap;justify-self:end}
 .dir-phone:hover{text-decoration:underline}
 @media(max-width:640px){.dir-item{grid-template-columns:1fr;gap:4px;padding:1em 0}.dir-phone{justify-self:start}}
+/* original restaurant films */
+.films{padding:20px 0 8px}
+.film-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px;margin-top:18px}
+.film{margin:0}
+.film video{width:100%;aspect-ratio:16/9;background:#000;border-radius:3px;display:block;box-shadow:0 2px 20px rgba(21,19,16,.10)}
+.film figcaption{margin-top:.7em}
+.film figcaption strong{font-family:var(--serif);font-size:1.28rem;font-weight:500;color:var(--ink);display:block}
+.film figcaption span{font-size:.9rem;color:var(--muted);display:block;margin-top:.2em}
+@media(max-width:640px){.film-grid{grid-template-columns:1fr}}
 #map{height:min(72vh,680px);width:100%;border:1px solid var(--line)}
 .leaflet-popup-content{font-family:var(--ui);font-weight:300}
 .leaflet-popup-content strong{font-family:var(--serif);font-size:1.15rem;font-weight:600}
diff --git a/public/video/spago.jpg b/public/video/spago.jpg
new file mode 100644
index 0000000..51327eb
Binary files /dev/null and b/public/video/spago.jpg differ
diff --git a/public/video/spago.mp4 b/public/video/spago.mp4
new file mode 100644
index 0000000..6a8e83b
Binary files /dev/null and b/public/video/spago.mp4 differ
diff --git a/public/videos.html b/public/videos.html
index a625a78..1b73ff5 100644
--- a/public/videos.html
+++ b/public/videos.html
@@ -56,6 +56,20 @@
     </div>
   </section>
   
+  <section class="films"><div class="wrap">
+    <div class="vch-head"><h2>Restaurant Films</h2></div>
+    <p class="vch-tag">Original short films on the great Beverly Hills restaurants, produced for Beverly Hills Videos.</p>
+    <div class="film-grid">
+      
+      <figure class="film">
+        <video controls preload="metadata" playsinline poster="/video/spago.jpg">
+          <source src="/video/spago.mp4" type="video/mp4">
+        </video>
+        <figcaption><strong>Spago Beverly Hills</strong><span>Wolfgang Puck’s flagship on Canon Drive — the restaurant that helped define California fine dining.</span></figcaption>
+      </figure>
+    </div>
+  </div></section>
+  
   <section class="vid-channel">
     <div class="wrap">
       <div class="vch-head"><h2>Dining & Restaurants</h2></div>

← 56ed308 articles: add Beverly Hills doctors + attorneys city guides  ·  back to Beverlyhillsvideos  ·  adsense: add in-content ad-unit placements (home, videos, ar 08036ae →