← back to Fantasea Consulting

public/index.html

475 lines

<!doctype html><html lang="en"><head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>FantaSea Yachts — Growth Strategy</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root{--bg:#0c1512;--panel:#111e19;--ink:#eef2ef;--gold:#c8a15a;--line:rgba(200,161,90,.22);--dim:rgba(238,242,239,.66)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:19px;line-height:1.75;letter-spacing:.008em;-webkit-font-smoothing:antialiased}
.disp{font-family:'Cormorant Garamond',Georgia,serif}
a{color:inherit;text-decoration:none}
.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;background:linear-gradient(180deg,rgba(12,21,18,.92),rgba(12,21,18,0));backdrop-filter:blur(4px)}
.brand{font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:.32em;text-transform:uppercase}
.brand small{display:block;font-family:'Jost';font-size:9px;letter-spacing:.34em;color:var(--gold);margin-top:2px}
.burger{width:30px;height:20px;position:relative;cursor:pointer;background:none;border:0}
.burger span{position:absolute;left:0;right:0;height:1.6px;background:var(--ink);transition:.35s}
.burger span:nth-child(1){top:1px}.burger span:nth-child(2){top:9px}.burger span:nth-child(3){top:17px}
body.nav .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
body.nav .burger span:nth-child(2){opacity:0}
body.nav .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* hamburger dropdown — all categories */
.menu{position:fixed;top:0;right:0;bottom:0;width:min(420px,86vw);z-index:39;background:var(--panel);border-left:1px solid var(--line);transform:translateX(100%);transition:.42s cubic-bezier(.6,0,.2,1);padding:96px 44px;overflow:auto}
body.nav .menu{transform:none}
body.nav .scrim{opacity:1;pointer-events:auto}
.scrim{position:fixed;inset:0;z-index:38;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.42s}
.menu .mh{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.menu a{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;padding:11px 0;border-bottom:1px solid var(--line);opacity:.85;transition:.25s}
.menu a:hover{opacity:1;color:var(--gold);padding-left:8px}
/* hero */
.hero{min-height:96vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,7vw,120px);overflow:hidden}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0c1512}
.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,21,18,.92),rgba(12,21,18,.55) 55%,rgba(12,21,18,.3));z-index:1}
/* two real films side-by-side, directly under the hero */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:34px clamp(24px,7vw,120px) 0}
.duoimg{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line)}
.duoimg img{width:100%;height:100%;object-fit:cover;transition:.6s}
.duoimg:hover img{transform:scale(1.05)}
.duoimg span{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}
@media(max-width:640px){.duo{grid-template-columns:1fr}}
/* real contact info in the hamburger */
.menu .minfo{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}
.menu .minfo .mh{margin-bottom:12px}
.menu .minfo p{font-family:'Jost',sans-serif;font-size:13px;line-height:1.75;color:var(--dim);letter-spacing:.02em;text-transform:none;border:0;padding:2px 0}
.menu .minfo a{display:inline;font-family:'Jost',sans-serif;font-size:13px;color:var(--gold);border:0;padding:0}
.menu .minfo a:hover{padding:0;text-decoration:underline}
.hero .in{position:relative;z-index:2;max-width:900px}
.kick{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(44px,7.5vw,104px);line-height:1;letter-spacing:.01em}
.hero p{max-width:60ch;margin-top:24px;font-size:18px;color:var(--dim)}
.metrics{display:flex;flex-wrap:wrap;gap:44px;margin-top:46px}
.metrics .m .v{font-family:'Cormorant Garamond',serif;font-size:38px;color:var(--gold);line-height:1}
.metrics .m .l{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-top:6px}
section{padding:clamp(64px,9vw,120px) clamp(24px,7vw,120px);border-top:1px solid var(--line);scroll-margin-top:64px}
.eyebrow{font-size:12.5px;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(30px,4.4vw,54px);line-height:1.05;max-width:20ch}
.lead{max-width:68ch;color:var(--dim);margin-top:22px;font-size:21px;line-height:1.7}
table{width:100%;border-collapse:collapse;margin-top:44px;font-size:16px}
th,td{text-align:left;padding:17px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:15.5px}
th{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:400}
tr.you{background:rgba(200,161,90,.08)}tr.you td:first-child{color:var(--gold)}
.stars{color:var(--gold);letter-spacing:2px}
td.mo{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:18px;width:70px}
td.act{color:var(--ink);opacity:.9}
.cards2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--line);margin-top:44px}
.cards2 .c{background:var(--bg);padding:34px 30px}
.cards2 .c h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:22px;color:var(--gold);margin-bottom:10px}
.cards2 .c p{color:var(--dim);font-size:16px;line-height:1.65}
.flag{color:#e8a0a0}.good{color:#9fd6b0}
/* suggested websites gallery */
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px}
.vtile{background:var(--vb);border:1px solid var(--line);padding:30px 28px;transition:.3s;position:relative;overflow:hidden}
.vtile:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.vswatch{display:flex;height:38px;border-radius:3px;overflow:hidden;margin-bottom:22px}
.vswatch span{flex:1}
.vname{font-family:'Cormorant Garamond',serif;font-size:27px;color:var(--vi)}
.vmood{color:var(--vi);opacity:.72;font-size:13px;margin-top:8px;min-height:38px}
.vopen{margin-top:18px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--vg)}
/* partners */
.pcard{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.pnum{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--gold);min-width:44px}
.pcard h4{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:21px;margin-bottom:6px}
.pcard p{color:var(--dim);font-size:16.5px;line-height:1.65}
/* videos */
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:44px}
.vid{background:var(--panel);border:1px solid var(--line);padding:26px}
.vid .t{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--gold)}
.vid .s{font-size:15px;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:15px;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:15px;color:var(--dim);line-height:1.6}
.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)}
.flagbox{display:flex;gap:22px;margin-top:40px;padding:30px 32px;border:1px solid var(--gold);background:rgba(200,161,90,.07)}
.flagicon{font-size:30px;color:var(--gold);line-height:1}
.flagbox h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:25px;color:var(--gold);margin-bottom:10px}
.flagbox p{color:var(--ink);opacity:.92;font-size:16.5px;line-height:1.65}
.tc{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.7}
/* accordion — every section starts collapsed */
section.acc{padding-top:0;padding-bottom:0}
.acchead{width:100%;text-align:left;background:none;border:0;cursor:pointer;display:flex;align-items:flex-start;gap:22px;padding:36px 0;color:var(--ink)}
.acchead .htext{flex:1}
.acchead .htext .eyebrow{margin-bottom:12px}
.acchead .chev{font-family:'Cormorant Garamond',serif;font-size:36px;color:var(--gold);line-height:.6;transition:.3s;margin-top:8px}
section.acc.open .acchead .chev{transform:rotate(45deg)}
.acchead:hover .htext h2{color:var(--gold);transition:.25s}
.accbody{display:none;padding-bottom:60px}
section.acc.open .accbody{display:block;animation:accfade .45s ease}
@keyframes accfade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.accbar{display:flex;gap:12px;justify-content:flex-end;padding:14px clamp(24px,7vw,120px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.accbar button{background:none;border:1px solid var(--line);color:var(--gold);font-family:'Jost';font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:9px 18px;cursor:pointer;transition:.25s}
.accbar button:hover{background:var(--gold);color:var(--bg)}
@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}
.road .d{color:var(--dim)}
footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color:var(--dim);font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
@media(max-width:640px){.metrics{gap:26px}}
</style></head>
<body>
<header class="bar">
  <a class="brand" href="#">FantaSea<small>Growth Strategy · 2026</small></a>
  <button class="burger" onclick="document.body.classList.toggle('nav')" aria-label="Menu"><span></span><span></span><span></span></button>
</header>
<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="#social">Social Media Audit</a><a href="#suggested">Suggested New Websites</a><a href="#partners">Unlikely Partners</a><a href="#revenue">Unlikely Revenue</a><a href="#videos">Their Videos + Brand Films</a><a href="#roadmap">90-Day Roadmap</a>
  <div class="minfo">
    <div class="mh">Visit FantaSea</div>
    <p>4215 Admiralty Way, Marina del Rey, CA 90292</p>
    <p><a href="tel:+13108272220">(310) 827-2220</a></p>
    <p>Family-owned since 1980 · 12–250 guests</p>
    <p>~4.75★ · 300+ reviews · 10,000+ events</p>
    <p><a href="https://fantaseayachts.com" target="_blank" rel="noopener">fantaseayachts.com ↗</a> · <a href="https://www.youtube.com/channel/UCWGkcsc1JvE7q1v0fbZ0MPA" target="_blank" rel="noopener">YouTube ↗</a></p>
  </div>
</nav>

<div class="hero" id="summary">
  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
  <div class="in">
    <div class="kick">Marina del Rey · Confidential strategy brief</div>
    <h1 class="disp">FantaSea Yachts</h1>
    <p>A 40-year, family-owned charter brand with a commanding reputation — and clear, unclaimed upside in advertising, digital presentation, and high-net-worth partnerships. This brief maps where the growth is and exactly when to move.</p>
    <div class="metrics">
      <div class="m"><div class="v">~4.75★</div><div class="l">300+ reviews</div></div>
      <div class="m"><div class="v">1980</div><div class="l">Est. · family-owned</div></div>
      <div class="m"><div class="v">10,000+</div><div class="l">Events hosted</div></div>
      <div class="m"><div class="v">$6k+</div><div class="l">Avg. event entry</div></div>
    </div>
  </div>
</div>

<div class="duo">
  <a class="duoimg" href="https://www.youtube.com/watch?v=C8QAvZJKhQ0" target="_blank" rel="noopener noreferrer"><img src="/img/C8QAvZJKhQ0.jpg" alt="FantaSea One — aerial drone film" loading="lazy"><span>▶ FantaSea One · aerial film</span></a>
  <a class="duoimg" href="https://www.youtube.com/watch?v=v23UnZ4QZ4g" target="_blank" rel="noopener noreferrer"><img src="/img/v23UnZ4QZ4g.jpg" alt="Yacht weddings in Marina del Rey" loading="lazy"><span>▶ Weddings on the water</span></a>
</div>

<section id="reputation">
  <div class="eyebrow">01 · Reputation & Reviews</div>
  <h2 class="disp">You are winning on trust — now monetize it.</h2>
  <p class="lead">FantaSea holds roughly <b>4.75★ across 300+ reviews</b> — 233 on Yelp, 41 on WeddingWire, 55 on Birdeye. That is a top-tier reputation in the category. The gap is not quality; it is <b>visibility and conversion</b> of that reputation into booked charters.</p>
  <div class="cards2">
    <div class="c"><h3>Praised</h3><p class="good">Attentive crew · seamless event coordination · dining quality · the on-water views. Decades of consistency.</p></div>
    <div class="c"><h3>Watch-outs</h3><p class="flag">Premium price point ($6k+ entry) needs justifying up-front · respond to every review (esp. negatives) · keep review recency fresh monthly.</p></div>
    <div class="c"><h3>Action</h3><p>Automate a post-event review ask (Yelp + Google + Knot). Respond to 100% of reviews within 48h. Feature 5★ quotes on the site & ads.</p></div>
  </div>
</section>

<section id="competitors">
  <div class="eyebrow">02 · Competitive Landscape</div>
  <h2 class="disp">The incumbent brand vs. the field.</h2>
  <p class="lead">FantaSea's edge is legacy, capacity range, and review depth. The threats are City Cruises' national ad budget and a wave of rental-marketplace operators competing on price.</p>
  <table><thead><tr><th>Operator</th><th>Focus</th><th>Capacity</th><th>Reputation</th><th>Positioning</th></tr></thead><tbody><tr class="you"><td>FantaSea Yachts (you)</td><td>Weddings · corporate · dinner</td><td>12–250</td><td>~4.75★ · 233 Yelp</td><td>Since 1980, 3 yachts, 10k+ events — the incumbent brand</td></tr><tr class=""><td>City Cruises (Hornblower)</td><td>Dinner cruises · public + private</td><td>2–600+</td><td>~4.0★ · national</td><td>Corporate-owned scale, ticketed public cruises, big ad budget</td></tr><tr class=""><td>The Legend Yacht</td><td>Whale-watch · sunset · weddings</td><td>≤41</td><td>~4.5★</td><td>Vintage Chris-Craft charm, small capacity, niche</td></tr><tr class=""><td>The Duchess Yacht</td><td>Nightclub-style parties</td><td>≤120</td><td>~4.3★</td><td>Lounge/nightlife angle, younger party market</td></tr><tr class=""><td>Luxury Liners</td><td>Party yacht rentals</td><td>≤50+</td><td>~4.4★</td><td>Rental-marketplace positioning, price-forward</td></tr><tr class=""><td>Santa Monica Windjammers</td><td>Wedding venue (club)</td><td>varies</td><td>~4.6★</td><td>Yacht-club setting, member-driven, weddings</td></tr></tbody></table>
  <p class="lead"><b>Takeaway:</b> Don't fight rentals on price. Win on the two things they can't fake — a 40-year wedding track record and 250-guest capacity. Position as <i>the</i> luxury event yacht, not a boat rental.</p>
</section>

<section id="advertising">
  <div class="eyebrow">03 · Where to Advertise</div>
  <h2 class="disp">Buy intent where the affluent are already searching.</h2>
  <p class="lead">Ranked by ROI for a wedding-and-corporate luxury charter. The pattern: own <b>high-intent search + bridal marketplaces</b> first, layer <b>social awareness</b> for retargeting.</p>
  <table><thead><tr><th>Channel</th><th>Best for</th><th>Priority</th><th>Why / play</th></tr></thead><tbody><tr><td><b>The Knot / WeddingWire / Zola</b></td><td>Weddings</td><td class="stars">★★★★★</td><td>Highest-intent bridal traffic. You already have 41 WeddingWire reviews — pay to rank #1 in Marina del Rey boat-weddings.</td></tr><tr><td><b>Google Ads (Search)</b></td><td>Local high-intent</td><td class="stars">★★★★★</td><td>Own "yacht charter marina del rey", "boat wedding LA", "corporate yacht party". City Cruises bids here — you must too.</td></tr><tr><td><b>Google Business Profile</b></td><td>Local / maps</td><td class="stars">★★★★★</td><td>Free. Post weekly, seed photos, answer every review. Drives the map-pack for "yacht charter near me".</td></tr><tr><td><b>Instagram / Meta Ads</b></td><td>Awareness · retargeting</td><td class="stars">★★★★☆</td><td>Sunset reels convert for luxury events. Retarget site + Knot visitors. Lookalikes off past-client list.</td></tr><tr><td><b>Yelp Ads + review response</b></td><td>Local trust</td><td class="stars">★★★★☆</td><td>233 reviews = strong. Respond to every review; Yelp Ads defend the category page from competitors.</td></tr><tr><td><b>Peerspace / Cvent / LinkedIn</b></td><td>Corporate events</td><td class="stars">★★★★☆</td><td>Where planners source offsite venues + holiday parties. List the fleet as an event space.</td></tr><tr><td><b>GetMyBoat / Sailo (OTA)</b></td><td>Charter marketplace</td><td class="stars">★★★☆☆</td><td>Incremental fill for open dates; watch commissions — use for gaps, not core weddings.</td></tr><tr><td><b>TikTok</b></td><td>Gen-Z / viral reach</td><td class="stars">★★★☆☆</td><td>Low cost, high upside for sunset/proposal content. Test, don't bet the budget.</td></tr></tbody></table>
</section>

<section id="timing">
  <div class="eyebrow">04 · Timing & Cadence</div>
  <h2 class="disp">Sell each season one season early.</h2>
  <p class="lead">SoCal charter demand is sharply seasonal. The money is made by <b>booking peak dates months ahead</b> — sell holiday galas in August, NYE in November, wedding Saturdays by spring.</p>
  <table><thead><tr><th>Month</th><th>Demand driver</th><th>The move</th></tr></thead><tbody><tr><td class="mo">Jan</td><td>Valentine's pre-sale · corporate Q1 kickoffs</td><td class="act">Launch Feb proposal/date-night charters; email past clients</td></tr><tr><td class="mo">Feb</td><td>Valentine's sunset dinners (peak romance)</td><td class="act">Google + IG ads on "romantic things to do LA"; sell-out weekend</td></tr><tr><td class="mo">Mar</td><td>Whale-watch season · spring weddings open</td><td class="act">Push whale-watch + wedding-season inquiries; Knot featured</td></tr><tr><td class="mo">Apr</td><td>Grad/prom + Mother's Day build</td><td class="act">Book proms & grad nights; Mother's Day brunch cruises</td></tr><tr><td class="mo">May</td><td>WEDDING SEASON begins · Mother's Day</td><td class="act">Max ad spend on weddings; secure summer Saturdays</td></tr><tr><td class="mo">Jun</td><td>PEAK: weddings + grad + summer tourism</td><td class="act">Highest demand — raise rates, prioritize high-value galas</td></tr><tr><td class="mo">Jul</td><td>PEAK: July 4th + summer corporate</td><td class="act">4th-of-July fireworks cruises (premium); corporate summer parties</td></tr><tr><td class="mo">Aug</td><td>PEAK summer · early holiday-party outreach</td><td class="act">Start selling Nov/Dec corporate holiday galas NOW</td></tr><tr><td class="mo">Sep</td><td>Weddings + corporate Q4 planning</td><td class="act">Fall wedding push; lock holiday-party corporate contracts</td></tr><tr><td class="mo">Oct</td><td>Weddings + Halloween + holiday sell-in</td><td class="act">Halloween party cruises; finalize December calendar</td></tr><tr><td class="mo">Nov</td><td>CORPORATE HOLIDAY GALAS · Thanksgiving</td><td class="act">Holiday-party revenue peak; NYE pre-sale opens</td></tr><tr><td class="mo">Dec</td><td>NYE (highest ticket) + holiday parties</td><td class="act">Sell NYE at premium; whale-watch season; capture reviews</td></tr></tbody></table>
  <p class="lead"><b>Posting rhythm:</b> Instagram/TikTok 4–5×/week, sunsets posted <b>Thu–Sat 5–8pm</b> (planning window). Email past clients monthly. Always be selling the season 60–90 days out.</p>
</section>

<section id="audit">
  <div class="eyebrow">05 · Website Audit</div>
  <h2 class="disp">A trusted brand on a slow, dated site.</h2>
  <p class="lead">Live audit of fantaseayachts.com (WordPress on WP Engine, behind Cloudflare):</p>
  <div class="cards2">
    <div class="c"><h3>Speed</h3><p class="flag">Homepage weighs ~<b>292 KB of HTML alone</b> (before images/scripts) — heavy for mobile. Luxury buyers bounce on slow first paint.</p></div>
    <div class="c"><h3>First impression</h3><p>No full-screen hero <b>video</b>. The #1 upgrade — motion of the yacht at sunset sells the fantasy instantly (the Gucci/Dior approach).</p></div>
    <div class="c"><h3>Navigation</h3><p>Move to a clean <b>hamburger + full-screen menu</b> — fewer, more confident choices; reads as couture, not clutter.</p></div>
    <div class="c"><h3>Conversion</h3><p>Put phone + "Charter now" persistently in reach; surface 4.75★ social proof and pricing-from up front to qualify leads.</p></div>
  </div>
  <p class="lead">Six ready-to-review redesign concepts below — each in a Rodeo Drive luxury-house palette, with the hero-video + hamburger pattern already built.</p>
</section>

<section id="social">
  <div class="eyebrow">06 · Social Media Audit</div>
  <h2 class="disp">Great footage, fragmented brand, under-posting.</h2>
  <p class="lead">FantaSea is a <b>visual</b> business — sunsets, weddings, aerials. Social should be its top-of-funnel engine. Today the accounts are inconsistent and posting below cadence. The single biggest fix is free: <b>one handle, everywhere.</b></p>

  <div class="flagbox">
    <div class="flagicon">⚠</div>
    <div>
      <h3 class="disp">Handle inconsistency is costing you discovery</h3>
      <p>Instagram, Facebook &amp; YouTube read <b>fantaseayachts</b> — but TikTok is <b>@fantaseayachtllc</b> and YouTube carries a <b>7902</b> suffix. The “LLC” handle is the legal-entity name, almost certainly grabbed because the clean one was taken or set up in a hurry. The cost: fans can’t guess it, you can’t be tagged consistently, and it reads as unofficial. <b>Action: unify to @fantaseayachts (or @fantaseayachtsmdr) across every platform</b> — the highest-ROI, zero-dollar brand fix on this list.</p>
    </div>
  </div>

  <div class="cards2" style="margin-top:38px">
    <div class="c"><h3>Instagram — @fantaseayachts</h3><p>The hub for a venue brand. <b>Fix:</b> Reels 4–5×/wk (sunset · weddings · BTS · proposals), Story Highlights per service (Weddings / Corporate / Dining), geotag Marina del Rey, a booking link-in-bio, and repost guest UGC. <span class="tc">Followers — confirm live</span></p></div>
    <div class="c"><h3>TikTok — @fantaseayachtllc</h3><p class="flag">Off-brand handle (see flag). <b>Fix:</b> secure @fantaseayachts, cross-link from IG. Content that wins here: POV proposals, timelapses, “what $6k gets you,” trending audio. Lowest cost / highest viral upside. <span class="tc">Followers — confirm live</span></p></div>
    <div class="c"><h3>YouTube — @fantaseayachts7902</h3><p>Strong film library (drone, weddings, NCIS) but a numbered handle. <b>Fix:</b> claim the clean handle, cut the long films into 15–30s Shorts, and use the drone reel as the new site hero.</p></div>
    <div class="c"><h3>LinkedIn — /company/fantasea-yachts</h3><p>Your <b>corporate</b> engine, under-used. <b>Fix:</b> post case studies of corporate galas & offsites, target planners / HR / executive assistants, have staff reshare, and run LinkedIn Ads for “company holiday party venue LA.” This is where the $10k+ bookings live.</p></div>
    <div class="c"><h3>Facebook / X</h3><p>FB (/FantaSeaYachtsMDR) still matters for the wedding demographic + reviews — keep it current. X (@FantaSeaYachts) is low priority; auto-syndicate, don’t invest.</p></div>
  </div>

  <div style="margin-top:44px"></div>
  <div class="eyebrow">Suggestions</div>
  <h2 class="disp">One content engine, five platforms.</h2>
  <div class="sugg">
    <div class="s"><div class="p">Fix #1 · Brand</div><h4>Unify the handle</h4><p>@fantaseayachts everywhere. Consistency = discoverability = tags. Free.</p></div>
    <div class="s"><div class="p">Fix #2 · Workflow</div><h4>Shoot once, cut five ways</h4><p>Every event → IG Reel + TikTok + YT Short + FB + Story. One shoot, a week of content.</p></div>
    <div class="s"><div class="p">Fix #3 · Cadence</div><h4>4–5× / week, Thu–Sat 5–8pm</h4><p>Post in the planning window when couples & planners browse.</p></div>
    <div class="s"><div class="p">Fix #4 · Conversion</div><h4>Link-in-bio → inquiry</h4><p>Every profile drives to a booking/inquiry page, not the homepage.</p></div>
    <div class="s"><div class="p">Fix #5 · Proof</div><h4>Turn guests into creators</h4><p>Incentivize tagging @fantaseayachts; repost UGC — authentic, free, high-trust.</p></div>
    <div class="s"><div class="p">Fix #6 · Highlights</div><h4>Pin the money services</h4><p>Story Highlights + pinned posts for Weddings, Corporate, Sunset Dining.</p></div>
  </div>
</section>

<section id="suggested">
  <div class="eyebrow">07 · Suggested New Websites</div>
  <h2 class="disp">Six luxury directions. One is live-clickable each.</h2>
  <p class="lead">Sophisticated, few-colored, wedding-grade — modeled on the great Rodeo Drive fashion houses. Each opens as a working full-screen concept with a cinematic hero video and hamburger navigation. Pick a direction; we build it out.</p>
  <div class="vgrid">
  <a class="vtile" href="/versions/gucci.html" target="_blank" style="--vb:#0f2e22;--vi:#f4efe3;--vg:#c8a15a">
    <div class="vswatch"><span style="background:#0f2e22"></span><span style="background:#123829"></span><span style="background:#c8a15a"></span><span style="background:#f4efe3"></span></div>
    <div class="vname">Gucci</div>
    <div class="vmood">Deep forest green & antique gold — old-world crest luxury.</div>
    <div class="vopen">Open live concept →</div>
  </a>
  <a class="vtile" href="/versions/chanel.html" target="_blank" style="--vb:#0a0a0a;--vi:#f7f5f1;--vg:#c9c4ba">
    <div class="vswatch"><span style="background:#0a0a0a"></span><span style="background:#111"></span><span style="background:#c9c4ba"></span><span style="background:#f7f5f1"></span></div>
    <div class="vname">Chanel</div>
    <div class="vmood">Monochrome couture — ivory on black, absolute restraint.</div>
    <div class="vopen">Open live concept →</div>
  </a>
  <a class="vtile" href="/versions/hermes.html" target="_blank" style="--vb:#141210;--vi:#f6ead9;--vg:#e8611f">
    <div class="vswatch"><span style="background:#141210"></span><span style="background:#1c1813"></span><span style="background:#e8611f"></span><span style="background:#f6ead9"></span></div>
    <div class="vname">Hermès</div>
    <div class="vmood">Signature orange on chocolate & cream — artisanal warmth.</div>
    <div class="vopen">Open live concept →</div>
  </a>
  <a class="vtile" href="/versions/tiffany.html" target="_blank" style="--vb:#0b1a1a;--vi:#f3f7f6;--vg:#7ad0c4">
    <div class="vswatch"><span style="background:#0b1a1a"></span><span style="background:#0f2323"></span><span style="background:#7ad0c4"></span><span style="background:#f3f7f6"></span></div>
    <div class="vname">Tiffany & Co.</div>
    <div class="vmood">Robin-egg blue & white — clean, iconic, celebratory.</div>
    <div class="vopen">Open live concept →</div>
  </a>
  <a class="vtile" href="/versions/lv.html" target="_blank" style="--vb:#1a1109;--vi:#f2e6d2;--vg:#caa04e">
    <div class="vswatch"><span style="background:#1a1109"></span><span style="background:#241708"></span><span style="background:#caa04e"></span><span style="background:#f2e6d2"></span></div>
    <div class="vname">Louis Vuitton</div>
    <div class="vmood">Chocolate & saffron gold — the monogram travel house.</div>
    <div class="vopen">Open live concept →</div>
  </a>
  <a class="vtile" href="/versions/dior.html" target="_blank" style="--vb:#101216;--vi:#eef0f3;--vg:#cbb892">
    <div class="vswatch"><span style="background:#101216"></span><span style="background:#161a20"></span><span style="background:#cbb892"></span><span style="background:#eef0f3"></span></div>
    <div class="vname">Dior</div>
    <div class="vmood">Dove grey, midnight navy & champagne — couture atelier.</div>
    <div class="vopen">Open live concept →</div>
  </a></div>
</section>

<section id="partners">
  <div class="eyebrow">08 · Unlikely Partners</div>
  <h2 class="disp">Ten referral engines hiding in plain sight.</h2>
  <p class="lead">Your buyer is already spending at these brands. Co-marketing swaps a $0-CAC stream of high-net-worth referrals for a few hosted events a year.</p>
  <div class="pcard"><div class="pnum">01</div><div><h4>Rodeo Drive luxury boutiques (Gucci, Chanel, Dior)</h4><p>Co-host aboard trunk shows & styling soirées; cross-refer VIP clienteling lists. Their client is your client.</p></div></div><div class="pcard"><div class="pnum">02</div><div><h4>Beverly Hills exotic-car dealers (Rolls-Royce, Ferrari, Bentley)</h4><p>“Arrive by yacht, leave by Rolls” proposal & anniversary packages; shared affluent CRM and event swaps.</p></div></div><div class="pcard"><div class="pnum">03</div><div><h4>High-end jewelers (engagement rings)</h4><p>Bundle a private sunset proposal charter with the ring purchase — the jeweler closes the ring, you own the moment.</p></div></div><div class="pcard"><div class="pnum">04</div><div><h4>Private jet & helicopter charters (Blade, JSX, Clay Lacy)</h4><p>“Jet-to-yacht” luxury itineraries; reciprocal referral fees between two high-net-worth travel brands.</p></div></div><div class="pcard"><div class="pnum">05</div><div><h4>Beverly Hills / MDR luxury hotels & concierges (Waldorf, Ritz-Carlton)</h4><p>Concierge referral commission for guest charters; be the on-water excursion every five-star front desk recommends.</p></div></div><div class="pcard"><div class="pnum">06</div><div><h4>Luxury wedding planners & couture florists</h4><p>Preferred-vendor pacts — weddings are your core revenue; own the planner rolodex before competitors do.</p></div></div><div class="pcard"><div class="pnum">07</div><div><h4>Beverly Hills med-spas, cosmetic surgeons & celeb dentists</h4><p>Client-appreciation & influencer cruises; their glossy patient base is prime for milestone charters.</p></div></div><div class="pcard"><div class="pnum">08</div><div><h4>VC firms, law firms & commercial real-estate brokers</h4><p>Deal-closing dinners, investor galas and summer offsites — recurring corporate contracts, not one-offs.</p></div></div><div class="pcard"><div class="pnum">09</div><div><h4>Film/TV production & location scouts</h4><p>Yacht as a filming location + wrap parties; Marina del Rey is film-permit friendly = a steady B2B line.</p></div></div><div class="pcard"><div class="pnum">10</div><div><h4>Champagne houses, wineries & celebrity chefs</h4><p>Co-branded pairing dinner cruises — a marquee recurring event series that sells itself on the name.</p></div></div>
</section>

<section id="revenue">
  <div class="eyebrow">09 · Unlikely Revenue Streams</div>
  <h2 class="disp">The yacht is the asset. It can earn eight ways, not one.</h2>
  <p class="lead">Charters are the core — but the brand, the venue, and the audience can each throw off high-margin revenue that runs even on nights the boats are docked.</p>
  <div class="cards2">
    <div class="c"><h3>① Branded merch &amp; SWAG</h3><p>Caps, totes, robes, champagne flutes, logo goods — sold onboard, online, and as <b>co-branded wedding favors</b>. High margin, and every item is a floating ad.</p></div>
    <div class="c"><h3>② DTLA &amp; on-land events</h3><p>Rent the <b>FantaSea Yacht Club</b> venue and run pop-up “yacht club” parties in DTLA with nightlife/venue partners — monetize the brand on nights the fleet is docked.</p></div>
    <div class="c"><h3>③ Gift cards &amp; vouchers</h3><p>Sunset-cruise gift cards for holidays &amp; corporate gifting — captures cash up front and books future dates. A perfect Q4 product.</p></div>
    <div class="c"><h3>④ FantaSea Club membership</h3><p>Annual membership: priority booking, member rates, exclusive member cruises → <b>recurring revenue</b> and a loyal high-value base.</p></div>
    <div class="c"><h3>⑤ Film &amp; TV location licensing</h3><p>You already host shoots (NCIS aboard Dandeana). Formalize a <b>location rate card</b> + listing on film-location marketplaces. Pure-margin B2B.</p></div>
    <div class="c"><h3>⑥ Photo &amp; video packages</h3><p>High-margin upsell on every wedding/event — and it <b>feeds your social content</b> for free. Bundle a videographer into every package.</p></div>
    <div class="c"><h3>⑦ Private-label bar</h3><p>“FantaSea Cuvée” champagne, signature cocktails, premium bar upgrades — branded beverage upsells on every sailing.</p></div>
    <div class="c"><h3>⑧ Ticketed public cruises</h3><p>Whale-watch, July 4th fireworks, NYE, sunset happy-hours — sell <b>per-seat</b> to fill open dates and beat City Cruises at its own public-cruise game on select nights.</p></div>
  </div>
</section>

<section id="videos">
  <div class="eyebrow">10 · 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>

  <div style="margin-top:78px"></div>
  <div class="eyebrow">The five brand films — one per recommendation</div>
  <h2 class="disp">Presenter shorts, each ending on an action item.</h2>
  <p class="lead">Generated with HeyGen — fade in / out, music bed, on-screen action item. Each appears here as it finishes rendering (refresh to pick up new ones).</p>
  <div class="films5">
    <div class="f5" data-key="reputation"><div class="fv"><video muted loop playsinline></video><div class="fph">● rendering</div></div><div class="ft">Reputation</div><div class="fa">▶ Reply to reviews in 48h</div></div>
    <div class="f5" data-key="advertising"><div class="fv"><video muted loop playsinline></video><div class="fph">● rendering</div></div><div class="ft">Advertising</div><div class="fa">▶ Google Ads + The Knot</div></div>
    <div class="f5" data-key="competitors"><div class="fv"><video muted loop playsinline></video><div class="fph">● rendering</div></div><div class="ft">Competitors</div><div class="fa">▶ Own the luxury category</div></div>
    <div class="f5" data-key="timing"><div class="fv"><video muted loop playsinline></video><div class="fph">● rendering</div></div><div class="ft">Timing</div><div class="fa">▶ Pre-sell the season now</div></div>
    <div class="f5" data-key="social"><div class="fv"><video muted loop playsinline></video><div class="fph">● rendering</div></div><div class="ft">Social</div><div class="fa">▶ One handle everywhere</div></div>
  </div>
  <style>
  .films5{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:40px}
  .f5{border:1px solid var(--line);background:var(--panel)}
  .f5 .fv{position:relative;aspect-ratio:9/16;background:#000;overflow:hidden;cursor:pointer}
  .f5 .fv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .f5 .fph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(160deg,#123829,#0c1512);opacity:.9}
  .f5 .ft{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--gold);padding:14px 16px 4px}
  .f5 .fa{font-size:12.5px;color:var(--dim);padding:0 16px 16px}
  </style>
</section>
<script>
(function(){
  fetch('/videos/heygen-brandfilm.mp4',{method:'HEAD'}).then(function(r){if(r.ok){var v=document.getElementById('heyfilm');if(v){v.src='/videos/heygen-brandfilm.mp4';v.play();var ph=document.getElementById('heyph');if(ph)ph.style.display='none';}}}).catch(function(){});
  document.querySelectorAll('.f5').forEach(function(card){
    var key=card.getAttribute('data-key'); var src='/videos/heygen-'+key+'.mp4';
    fetch(src,{method:'HEAD'}).then(function(r){if(r.ok){var v=card.querySelector('video');v.src=src;v.play();var ph=card.querySelector('.fph');if(ph)ph.style.display='none';card.querySelector('.fv').addEventListener('click',function(){v.muted=!v.muted;});}}).catch(function(){});
  });
})();
</script>

<section id="roadmap">
  <div class="eyebrow">11 · 90-Day Roadmap</div>
  <h2 class="disp">What to do, in order.</h2>
  <ul class="road">
    <li><div class="w">Weeks 1–2</div><div class="d">Turn on review automation (Yelp/Google/Knot) + reply to all past reviews. Claim/optimize Google Business Profile. Pick a website direction.</div></li>
    <li><div class="w">Weeks 3–6</div><div class="d">Launch Google Ads + The Knot/WeddingWire featured listing. Ship the new hero-video homepage. Begin 4–5×/week Instagram cadence.</div></li>
    <li><div class="w">Weeks 6–10</div><div class="d">Open holiday-gala + NYE pre-sale. Sign 3 “unlikely partner” referral swaps (jeweler, luxury hotel, wedding planner).</div></li>
    <li><div class="w">Weeks 10–13</div><div class="d">Retargeting on Meta off site + Knot traffic. Publish the 4 brand films as Reels. Measure cost-per-booked-charter; double down on the winner.</div></li>
  </ul>
</section>

<footer>
  <span>FantaSea Yachts · Growth Strategy Brief</span>
  <span>Prepared for the 2026 consulting review</span>
  <span>Confidential — for discussion</span>
</footer>
<script>
(function(){
  var secs=[].slice.call(document.querySelectorAll('section[id]'));
  var accs=[];
  secs.forEach(function(sec){
    var eb=sec.querySelector(':scope > .eyebrow');
    var h2=sec.querySelector(':scope > h2');
    if(!eb && !h2) return;
    sec.classList.add('acc'); accs.push(sec);
    var head=document.createElement('button'); head.type='button'; head.className='acchead';
    var txt=document.createElement('div'); txt.className='htext';
    var rest=[].slice.call(sec.children).filter(function(c){return c!==eb && c!==h2;});
    if(eb) txt.appendChild(eb);
    if(h2) txt.appendChild(h2);
    var chev=document.createElement('span'); chev.className='chev'; chev.textContent='+';
    head.appendChild(txt); head.appendChild(chev);
    var body=document.createElement('div'); body.className='accbody';
    rest.forEach(function(c){ body.appendChild(c); });
    sec.appendChild(head); sec.appendChild(body);
    head.addEventListener('click', function(){
      var open=sec.classList.toggle('open');
      chev.textContent=open?'\u2013':'+';
    });
  });
  // Expand / Collapse all — handy while presenting
  if(accs.length){
    var bar=document.createElement('div'); bar.className='accbar';
    bar.innerHTML='<button id="xall">Expand all</button><button id="call">Collapse all</button>';
    accs[0].parentNode.insertBefore(bar, accs[0]);
    function setAll(open){ accs.forEach(function(s){ s.classList.toggle('open',open); var c=s.querySelector('.chev'); if(c)c.textContent=open?'\u2013':'+'; }); }
    document.getElementById('xall').onclick=function(){ setAll(true); };
    document.getElementById('call').onclick=function(){ setAll(false); };
  }
  // Open (and scroll to) a section when a hamburger link targets it
  function openSec(id){ var s=document.getElementById(id); if(s && s.classList.contains('acc') && !s.classList.contains('open')){ s.querySelector('.acchead').click(); } if(s){ setTimeout(function(){ s.scrollIntoView({behavior:'smooth',block:'start'}); },70); } }
  document.querySelectorAll('.menu a[href^="#"]').forEach(function(a){ a.addEventListener('click', function(){ var id=a.getAttribute('href').slice(1); setTimeout(function(){ openSec(id); },70); }); });
  if(location.hash) setTimeout(function(){ openSec(location.hash.slice(1)); },140);
})();
</script>
<a href="/slideshow" style="position:fixed;bottom:20px;right:20px;z-index:60;background:#c6a765;color:#12100e;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:11px 18px;border-radius:4px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.45)">▶ Present</a>
</body></html>