FREE SHIPPING for US orders above $99
Heritage Beechwood Light Stand - 5.91ft for Stunning Lighting

Heritage Beechwood Light Stand - 5.91ft for Stunning Lighting - Watch Video

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Heritage Beechwood Light Stand - 5.91ft for Stunning Lighting</title>
  <style>
    /* Reset & Base Styles */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      background: #f5f5f5;
      color: #1a1a1a;
      line-height: 1.5;
    }

    /* Layout Container */
    .video-page-container {
      max-width: 1600px;
      margin: 0 auto;
      padding: 24px;
    }

    .video-layout {
      display: grid;
      grid-template-columns: 1.2fr 450px;
      gap: 32px;
      margin-bottom: 40px;
      align-items: start;
    }

    /* Main Video Section */
    .video-main-section {
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .video-responsive-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 Aspect Ratio */
      height: 0;
      background: #000;
    }

    .video-responsive-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .video-info {
      padding: 24px;
    }

    .video-info h1 {
      font-size: 1.75rem;
      margin-bottom: 12px;
    }

    .video-meta {
      color: #606060;
      font-size: 0.9rem;
      margin-bottom: 16px;
    }

    .video-description {
      margin-bottom: 20px;
    }

    /* Tags */
    .benefit-tags {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }

    .tag {
      background: #f0f0f0;
      padding: 6px 16px;
      border-radius: 20px;
      font-size: 0.85rem;
      font-weight: 600;
    }

    /* Sidebar Section */
    .sidebar-section {
      position: sticky;
      top: 20px;
      max-height: calc(100vh - 40px);
      display: flex;
      flex-direction: column;
    }

    .sidebar-toggle {
      display: flex;
      gap: 8px;
      margin-bottom: 16px;
    }

    .toggle-btn {
      flex: 1;
      padding: 12px;
      border: 2px solid #e0e0e0;
      background: #fff;
      border-radius: 8px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s;
    }

    .toggle-btn.active {
      background: #1a1a1a;
      color: #fff;
      border-color: #1a1a1a;
    }

    .sidebar-content {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      overflow-y: auto;
      flex: 1;
    }

    /* Content Blocks */
    .content-pane {
      padding: 20px;
      display: none;
    }

    .content-pane.active {
      display: block;
    }

    /* Video Items (Watch Next) */
    .video-item {
      display: flex;
      gap: 12px;
      margin-bottom: 16px;
      text-decoration: none;
      color: inherit;
    }

    .video-thumbnail {
      width: 140px;
      height: 78px;
      background: #ddd;
      border-radius: 8px;
      flex-shrink: 0;
    }

    /* Transcript Components */
    .transcript-line {
      margin-bottom: 12px;
      font-size: 0.95rem;
    }

    .timestamp {
      color: #065fd4;
      font-weight: 600;
      cursor: pointer;
      margin-right: 8px;
      font-family: monospace;
    }

    /* Responsive Breakpoints */
    @media (max-width: 1024px) {
      .video-layout {
        grid-template-columns: 1fr;
      }

      .sidebar-section {
        position: relative;
        top: 0;
        max-height: none;
      }

      .sidebar-content {
        max-height: 500px;
      }
    }
  </style>
</head>

<body>

  <main class="video-page-container">
    <h1 style="font-size: 2.5rem; font-weight: 800; margin-bottom: 24px; color: #1a1a1a;">Heritage Beechwood Light Stand - 5.91ft for Stunning Lighting - Watch Video</h1>

    <div class="video-layout">

      <section class="video-main-section">
        <div class="video-responsive-wrapper">
          <iframe id="mainVideo" src="https://www.youtube.com/embed/X7QjL5Yvx-I" allowfullscreen>
          </iframe>
        </div>
      </section>

      <aside class="sidebar-section">
        <div class="sidebar-content" style="padding: 24px;">
          <div class="video-info"
            style="padding: 0; margin-bottom: 32px; border-bottom: 1px solid #eee; padding-bottom: 24px;">
            <h1 style="font-size: 1.5rem; line-height: 1.3; margin-bottom: 16px;">Heritage Beechwood Light Stand - 5.91ft for Stunning Lighting</h1>
            <div class="video-description" style="font-size: 0.95rem; color: #444; margin-bottom: 20px;">
              <p>Discover the versatility of the Heritage Beechwood Light Stand! Perfect height, stunning design. Watch now to elevate your lighting game!</p>
            </div>
            <div class="benefit-tags">
              <span class="tag">lighting stand</span>
              <span class="tag">beechwood light stand</span>
            </div>
          </div>

          <h2 style="margin-bottom: 20px; font-size: 1.25rem; display: none;">Up Next</h2>
          <div class="watch-next-container">
<div class="no-related-videos" style="display: none;">No additional videos</div>
          </div>

          <!-- Exit Watch Page Button -->
          <div
            style="margin-top: 24px; padding: 16px; background: #f8f9fa; border-radius: 8px; text-align: center; border: 1px solid #e0e0e0;">
            <p style="color: #606060; margin-bottom: 12px; font-size: 0.9rem; font-weight: 600;">
              Back to Original Page
            </p>
            <a href="https://www.harlowe.com/en-ca/products/the-heritage-beechwood-light-stand-5-91ft-180cm"
              style="display: inline-block; background: #1a1a1a; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 0.85rem;">
              ← Exit Watch Page
            </a>
          </div>
        </div>
      </aside>

    </div>
  </main>

</body>

</html>