<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="/" />
    
    <!-- Critical Preconnects - Establish early connections -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://cdn.gpteng.co" />
    <link rel="dns-prefetch" href="https://r2.leadsy.ai" />
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/hsi-favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="/hsi-favicon.ico" />
    
    <!-- CRITICAL: All SEO meta tags managed by react-helmet-async per page -->
    <!-- data-rh="true" allows react-helmet to properly override these tags -->
    <title data-rh="true"></title>
    <meta name="description" content="" data-rh="true" />
    <meta name="keywords" content="" data-rh="true" />
    <meta property="og:title" content="" data-rh="true" />
    <meta property="og:description" content="" data-rh="true" />
    <meta property="og:image" content="" data-rh="true" />
    <meta property="og:type" content="" data-rh="true" />
    <meta property="og:url" content="" data-rh="true" />
    <meta name="twitter:card" content="" data-rh="true" />
    <meta name="twitter:title" content="" data-rh="true" />
    <meta name="twitter:description" content="" data-rh="true" />
    <meta name="twitter:image" content="" data-rh="true" />
    <meta name="robots" content="" data-rh="true" />
    <link rel="canonical" href="" data-rh="true" />
    <!-- IMPORTANT: hreflang tags are ONLY generated by SEO.tsx per-page -->
    <!-- Do NOT add any hreflang link tags here - they cause duplicate conflicts -->
    <meta name="author" content="Harley Street Institute" />
    
    <!-- Critical CSS for above-the-fold content - inline to avoid render blocking -->
    <style>
      /* Critical CSS for initial render */
      *,*::before,*::after{box-sizing:border-box}
      html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
      body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0A1121;color:#fff}
      #root{min-height:100vh}
      /* Loading state skeleton */
      .loading-skeleton{background:linear-gradient(90deg,#1a1a2e 25%,#252540 50%,#1a1a2e 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
      @keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
    </style>
    
    <!-- Google Analytics - Defer loading for performance -->
    <script>
      // Defer GA loading until after page load
      window.addEventListener('load', function() {
        setTimeout(function() {
          var script = document.createElement('script');
          script.src = 'https://www.googletagmanager.com/gtag/js?id=G-3G2N0ZPCMW';
          script.async = true;
          document.head.appendChild(script);
          script.onload = function() {
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            window.gtag = gtag;
            gtag('js', new Date());
            gtag('config', 'G-3G2N0ZPCMW', { 'send_page_view': true });
          };
        }, 100);
      });
    </script>
    <script type="module" crossorigin src="/assets/index-DWsmw6d9.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-J7dtqtBe.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-YO640K6c.js">
    <link rel="modulepreload" crossorigin href="/assets/radix-ui-BxrPl6VH.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-icons-D5Sk4Z9-.js">
    <link rel="modulepreload" crossorigin href="/assets/tanstack-BoiYQ_Y0.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CNI4xmWh.css">
  </head>
  <body>
    <!-- Main Content -->
    <div id="root"></div>
    
    <!-- Script for main application - module for tree shaking -->
    
    <!-- Defer third-party scripts -->
    <script>
      // Load non-critical scripts after page is interactive
      if ('requestIdleCallback' in window) {
        requestIdleCallback(function() {
          var s = document.createElement('script');
          s.src = 'https://cdn.gpteng.co/gptengineer.js';
          s.type = 'module';
          document.body.appendChild(s);
        }, { timeout: 3000 });
      } else {
        window.addEventListener('load', function() {
          setTimeout(function() {
            var s = document.createElement('script');
            s.src = 'https://cdn.gpteng.co/gptengineer.js';
            s.type = 'module';
            document.body.appendChild(s);
          }, 1000);
        });
      }
    </script>

    <!-- Comprehensive Noscript Content for SEO Crawlers -->
    <!-- IMPORTANT: Use role="heading" instead of h1 to avoid duplicate H1 with page content -->
    <noscript>
      <div style="max-width: 1200px; margin: 0 auto; padding: 2rem; font-family: Georgia, serif; line-height: 1.8;">
        <header style="margin-bottom: 2rem;">
          <div role="heading" aria-level="1" style="font-size: 2rem; font-weight: bold; margin-bottom: 1rem;">Harley Street Institute - Medical Aesthetics Training London</div>
          <p>Premium aesthetic courses for doctors, nurses, dentists, and medical professionals. Learn Botox, dermal fillers, and advanced injection techniques at London's leading training institute.</p>
        </header>
        
        <nav style="margin-bottom: 2rem;">
          <a href="/">Home</a> | 
          <a href="/aesthetic-courses/">Aesthetic Courses</a> | 
          <a href="/foundation-botox-and-dermal-fillers-training-course/">Foundation Course</a> | 
          <a href="/advanced-botox-and-dermal-fillers-course/">Advanced Course</a> | 
          <a href="/fellowship-aesthetic-medicine/">Fellowship</a> | 
          <a href="/blog">Blog</a> | 
          <a href="/journal">Journal</a> | 
          <a href="/contact-us">Contact</a>
        </nav>

        <main>
          <section style="margin-bottom: 2rem;">
            <h2>Why Choose Harley Street Institute?</h2>
            <p>Harley Street Institute is the UK's leading provider of aesthetic medicine training. We offer comprehensive courses for medical professionals at all levels. Our training is hands-on and practical. You will learn from experienced practitioners who work in clinical settings daily.</p>
            <p>Our courses are CPD accredited. They are taught at our Harley Street location in central London. We also offer online learning options for theoretical components.</p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Foundation Botox and Dermal Fillers Course</h2>
            <p>Our Foundation course is perfect for beginners. It is a 2-day practical training programme. You will learn basic injection techniques. You will understand facial anatomy for aesthetic procedures. The course covers both Botox and dermal filler treatments.</p>
            <p>Price: £1,500 + VAT. Includes all materials and live model practice. Certificate awarded upon completion.</p>
            <p><a href="/foundation-botox-and-dermal-fillers-training-course/">Learn more about Foundation Course</a></p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Advanced Botox and Dermal Fillers Course</h2>
            <p>The Advanced course builds on foundation skills. It is a 3-day intensive programme. You will learn advanced techniques. These include cannula work, complex facial contouring, and complication management.</p>
            <p>Price: £2,500 + VAT. Includes advanced practical sessions and certification.</p>
            <p><a href="/advanced-botox-and-dermal-fillers-course/">Learn more about Advanced Course</a></p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Fellowship in Aesthetic Medicine</h2>
            <p>Our Fellowship is the most comprehensive programme we offer. It covers all aspects of aesthetic medicine. You will gain expertise in injectables, skin treatments, and business development.</p>
            <p>Price: £14,400 + VAT. Includes lifetime post-course support and mentorship.</p>
            <p><a href="/fellowship-aesthetic-medicine/">Learn more about Fellowship</a></p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Aesthetic Anatomy Philosophy</h2>
            <p>At Harley Street Institute, we teach aesthetic anatomy differently. Our philosophy focuses on layers, not lines. We teach planes, not pages. This depth-based approach makes injection safer and more effective.</p>
            <p>Traditional anatomy is designed for surgeons. Aesthetic Anatomy is designed for injectors. You will learn to navigate facial structures safely. You will understand depth rather than just memorise maps.</p>
            <p>Every millimetre beneath the skin tells a different story. The epidermis speaks of texture. The dermis holds the architecture of youth. The subcutaneous layer determines contour. At the periosteal level, we find the foundation of beauty.</p>
            <p><a href="/blog/aesthetic-talk/aesthetic-anatomy-philosophy">Read our Aesthetic Anatomy Philosophy</a></p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Aesthetic Talk Blog Series</h2>
            <p>Aesthetic Talk is our educational blog series. It covers injection skills, anatomy, and practice building. Each chapter provides practical insights for practitioners.</p>
            <p>Topics include facial anatomy layers, choosing clients ethically, treatment protocols, and business development. The series is written by Dr Ahmed Haq, our Medical Director.</p>
            <p><a href="/aesthetic-talk-philosophy">Explore Aesthetic Talk Series</a></p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Course Information</h2>
            <h3>Who Can Attend?</h3>
            <p>Our courses are open to medical professionals. This includes doctors, nurses, dentists, pharmacists, and paramedics. You must hold appropriate professional registration.</p>
            
            <h3>Course Format</h3>
            <p>All courses include theoretical and practical components. Theory is delivered via online pre-learning. Practical training takes place at our London clinic. You will work on live models under supervision.</p>
            
            <h3>What You Will Learn</h3>
            <ul>
              <li>Facial anatomy for aesthetic procedures</li>
              <li>Patient consultation and assessment</li>
              <li>Injection techniques with needle and cannula</li>
              <li>Product selection and placement</li>
              <li>Complication management</li>
              <li>Business and marketing fundamentals</li>
            </ul>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>Location and Contact</h2>
            <p>Harley Street Institute is located in the heart of London's medical district. Our address is Harley Street, London, United Kingdom.</p>
            <p>Contact us by email or phone. We are happy to answer questions about our courses. We can help you choose the right training path for your career.</p>
            <p><a href="/contact-us">Contact Harley Street Institute</a></p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2>About Dr Ahmed Haq</h2>
            <p>Dr Ahmed Haq is the founder and Medical Director of Harley Street Institute. He has treated over 25,000 patients. He has trained hundreds of practitioners in aesthetic medicine.</p>
            <p>His teaching philosophy emphasises safety and artistry. He believes in teaching through layers and depth. This approach creates confident, skilled injectors.</p>
            <p><a href="/about-us">Learn more about our team</a></p>
          </section>
        </main>

        <footer style="border-top: 1px solid #ddd; padding-top: 2rem; margin-top: 2rem;">
          <p>© 2025 Harley Street Institute. All rights reserved.</p>
          <p>Aesthetic medicine training for medical professionals in London, UK.</p>
          <nav>
            <a href="/">Home</a> | 
            <a href="/aesthetic-courses/">Courses</a> | 
            <a href="/blog">Blog</a> | 
            <a href="/about-us">About</a> | 
            <a href="/contact-us">Contact</a>
          </nav>
        </footer>
      </div>
    </noscript>
  </body>
</html>
