Banner

Check these routes below if you want the easiest, most direct way to get to us from the nearby towns.

Your Route to Bespoke Aura

Embed

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Bespoke Aura — Directions</title>
  <link href="https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap" rel="stylesheet">
  <style>
    :root{
      --bg: #f9e29b;
      --card-bg: #102745;
      --muted: #cfd5e0;
      --accent: #e6c36b;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:'Slabo 27px', serif;
      font-size:27px;
      background:var(--bg);
      color:#0a0a0a;
    }

    .maps-grid{
      max-width:1200px;
      margin:3rem auto;
      padding:0 16px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
    @media (max-width:980px){ .maps-grid{ grid-template-columns:repeat(2,1fr); } }
    @media (max-width:640px){ .maps-grid{ grid-template-columns:1fr; } }

    /* ---- LUXURY CARD STYLING ---- */
    .map-card{
      background: linear-gradient(145deg, #0b1a31, #132f53);
      padding:22px 20px;
      border:1px solid rgba(230,195,107,0.25);
      box-shadow: 0 8px 28px rgba(0,0,0,0.45), inset 0 0 10px rgba(230,195,107,0.05);
      position:relative;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      min-height:300px;
      overflow:hidden;
      isolation:isolate;
      transition:transform 0.3s ease, box-shadow 0.3s ease;
    }
    .map-card:hover{
      transform:translateY(-6px);
      box-shadow:0 15px 35px rgba(0,0,0,0.55), inset 0 0 15px rgba(230,195,107,0.08);
    }
    .map-card::before{
      content:"";
      position:absolute;
      inset:0;
      background: radial-gradient(circle at top right, rgba(230,195,107,0.12), transparent 70%);
      pointer-events:none;
      z-index:0;
    }
    @media (min-width:981px){ .map-card{ min-height:340px; } }

    .map-card h3{ 
      color:var(--accent); 
      margin:0 0 10px 0; 
      font-weight:normal;
      font-size:1.3rem;
      letter-spacing:0.5px;
      z-index:1;
      position:relative;
      text-transform:uppercase;
    }
    .map-card p{
      color:var(--muted);
      margin:0 0 12px 0;
      font-size:1rem;
      z-index:1;
      position:relative;
    }
    .map-frame{
      width:100%;
      height:220px;
      border:0;
      background:#000;
      display:block;
      flex-shrink:0;
      border-radius:10px;
      overflow:hidden;
      box-shadow:0 4px 14px rgba(0,0,0,0.6);
      z-index:1;
      position:relative;
      transition:transform 0.3s ease, box-shadow 0.3s ease;
    }
    .map-frame:hover{
      transform:scale(1.02);
      box-shadow:0 8px 20px rgba(230,195,107,0.3);
    }
    .map-actions{
      display:flex;
      gap:16px;
      margin-top:14px;
      z-index:1;
      position:relative;
    }
    .map-actions a{
      color:var(--accent);
      text-decoration:none;
      font-weight:600;
      font-size:0.95rem;
      letter-spacing:0.3px;
      position:relative;
      transition:color 0.3s ease;
    }
    .map-actions a::after{
      content:"";
      position:absolute;
      left:0;
      bottom:-2px;
      width:100%;
      height:1px;
      background:var(--accent);
      transform:scaleX(0);
      transform-origin:right;
      transition:transform 0.3s ease;
    }
    .map-actions a:hover{
      color:#fff;
    }
    .map-actions a:hover::after{
      transform:scaleX(1);
      transform-origin:left;
    }
  </style>
</head>
<body>

<main class="maps-grid" id="mapsGrid">

  
  <article class="map-card" data-origin="Cardiff Central Train Station">
    <h3>From Cardiff Central</h3>
    <p>10–12 min. drive</p>
    <p>15–20 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Cardiff Central map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d19885.51468066242!2d-3.2067415165040076!3d51.463860082203475!2m3!1f0!2f3!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486e1cb251af468b%3A0x3b747d4c2c3c5d7a!2sCardiff%20Central%20Train%20Station%2C%20Cardiff!3m2!1d51.4759573!2d-3.1790292!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke+Aura%2C%20Dunleavy%20Drive%2C%20Cardiff!3m2!1d51.4526775!2d-3.1870611!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Cardiff+Central+Train+Station&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Caerphilly">
    <h3>From Caerphilly</h3>
    <p>25–30 min. drive</p>
    <p>40–60 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Caerphilly map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d79545.91252493084!2d-3.223596!3d51.585632!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486e0f6c5b2f4f47%3A0x123456789abcdef!2sCaerphilly!3m2!1d51.584!2d-3.221!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Dunleavy%20Drive%2C%20Cardiff!3m2!1d51.4526775!2d-3.1870611!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Caerphilly&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Barry">
    <h3>From Barry</h3>
    <p>20–30 min. drive</p>
    <p>40–55 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Barry map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d79545.91252493084!2d-3.273147!3d51.399912!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486e0a45c2c3abcd%3A0xabcdef1234567890!2sBarry!3m2!1d51.402!2d-3.284!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Dunleavy%20Drive%2C%20Cardiff!3m2!1d51.4526775!2d-3.1870611!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Barry&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Swansea">
    <h3>From Swansea</h3>
    <p>50–65 min. drive</p>
    <p>100–120 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Swansea map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d149407.23537282273!2d-3.6797949940840256!3d51.52620761405785!2m3!1f0!2f3!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486ef549ac56222d%3A0xd0f6a9f3b207f0ea!2sSwansea%2C%20station%20City%20%26%20County%20of%2C%20High%20St%2C%20Swansea%20SA1+1NU!3m2!1d51.6252069!2d-3.9412191!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Dunleavy%20Drive%2C%20Cardiff!3m2!1d51.4526775!2d-3.1870611!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Swansea&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Bridgend">
    <h3>From Bridgend</h3>
    <p>25–35 min. drive</p>
    <p>60–70 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Bridgend map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d79493.21560127022!2d-3.4598997122151176!3d51.49187646548177!2m3!1f0!2f3!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486e6c35c1f8db29%3A0x3456865b8c38384!2sBridgend%2C%20station%2C%20Station%20Hill%2C%20Bridgend%20CF31+1BN!3m2!1d51.507075!2d-3.5753415!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Dunleavy%20Drive%2C%20Cardiff!3m2!1d51.4526775!2d-3.1870611!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Bridgend&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Merthyr">
    <h3>From Merthyr</h3>
    <p>40–55 min. drive</p>
    <p>120–140 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Merthyr map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d158624.81937017254!2d-3.4402361620083277!3d51.59549195445414!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486e3ba0bc4b4677%3A0x78b2789a1b23b5b7!2sMerthyr%20Tydfil%20CF47%200AG!3m2!1d51.7446212!2d-3.3773055!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Willcox%20House%2C%20Dunleavy%20Dr%2C%20Cardiff%20CF11%200BA!3m2!1d51.4526775!2d-3.1870610999999998!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Merthyr+Tydfil&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Pontypridd">
    <h3>From Pontypridd</h3>
    <p>30–40 min. drive</p>
    <p>60–75 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Pontypridd map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d79439.2718592994!2d-3.3355248107386366!3d51.522805900153024!2m3!1f0!2f3!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x486e17a421ef2d49%3A0x50fbe6de01480063!2sPontypridd%2C%20Graig%2C%20Pontypridd%20CF37+1LJ!3m2!1d51.5993165!2d-3.3416436!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Willcox%20House%2C%20Dunleavy%20Dr%2C%20Cardiff%20CF11%200BA!3m2!1d51.4526775!2d-3.1870610999999998!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Pontypridd&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Cwmbran">
    <h3>From Cwmbran</h3>
    <p>30–45 min. drive</p>
    <p>50–60 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Cwmbran map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d69937.56553011414!2d-3.2129059398141626!3d51.497943838653526!2m3!1f0!2f3!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x4871de0867946ef7%3A0x57a2a89dc32f5b54!2sCwmbran!3m2!1d51.6571621!2d-3.016158!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Dunleavy%20Drive%2C%20Cardiff!3m2!1d51.4526775!2d-3.1870611!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Cwmbran&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

  
  <article class="map-card" data-origin="Newport">
    <h3>From Newport</h3>
    <p>25–35 min. drive</p>
    <p>35–45 min. public transport</p>
    <iframe class="map-frame" loading="lazy" title="Newport map"
      src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d79453.82095959476!2d-3.180359961136832!3d51.51446526776975!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e3!4m5!1s0x4871e6cc215dedb5%3A0x4e9b7d9ee074b1bc!2sNewport%2C%20South%20Wales)%20station%2C%20High%20St%2C%20Newport%20NP20%204AX!3m2!1d51.5887021!2d-3.0011421!4m5!1s0x486e038e2839984d%3A0xebce31fe72e07fb5!2sBespoke%20Aura%2C%20Willcox%20House%2C%20Dunleavy%20Dr%2C%20Cardiff%20CF11%200BA!3m2!1d51.4526775!2d-3.1870610999999998!5e0!3m2!1sen!2suk"></iframe>
    <div class="map-actions">
      <a target="_blank" rel="noopener"
         href="https://www.google.com/maps/dir/?api=1&origin=Newport&destination=Bespoke+Aura+Willcox+House+Dunleavy+Dr+Cardiff+CF11+0BA&travelmode=transit">
         GET DIRECTIONS
      </a>
    </div>
  </article>

</main>

</body>
</html>

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.

