← back to Beverlyhillsvideos

public/index.html

202 lines

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Beverly Hills news, real estate, shopping & dining · Beverly Hills Videos</title>
<meta name="description" content="An independent editorial guide to Beverly Hills — real estate, Rodeo Drive, city guide, and dining.">
<link rel="canonical" href="https://beverlyhillsvideos.com/">
<meta property="og:title" content="Beverly Hills news, real estate, shopping & dining">
<meta property="og:description" content="An independent editorial guide to Beverly Hills — real estate, Rodeo Drive, city guide, and dining.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Beverly Hills Videos">
<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;0,600;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/style.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5278231299883833" crossorigin="anonymous"></script>
</head>
<body>

  <header class="site-head">
    <div class="wrap">
      <button class="hamb" aria-label="Open menu" aria-expanded="false" onclick="toggleNav(this)"><span></span><span></span><span></span></button>
      <a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
    </div>
  </header>
  <div class="drawer" id="nav" aria-hidden="true">
    <button class="drawer-x" aria-label="Close menu" onclick="toggleNav()">&times;</button>
    <nav>
      <a href="/">Home</a>
      <a href="/videos.html">Videos</a>
      <a href="/restaurants.html">Restaurants</a>
      <a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
      <a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
      <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
      <a href="/posts/dining-in-beverly-hills.html">Dining</a>
      <a href="/posts/beverly-hills-nightlife.html">Nightlife</a>
      <a href="/map.html">Map</a>
    </nav>
  </div>
  <script>
  function toggleNav(btn){
    var d=document.getElementById('nav'), open=d.classList.toggle('open');
    document.body.style.overflow=open?'hidden':'';
    d.setAttribute('aria-hidden', open?'false':'true');
    var h=document.querySelector('.hamb'); if(h) h.setAttribute('aria-expanded', open?'true':'false');
    if(open) h&&h.classList.add('x'); else h&&h.classList.remove('x');
  }
  </script>

  
  <section class="hero-montage" id="hero">
    <div class="hm-stage">
      <video class="hm-vid on" muted autoplay loop playsinline preload="auto" poster="/video/spago.jpg"><source src="/video/spago.mp4" type="video/mp4"></video>
      <video class="hm-vid" muted loop playsinline preload="none"></video>
    </div>
    <div class="hm-veil"></div>
    <div class="wrap hm-copy">
      <p class="eyebrow">The 90210 Edit</p>
      <h1>Beverly Hills, beyond the postcard.</h1>
      <p class="sub">An independent guide to the city’s real estate, shopping, dining, culture, and the quiet corners
        locals love — stories worth slowing down for.</p>
      <div class="hm-actions">
        <a href="#guides" class="scrollcue">Explore</a>
        <button class="hm-sound" type="button" aria-label="Toggle sound" onclick="hmSound(this)">🔊 Sound</button>
      </div>
    </div>
    <div class="hm-caption" id="hmCap"></div>
  </section>
  <script>
  (function(){
    var films = [{"src":"/video/spago.mp4","poster":"/video/spago.jpg","name":"Spago Beverly Hills"},{"src":"/video/funke.mp4","poster":"/video/funke.jpg","name":"Funke"},{"src":"/video/mr-chow.mp4","poster":"/video/mr-chow.jpg","name":"Mr. Chow"},{"src":"/video/il-pastaio.mp4","poster":"/video/il-pastaio.jpg","name":"Il Pastaio"},{"src":"/video/matsuhisa.mp4","poster":"/video/matsuhisa.jpg","name":"Matsuhisa"},{"src":"/video/lawry-s-the-prime-rib.mp4","poster":"/video/lawry-s-the-prime-rib.jpg","name":"Lawry's The Prime Rib"}];
    var vids = document.querySelectorAll('.hero-montage .hm-vid');
    var cap = document.getElementById('hmCap');
    if(!films.length || vids.length < 2) return;
    var idx = 0, active = 0, wantSound = false;
    function show(n){ if(cap) cap.textContent = n ? '▶ ' + n : ''; }
    show(films[0].name);
    vids[0].play().catch(function(){});
    function advance(){
      var next = (active + 1) % 2, nf = films[(idx + 1) % films.length], nv = vids[next];
      nv.setAttribute('poster', nf.poster);
      nv.innerHTML = '<source src="' + nf.src + '" type="video/mp4">';
      nv.muted = !wantSound; nv.load();
      nv.play().catch(function(){});
      nv.classList.add('on'); vids[active].classList.remove('on');
      idx = (idx + 1) % films.length; active = next; show(nf.name);
    }
    if(films.length > 1) setInterval(advance, 8000);
    window.hmSound = function(btn){
      wantSound = !wantSound;
      vids[active].muted = !wantSound;
      if(wantSound) vids[active].play().catch(function(){});
      btn.textContent = wantSound ? '🔇 Mute' : '🔊 Sound';
    };
  })();
  </script>
  <section class="feed" id="guides">
    <div class="wrap">
      <div class="posts">
        
        <a class="post-card lead" href="/posts/beverly-hills-real-estate.html">
          <span class="kicker">REAL ESTATE</span>
          <h2>Why Beverly Hills Real Estate Sits at the Summit of Global Luxury</h2>
          <p>The neighborhoods, the buyers, and the scarcity that keeps 90210 at the top of the luxury market.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/rodeo-drive-guide.html">
          <span class="kicker">SHOPPING</span>
          <h2>Rodeo Drive: A Guide to the World’s Most Famous Shopping Street</h2>
          <p>Three iconic blocks, Two Rodeo’s cobblestones, and why it’s free to enjoy the world’s great retail theater.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/things-to-do-beverly-hills.html">
          <span class="kicker">CITY GUIDE</span>
          <h2>Things to Do in Beverly Hills: A Local’s Guide</h2>
          <p>Gardens, Greystone, canyon trails, and a century of architecture — a full day without a single price tag.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/dining-in-beverly-hills.html">
          <span class="kicker">DINING</span>
          <h2>Dining in Beverly Hills: From Power Lunches to Iconic Institutions</h2>
          <p>The power lunch, the hotel dining rooms, the cuisines — and how to taste the city on any budget.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/beverly-hills-nightlife.html">
          <span class="kicker">NIGHTLIFE</span>
          <h2>Beverly Hills After Dark: Bars, Lounges & the Evening Scene</h2>
          <p>Legendary hotel bars, the power-dinner-that-becomes-the-evening, and where locals go when the night gets loud.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/beverly-hills-wellness-spas.html">
          <span class="kicker">WELLNESS</span>
          <h2>Wellness & Spas in Beverly Hills: The Capital of Self-Care</h2>
          <p>Five-star hotel spas, the medspa capital, holistic recovery — and why the city itself is part of the cure.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/staying-fit-beverly-hills.html">
          <span class="kicker">FITNESS</span>
          <h2>Staying Fit in Beverly Hills: Studios, Trainers & the Outdoors</h2>
          <p>The boutique-studio scene, the private-training tradition, luxury gyms — and the free canyon trails at the city’s edge.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/beverly-hills-cosmetic-doctors.html">
          <span class="kicker">MEDICINE</span>
          <h2>The Cosmetic-Medicine Capital: Beverly Hills Doctors, Dermatologists & Medspas</h2>
          <p>Why the world comes to Bedford Drive — the surgeons, dermatologists, and aesthetic clinics that made 90210 the capital of cosmetic medicine, with a full directory by specialty.</p>
          <span class="read">Read →</span>
        </a>
        <a class="post-card" href="/posts/beverly-hills-attorneys.html">
          <span class="kicker">LAW</span>
          <h2>The Attorneys of Beverly Hills: Inside the City’s Legal Power Center</h2>
          <p>Entertainment deals, high-profile divorces, and boardroom battles — inside the Wilshire Boulevard firms, with a full directory by practice area.</p>
          <span class="read">Read →</span>
        </a>
      </div>
    </div>
  </section>
  <div class="wrap"></div>
  <section class="home-vids">
    <div class="wrap">
      <div class="vch-head"><h2>From the city, on video</h2><a class="vch-link" href="/videos.html">All videos →</a></div>
      <p class="vch-tag">Real footage from Beverly Hills businesses and institutions — dining, hotels, the arts, and more.</p>
      <div class="vid-grid">
        
        <figure class="vid">
          <div class="frame"><iframe src="https://www.youtube.com/embed/shtyIgVvTlg" title="MICHELIN Dining in Beverly Hills" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
          <figcaption>MICHELIN Dining in Beverly Hills<span class="vch">Love Beverly Hills</span></figcaption>
        </figure>
        <figure class="vid">
          <div class="frame"><iframe src="https://www.youtube.com/embed/2JEIBvlX_Ws" title="The Maybourne Beverly Hills · Forbes Travel Guide Five-Star" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
          <figcaption>The Maybourne Beverly Hills · Forbes Travel Guide Five-Star<span class="vch">The Maybourne Beverly Hills</span></figcaption>
        </figure>
        <figure class="vid">
          <div class="frame"><iframe src="https://www.youtube.com/embed/kaw1nwnp07c" title="Hidden Art of Beverly Hills · The Maybourne" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
          <figcaption>Hidden Art of Beverly Hills · The Maybourne<span class="vch">Love Beverly Hills</span></figcaption>
        </figure>
      </div>
    </div>
  </section>

  <!-- IG-EMBED:START (TK-11322) -->
