← back to Fantasea Consulting
videos: embed real FantaSea YouTube films + new-video ideas + HeyGen brand-film slot
8347c613cd33d160df45c86e907e1056f6f8b322 · 2026-07-16 11:29:51 -0700 · steve@designerwallcoverings.com
Files touched
A .portM build.mjsA public/img/C8QAvZJKhQ0.jpgA public/img/v23UnZ4QZ4g.jpgM public/index.htmlA videos-src/ids.txt
Diff
commit 8347c613cd33d160df45c86e907e1056f6f8b322
Author: steve@designerwallcoverings.com <steve@designerwallcoverings.com>
Date: Thu Jul 16 11:29:51 2026 -0700
videos: embed real FantaSea YouTube films + new-video ideas + HeyGen brand-film slot
---
.port | 1 +
build.mjs | 90 +++++++++++++++++++++++++++++++++++++-----
public/img/C8QAvZJKhQ0.jpg | Bin 0 -> 98345 bytes
public/img/v23UnZ4QZ4g.jpg | Bin 0 -> 119293 bytes
public/index.html | 95 ++++++++++++++++++++++++++++++++++++++++-----
videos-src/ids.txt | 0
6 files changed, 168 insertions(+), 18 deletions(-)
diff --git a/.port b/.port
new file mode 100644
index 0000000..b4502ab
--- /dev/null
+++ b/.port
@@ -0,0 +1 @@
+9782
diff --git a/build.mjs b/build.mjs
index 09a7302..84007e0 100644
--- a/build.mjs
+++ b/build.mjs
@@ -245,10 +245,29 @@ const partners = [
];
const partnerRows = partners.map((p,i)=>`<div class="pcard"><div class="pnum">${String(i+1).padStart(2,'0')}</div><div><h4>${p[0]}</h4><p>${p[1]}</p></div></div>`).join('');
+// Their REAL YouTube videos (verified via channel listing) mapped to pillars.
+const REAL_VIDEOS = [
+ ['C8QAvZJKhQ0','FantaSea One — Drone Film','The hero asset. Cinematic aerials of the flagship — this belongs on the homepage.'],
+ ['yxD_I-1DiVc','How a Yacht Wedding Redefines Tradition','Your #1 revenue story, already filmed. Feature front-and-center for bridal buyers.'],
+ ['I2zy_aA8o_A','Private Yacht Charters','The intimate luxury pitch — perfect for retargeting affluent locals.'],
+ ['pi5-3s4_H5Y','Corporate Yacht Charters','Sell offsites & holiday galas to planners — pair with LinkedIn / Cvent.'],
+ ['e7NWyVJhOTI','Yacht Parties in Marina del Rey','High-energy social proof for Instagram Reels & TikTok.'],
+ ['iFEdsbjBA70','NCIS Film Shoot Aboard Dandeana','Hollywood credibility — “as seen on screen.” A trust flex competitors can’t match.'],
+];
+const SOCIALS = [
+ ['YouTube','youtube.com/@fantaseayachts'],['Instagram','instagram.com/fantaseayachts'],
+ ['Facebook','facebook.com/FantaSeaYachtsMDR'],['X','x.com/FantaSeaYachts'],['TikTok','tiktok.com'],
+];
+const realVidTiles = REAL_VIDEOS.map(v=>`
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/${v[0]}" title="${v[1]}" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">${v[1]}</div><div class="rvs">${v[2]}</div></div>
+ </div>`).join('');
+
const CATS = [
['summary','Executive Summary'],['reputation','Reputation & Yelp'],['competitors','Competitors'],
['advertising','Where to Advertise'],['timing','Timing & Cadence'],['audit','Website Audit'],
- ['suggested','Suggested New Websites'],['partners','Unlikely Partners'],['videos','Example Videos'],['roadmap','90-Day Roadmap'],
+ ['suggested','Suggested New Websites'],['partners','Unlikely Partners'],['videos','Their Videos + Brand Films'],['roadmap','90-Day Roadmap'],
];
const navLinks = CATS.map(c=>`<a href="#${c[0]}">${c[1]}</a>`).join('');
@@ -328,6 +347,29 @@ td.act{color:var(--ink);opacity:.9}
.vid .s{font-size:13px;color:var(--dim);margin:10px 0 14px}
.vid .a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:12px}
.vid .pending{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.7}
+.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:44px}
+.rvid{background:var(--panel);border:1px solid var(--line)}
+.rvframe{position:relative;aspect-ratio:16/9;background:#000}
+.rvframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
+.rvmeta{padding:18px 20px}
+.rvt{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--gold)}
+.rvs{font-size:13px;color:var(--dim);margin-top:6px}
+.sugg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);margin-top:20px}
+.sugg .s{background:var(--bg);padding:26px 24px}
+.sugg .s .p{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
+.sugg .s h4{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:20px;margin:8px 0 8px}
+.sugg .s p{font-size:13px;color:var(--dim)}
+.heybox{margin-top:44px;display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
+.heybox>div{background:var(--bg);padding:0}
+.heybox .film{background:#000;position:relative;aspect-ratio:9/16;max-height:520px}
+.heybox .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.heybox .film .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:var(--gold);font-size:11px;letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(160deg,#123829,#0c1512)}
+.heybox .copy{padding:40px 38px}
+.heybox .copy h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:28px;margin-bottom:14px}
+.heybox .copy p{color:var(--dim);font-size:15px}
+.heybox .copy .spec{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
+.heybox .copy .spec span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);padding:6px 12px;color:var(--gold)}
+@media(max-width:640px){.heybox{grid-template-columns:1fr}}
.road{list-style:none;margin-top:44px}
.road li{padding:22px 0 22px 0;border-bottom:1px solid var(--line);display:flex;gap:26px}
.road .w{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:15px;letter-spacing:.2em;text-transform:uppercase;min-width:130px}
@@ -423,16 +465,46 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
</section>
<section id="videos">
- <div class="eyebrow">08 · Example Videos</div>
- <h2 class="disp">Four 20-second brand films — one per recommendation.</h2>
- <p class="lead">HeyGen presenter clips (15–30s each): fade-in, music bed, and a closing <b>action item</b>. Drop-in for Instagram Reels, the site, and the pitch.</p>
- <div class="vids">
- <div class="vid"><div class="t">01 · Reputation</div><div class="s">“You’re rated 4.75★ across 300+ reviews.”</div><div class="a">▶ Action: reply to every review in 48h + auto-ask each guest.</div><div class="pending" data-vid="reputation">● rendering…</div></div>
- <div class="vid"><div class="t">02 · Advertising</div><div class="s">“Your buyers are searching right now.”</div><div class="a">▶ Action: launch Google Ads + The Knot featured listing this week.</div><div class="pending" data-vid="advertising">● rendering…</div></div>
- <div class="vid"><div class="t">03 · Competitors</div><div class="s">“Don’t fight rentals on price.”</div><div class="a">▶ Action: reposition as THE luxury event yacht — legacy + 250 guests.</div><div class="pending" data-vid="competitors">● rendering…</div></div>
- <div class="vid"><div class="t">04 · Timing</div><div class="s">“Sell each season one season early.”</div><div class="a">▶ Action: open holiday-gala + NYE pre-sale now; book peak Saturdays.</div><div class="pending" data-vid="timing">● rendering…</div></div>
+ <div class="eyebrow">08 · Their Videos + Brand Films</div>
+ <h2 class="disp">You already own beautiful footage. Let’s use it.</h2>
+ <p class="lead">FantaSea’s real films from <a href="https://www.youtube.com/@fantaseayachts7902" target="_blank" style="color:var(--gold)">@fantaseayachts7902</a> — a drone reel, wedding stories, even an NCIS shoot. This is premium content sitting under-leveraged. Repurpose it into Reels, ads, and the new homepage hero.</p>
+ <div class="rgrid">${realVidTiles}</div>
+
+ <div style="margin-top:80px"></div>
+ <div class="eyebrow">New videos to make</div>
+ <h2 class="disp">Eight shorts that sell the fantasy.</h2>
+ <p class="lead">Modern, fun, mobile-first — the content that fills the top of the funnel and feeds every ad channel.</p>
+ <div class="sugg">
+ <div class="s"><div class="p">Reel · Weddings</div><h4>POV: Your Sunset Proposal</h4><p>First-person, golden-hour, ring reveal. The most shareable 15 seconds you can make.</p></div>
+ <div class="s"><div class="p">Reel · BTS</div><h4>48 Hours Before a Yacht Wedding</h4><p>Setup timelapse → the reveal. Sells the effort behind the $6k+ price.</p></div>
+ <div class="s"><div class="p">LinkedIn · Corporate</div><h4>Your Offsite, Reimagined</h4><p>30s high-energy cut for planners. Ends on “book your Q4 gala.”</p></div>
+ <div class="s"><div class="p">Reel · Story</div><h4>Meet the Family (Since 1980)</h4><p>Humanize 40 years. Trust is your moat — put a face on it.</p></div>
+ <div class="s"><div class="p">Reel · Seasonal</div><h4>NYE on the Water</h4><p>Countdown hype reel that drives premium New Year’s pre-sale.</p></div>
+ <div class="s"><div class="p">Reel · Qualify</div><h4>What $6,000 Actually Gets You</h4><p>Transparent luxury walk-through — pre-qualifies leads, kills sticker shock.</p></div>
+ <div class="s"><div class="p">TikTok · Beauty</div><h4>Golden-Hour Timelapse Loop</h4><p>Repeatable, evergreen, zero-narration. Post weekly, Thu–Sat 5–8pm.</p></div>
+ <div class="s"><div class="p">Reel · Nature</div><h4>Whale-Watch Season Teaser</h4><p>Dec–Apr demand driver competitors ignore. Own the winter calendar.</p></div>
+ </div>
+
+ <div style="margin-top:80px"></div>
+ <div class="eyebrow">The upgrade — a HeyGen brand film</div>
+ <h2 class="disp">A presenter, over YOUR footage. Fades, music, one action item.</h2>
+ <p class="lead">This is the format to standardize: FantaSea’s own yacht footage as the backdrop, a polished presenter delivering one message, fade in / fade out, a music bed, and a single clear call-to-action. Drop-in for ads and Reels.</p>
+ <div class="heybox">
+ <div class="film">
+ <video id="heyfilm" autoplay muted loop playsinline poster="/videos/hero-poster.jpg"></video>
+ <div class="ph" id="heyph">● HeyGen brand film<br>rendering — refresh shortly</div>
+ </div>
+ <div class="copy">
+ <h3 class="disp">“Reserve the sea.”</h3>
+ <p>Presenter script: <i>“For over forty years, FantaSea has hosted more than ten thousand celebrations on the water — rated four-point-seven-five stars. Your yacht. Your night. Your action item: reserve your date today, before the season fills.”</i></p>
+ <div class="spec"><span>◐ Fade in / out</span><span>♪ Music bed</span><span>▶ Action item</span><span>⛵ Your footage</span><span>15–30s · Reels</span></div>
+ </div>
</div>
</section>
+<script>
+// swap in the HeyGen brand film if it has rendered
+fetch('/videos/heygen-brandfilm.mp4',{method:'HEAD'}).then(r=>{if(r.ok){var v=document.getElementById('heyfilm');v.src='/videos/heygen-brandfilm.mp4';v.play();document.getElementById('heyph').style.display='none';}}).catch(()=>{});
+</script>
<section id="roadmap">
<div class="eyebrow">09 · 90-Day Roadmap</div>
diff --git a/public/img/C8QAvZJKhQ0.jpg b/public/img/C8QAvZJKhQ0.jpg
new file mode 100644
index 0000000..5319d8f
Binary files /dev/null and b/public/img/C8QAvZJKhQ0.jpg differ
diff --git a/public/img/v23UnZ4QZ4g.jpg b/public/img/v23UnZ4QZ4g.jpg
new file mode 100644
index 0000000..887070f
Binary files /dev/null and b/public/img/v23UnZ4QZ4g.jpg differ
diff --git a/public/index.html b/public/index.html
index c7c7b51..fdce745 100644
--- a/public/index.html
+++ b/public/index.html
@@ -74,6 +74,29 @@ td.act{color:var(--ink);opacity:.9}
.vid .s{font-size:13px;color:var(--dim);margin:10px 0 14px}
.vid .a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:12px}
.vid .pending{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.7}
+.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:44px}
+.rvid{background:var(--panel);border:1px solid var(--line)}
+.rvframe{position:relative;aspect-ratio:16/9;background:#000}
+.rvframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
+.rvmeta{padding:18px 20px}
+.rvt{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--gold)}
+.rvs{font-size:13px;color:var(--dim);margin-top:6px}
+.sugg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);margin-top:20px}
+.sugg .s{background:var(--bg);padding:26px 24px}
+.sugg .s .p{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
+.sugg .s h4{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:20px;margin:8px 0 8px}
+.sugg .s p{font-size:13px;color:var(--dim)}
+.heybox{margin-top:44px;display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
+.heybox>div{background:var(--bg);padding:0}
+.heybox .film{background:#000;position:relative;aspect-ratio:9/16;max-height:520px}
+.heybox .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.heybox .film .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:var(--gold);font-size:11px;letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(160deg,#123829,#0c1512)}
+.heybox .copy{padding:40px 38px}
+.heybox .copy h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:28px;margin-bottom:14px}
+.heybox .copy p{color:var(--dim);font-size:15px}
+.heybox .copy .spec{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
+.heybox .copy .spec span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);padding:6px 12px;color:var(--gold)}
+@media(max-width:640px){.heybox{grid-template-columns:1fr}}
.road{list-style:none;margin-top:44px}
.road li{padding:22px 0 22px 0;border-bottom:1px solid var(--line);display:flex;gap:26px}
.road .w{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:15px;letter-spacing:.2em;text-transform:uppercase;min-width:130px}
@@ -89,7 +112,7 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
<div class="scrim" onclick="document.body.classList.remove('nav')"></div>
<nav class="menu" onclick="if(event.target.tagName==='A')document.body.classList.remove('nav')">
<div class="mh">Contents</div>
- <a href="#summary">Executive Summary</a><a href="#reputation">Reputation & Yelp</a><a href="#competitors">Competitors</a><a href="#advertising">Where to Advertise</a><a href="#timing">Timing & Cadence</a><a href="#audit">Website Audit</a><a href="#suggested">Suggested New Websites</a><a href="#partners">Unlikely Partners</a><a href="#videos">Example Videos</a><a href="#roadmap">90-Day Roadmap</a>
+ <a href="#summary">Executive Summary</a><a href="#reputation">Reputation & Yelp</a><a href="#competitors">Competitors</a><a href="#advertising">Where to Advertise</a><a href="#timing">Timing & Cadence</a><a href="#audit">Website Audit</a><a href="#suggested">Suggested New Websites</a><a href="#partners">Unlikely Partners</a><a href="#videos">Their Videos + Brand Films</a><a href="#roadmap">90-Day Roadmap</a>
</nav>
<div class="hero" id="summary">
@@ -205,16 +228,70 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
</section>
<section id="videos">
- <div class="eyebrow">08 · Example Videos</div>
- <h2 class="disp">Four 20-second brand films — one per recommendation.</h2>
- <p class="lead">HeyGen presenter clips (15–30s each): fade-in, music bed, and a closing <b>action item</b>. Drop-in for Instagram Reels, the site, and the pitch.</p>
- <div class="vids">
- <div class="vid"><div class="t">01 · Reputation</div><div class="s">“You’re rated 4.75★ across 300+ reviews.”</div><div class="a">▶ Action: reply to every review in 48h + auto-ask each guest.</div><div class="pending" data-vid="reputation">● rendering…</div></div>
- <div class="vid"><div class="t">02 · Advertising</div><div class="s">“Your buyers are searching right now.”</div><div class="a">▶ Action: launch Google Ads + The Knot featured listing this week.</div><div class="pending" data-vid="advertising">● rendering…</div></div>
- <div class="vid"><div class="t">03 · Competitors</div><div class="s">“Don’t fight rentals on price.”</div><div class="a">▶ Action: reposition as THE luxury event yacht — legacy + 250 guests.</div><div class="pending" data-vid="competitors">● rendering…</div></div>
- <div class="vid"><div class="t">04 · Timing</div><div class="s">“Sell each season one season early.”</div><div class="a">▶ Action: open holiday-gala + NYE pre-sale now; book peak Saturdays.</div><div class="pending" data-vid="timing">● rendering…</div></div>
+ <div class="eyebrow">08 · Their Videos + Brand Films</div>
+ <h2 class="disp">You already own beautiful footage. Let’s use it.</h2>
+ <p class="lead">FantaSea’s real films from <a href="https://www.youtube.com/@fantaseayachts7902" target="_blank" style="color:var(--gold)">@fantaseayachts7902</a> — a drone reel, wedding stories, even an NCIS shoot. This is premium content sitting under-leveraged. Repurpose it into Reels, ads, and the new homepage hero.</p>
+ <div class="rgrid">
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/C8QAvZJKhQ0" title="FantaSea One — Drone Film" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">FantaSea One — Drone Film</div><div class="rvs">The hero asset. Cinematic aerials of the flagship — this belongs on the homepage.</div></div>
+ </div>
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/yxD_I-1DiVc" title="How a Yacht Wedding Redefines Tradition" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">How a Yacht Wedding Redefines Tradition</div><div class="rvs">Your #1 revenue story, already filmed. Feature front-and-center for bridal buyers.</div></div>
+ </div>
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/I2zy_aA8o_A" title="Private Yacht Charters" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">Private Yacht Charters</div><div class="rvs">The intimate luxury pitch — perfect for retargeting affluent locals.</div></div>
+ </div>
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/pi5-3s4_H5Y" title="Corporate Yacht Charters" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">Corporate Yacht Charters</div><div class="rvs">Sell offsites & holiday galas to planners — pair with LinkedIn / Cvent.</div></div>
+ </div>
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/e7NWyVJhOTI" title="Yacht Parties in Marina del Rey" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">Yacht Parties in Marina del Rey</div><div class="rvs">High-energy social proof for Instagram Reels & TikTok.</div></div>
+ </div>
+ <div class="rvid">
+ <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/iFEdsbjBA70" title="NCIS Film Shoot Aboard Dandeana" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>
+ <div class="rvmeta"><div class="rvt">NCIS Film Shoot Aboard Dandeana</div><div class="rvs">Hollywood credibility — “as seen on screen.” A trust flex competitors can’t match.</div></div>
+ </div></div>
+
+ <div style="margin-top:80px"></div>
+ <div class="eyebrow">New videos to make</div>
+ <h2 class="disp">Eight shorts that sell the fantasy.</h2>
+ <p class="lead">Modern, fun, mobile-first — the content that fills the top of the funnel and feeds every ad channel.</p>
+ <div class="sugg">
+ <div class="s"><div class="p">Reel · Weddings</div><h4>POV: Your Sunset Proposal</h4><p>First-person, golden-hour, ring reveal. The most shareable 15 seconds you can make.</p></div>
+ <div class="s"><div class="p">Reel · BTS</div><h4>48 Hours Before a Yacht Wedding</h4><p>Setup timelapse → the reveal. Sells the effort behind the $6k+ price.</p></div>
+ <div class="s"><div class="p">LinkedIn · Corporate</div><h4>Your Offsite, Reimagined</h4><p>30s high-energy cut for planners. Ends on “book your Q4 gala.”</p></div>
+ <div class="s"><div class="p">Reel · Story</div><h4>Meet the Family (Since 1980)</h4><p>Humanize 40 years. Trust is your moat — put a face on it.</p></div>
+ <div class="s"><div class="p">Reel · Seasonal</div><h4>NYE on the Water</h4><p>Countdown hype reel that drives premium New Year’s pre-sale.</p></div>
+ <div class="s"><div class="p">Reel · Qualify</div><h4>What $6,000 Actually Gets You</h4><p>Transparent luxury walk-through — pre-qualifies leads, kills sticker shock.</p></div>
+ <div class="s"><div class="p">TikTok · Beauty</div><h4>Golden-Hour Timelapse Loop</h4><p>Repeatable, evergreen, zero-narration. Post weekly, Thu–Sat 5–8pm.</p></div>
+ <div class="s"><div class="p">Reel · Nature</div><h4>Whale-Watch Season Teaser</h4><p>Dec–Apr demand driver competitors ignore. Own the winter calendar.</p></div>
+ </div>
+
+ <div style="margin-top:80px"></div>
+ <div class="eyebrow">The upgrade — a HeyGen brand film</div>
+ <h2 class="disp">A presenter, over YOUR footage. Fades, music, one action item.</h2>
+ <p class="lead">This is the format to standardize: FantaSea’s own yacht footage as the backdrop, a polished presenter delivering one message, fade in / fade out, a music bed, and a single clear call-to-action. Drop-in for ads and Reels.</p>
+ <div class="heybox">
+ <div class="film">
+ <video id="heyfilm" autoplay muted loop playsinline poster="/videos/hero-poster.jpg"></video>
+ <div class="ph" id="heyph">● HeyGen brand film<br>rendering — refresh shortly</div>
+ </div>
+ <div class="copy">
+ <h3 class="disp">“Reserve the sea.”</h3>
+ <p>Presenter script: <i>“For over forty years, FantaSea has hosted more than ten thousand celebrations on the water — rated four-point-seven-five stars. Your yacht. Your night. Your action item: reserve your date today, before the season fills.”</i></p>
+ <div class="spec"><span>◐ Fade in / out</span><span>♪ Music bed</span><span>▶ Action item</span><span>⛵ Your footage</span><span>15–30s · Reels</span></div>
+ </div>
</div>
</section>
+<script>
+// swap in the HeyGen brand film if it has rendered
+fetch('/videos/heygen-brandfilm.mp4',{method:'HEAD'}).then(r=>{if(r.ok){var v=document.getElementById('heyfilm');v.src='/videos/heygen-brandfilm.mp4';v.play();document.getElementById('heyph').style.display='none';}}).catch(()=>{});
+</script>
<section id="roadmap">
<div class="eyebrow">09 · 90-Day Roadmap</div>
diff --git a/videos-src/ids.txt b/videos-src/ids.txt
new file mode 100644
index 0000000..e69de29
← 241eda3 FantaSea consulting app: analysis + 6 luxury site concepts +
·
back to Fantasea Consulting
·
Real FantaSea video: YouTube drone hero (main + 6 concepts), a1551e2 →