Banner carousel full

Most women come convinced that nothing will help...

It's NOT too late.

Woman with natural flowing hair symbolizing confidence after hair restoration at Bespoke Aura

Image of a woman swimming with flowing hair in water symbolizing healing from alopecia or chemotherapy

Woman in the gym with flowing hair representing confidence after hair loss restoration.

Healthy woman with hair system applied showing breathability and craftsmanship in hair replacement

Image grid

Text + image

<h2 style="white-space:pre-line">What is Our Mesh Integration System?</h2>
<p>Mesh Integration is a non-surgical answer for women with thinning or patchy hair. </p>
<p>A soft, breathable mesh is blended seamlessly with your own, while natural human hair is added strand by strand to restore fullness.</p>
<p>The result? Hair that <strong>looks real, feels light, and can be washed, styled, and lived in every day.</strong>..  Just like your own. Unlike cheap toppers that make thinning worse, or transplants that cost a fortune, this is a solution designed to last.</p>

Mesh system being integrated with woman's remaining hair after hair loss

Embed

<style>
:root{
  --ba-bg:transparent; /* ← THIS IS THE FIX */
  --ba-navy:#0b1a31;
}

.ba-video-section{
  width:100%;
  background:transparent; /* ← THIS IS THE FIX */
  padding:30px 0;
  display:flex;
  justify-content:center;
}

.ba-glow-viewport{ padding:20px; }

.ba-video-container{
  width:calc((350px * 3) + (2px * 2));
  position:relative;
}

.ba-nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid var(--ba-navy);
  background:transparent; /* ← IMPORTANT */
  color:var(--ba-navy);
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:100;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}

.ba-nav-prev{ left:-42px; }
.ba-nav-next{ right:-42px; }

@media (max-width:768px){
  .ba-video-container{ width:100%; max-width:350px; }
  .ba-nav-prev{ left:-18px; }
  .ba-nav-next{ right:-18px; }
}

.ba-track-wrapper{
  overflow:hidden;
  width:100%;
}

.ba-track{
  display:flex;
  gap:2px;
  transition:transform .45s ease;
  will-change:transform;
}

.ba-card{
  width:350px;
  height:600px;
  border-radius:22px;
  flex-shrink:0;
  position:relative;
}

.ba-phone-shell{
  width:100%;
  height:100%;
  position:relative;
}

.ba-video-back{
  position:absolute;
  inset:8% 6% 7% 6%;
  z-index:1;
  overflow:hidden;
  background:transparent; /* ← CRITICAL */
}

.ba-video-back iframe{
  width:100%;
  height:100%;
  border:0;
  background:transparent; /* ← CRITICAL */
}

.ba-phone-frame{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}

.ba-phone-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
}
</style>

<section class="ba-video-section">
  <div class="ba-glow-viewport">
    <div class="ba-video-container">

      <div class="ba-nav-btn ba-nav-prev">‹</div>

      <div class="ba-track-wrapper">
        <div class="ba-track">

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1145416036"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1145406520"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1145414757"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1145842273"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1145842288"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1145875612"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

          
          <div class="ba-card"><div class="ba-phone-shell">
            <div class="ba-video-back">
              <iframe src="https://player.vimeo.com/video/1146275770"></iframe>
            </div>
            <div class="ba-phone-frame">
              <img src="https://cdn.durable.co/covers/6hvawHBHseH3W1fpVHyUg8mA3k5XmAi1v8hI7vq0bhvWSLMkU6Zr7AZmtNDwXqHu.png">
            </div>
          </div></div>

        </div>
      </div>

      <div class="ba-nav-btn ba-nav-next">›</div>

    </div>
  </div>
</section>

<script>
document.addEventListener("DOMContentLoaded", () => {
  const track = document.querySelector(".ba-track");
  const prev  = document.querySelector(".ba-nav-prev");
  const next  = document.querySelector(".ba-nav-next");

  const visible = 3;
  const GAP = 2;
  const CARD_W = 350;
  const step = CARD_W + GAP;

  const originals = [...track.children];
  let index = visible;

  originals.slice(-visible).forEach(n => track.prepend(n.cloneNode(true)));
  originals.slice(0,visible).forEach(n => track.append(n.cloneNode(true)));

  const all = [...track.children];
  track.style.transform = `translateX(${-index * step}px)`;

  function move(){
    track.style.transition = "transform .45s ease";
    track.style.transform = `translateX(${-index * step}px)`;
  }

  function jump(){
    if(index >= all.length - visible){
      index = visible;
      track.style.transition = "none";
      track.style.transform = `translateX(${-index * step}px)`;
    }
    if(index < visible){
      index = all.length - (visible * 2);
      track.style.transition = "none";
      track.style.transform = `translateX(${-index * step}px)`;
    }
  }

  next.onclick = () => { index++; move(); };
  prev.onclick = () => { index--; move(); };
  track.addEventListener("transitionend", jump);
});
</script>

People Often Ask:

Location

We Are Here:

Business hours

Opening Hours

Bespoke Aura

At Bespoke Aura, we’re not just another salon... We’re Cardiff’s first dedicated to Mesh Integration.

With over 15 years’ experience, our specialists have walked alongside women facing everything from gentle thinning to complete hair loss through alopecia or chemotherapy.