<section class="ig-embed" aria-label="Follow us on Instagram" style="max-width:1120px;margin:44px auto;padding:0 20px">
  <h2 style="font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:.02em;text-align:center;margin:0 0 20px">Follow <a href="https://www.instagram.com/beverlyhillsvideos/" target="_blank" rel="noopener noreferrer">@beverlyhillsvideos</a> on Instagram</h2>
  <div class="ig-embed__row" style="display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:flex-start">
      <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/DdFmxnOiY84/" data-instgrm-version="14" style="margin:0;min-width:250px;max-width:328px;width:100%"></blockquote>
      <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/DdE9k3ADRZ7/" data-instgrm-version="14" style="margin:0;min-width:250px;max-width:328px;width:100%"></blockquote>
      <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/DdEUYeHDIly/" data-instgrm-version="14" style="margin:0;min-width:250px;max-width:328px;width:100%"></blockquote>
  </div>
</section>
<script async src="//www.instagram.com/embed.js"></script>
<!-- IG-EMBED:END -->
<footer class="site-foot">
    <div class="wrap">
      <p>&copy; 2026 Beverly Hills Videos &middot; beverlyhillsvideos.com</p>
      <p class="fine">An independent editorial guide to Beverly Hills — its neighborhoods, culture, shopping, and dining.
        Not affiliated with the City of Beverly Hills. <a href="/privacy.html">Privacy</a></p>
      <p class="fine">Hero image: “Via Rodeo, Beverly Hills” by <a href="https://commons.wikimedia.org/wiki/File:Via_Rodeo,_Beverly_Hills.jpg" target="_blank" rel="noopener noreferrer">Kjetil Ree</a>, <a href="https://creativecommons.org/licenses/by-sa/2.5/" target="_blank" rel="noopener noreferrer">CC BY-SA 2.5</a>.</p>
    </div>
  </footer>
</body>
</html>