@section('meta_description', 'Professional car window tinting in Hamilton. Improve privacy, reduce heat and glare, block harmful UV rays and enhance your vehicle's comfort and appearance with quality window tint.')

@section('content')
    <section class="services-banner hero" id="service" style="background-image: url(images/car-window-tinting-hamilton-nz.webp);">
      <div class="container">
        <div class="services">
          <div class="hero-content">
            <h1 class="hero-title">Window Tinting Hamilton</h1>
            <p class="lead-sub mt-3 mb-4">Upgrade your vehicle's comfort, privacy and appearance with professional car window tinting in Hamilton.</p>
          </div>
        </div>
      </div>
    </section>
    <!-- ===== PPF ===== -->
    <section class="get-cars-wash section-padding ppf">
      <div class="container">
        <div class="row">
          <!-- LEFT -->
          <div class="col-md-6 mt-4">
            <h2 class="section-title">Professional Window Tinting</h2>
            <p>Window Tinting involves applying a premium film to your vehicle’s windows to improve comfort, privacy, and style. Quality window tint helps reduce heat and glare, blocks harmful UV rays, and keeps your car cooler during hot weather. It also enhances the overall appearance of your vehicle while adding an extra layer of interior protection and driving comfort.</p>
          </div>

          <!-- RIGHT -->
          <div class="col-md-6">
            <!-- Replace src with your actual image URL -->
            <img class="car-image" src="images/window-tinting-hamilton.jpg" alt="Window Tinting Hamilton"
              onerror="this.style.display='none'; document.getElementById('ph').style.display='block';" />
            <div class="car-image-placeholder" id="ph" style="display:none;"></div>
          </div>

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

    <!-- =====Service section ======-->
    <section class="section service_section" id="services">
      <div class="container">
        <div class="mb-4">
          <h2 class="section-title">Window Tinting Packages</h2>
        </div>
        <div class="row g-4">
          <div class="col-lg-4 col-md-6">
            <div class="pkg small" style="background-image:url('images/package/essential-window-tint-package.webp')">
              <div class="overlay"></div>
              <div class="content">
                <div class="txt">
                  <span>
                    <h3>Essential Tint</h3>
                    <p>High-quality nano carbon film installed for a sleek finish.</p>
                    <a href="window-tinting-packages">View Full Package <svg width="18" height="12" viewBox="0 0 21 15" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M20.7071 8.07136C21.0976 7.68084 21.0976 7.04768 20.7071 6.65715L14.3431 0.29319C13.9526 -0.0973344 13.3195 -0.0973344 12.9289 0.29319C12.5384 0.683714 12.5384 1.31688 12.9289 1.7074L18.5858 7.36426L12.9289 13.0211C12.5384 13.4116 12.5384 14.0448 12.9289 14.4353C13.3195 14.8259 13.9526 14.8259 14.3431 14.4353L20.7071 8.07136ZM0 7.36426V8.36426H20V7.36426V6.36426H0V7.36426Z"
                          fill="#FE4C1C" />
                      </svg>
                    </a>
                  </span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="pkg small" style="background-image:url('images/package/advanced-nano-ceramic-window-tint-package.webp')">
              <div class="overlay"></div>
              <div class="content">
                <div class="txt">
                  <span>
                    <h3>Advanced Nano Carbon Tint</h3>
                    <p>High-performance nano ceramic film designed for enhanced clarity.</p>
                    <a href="window-tinting-packages">View Full Package <svg width="18" height="12" viewBox="0 0 21 15" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M20.7071 8.07136C21.0976 7.68084 21.0976 7.04768 20.7071 6.65715L14.3431 0.29319C13.9526 -0.0973344 13.3195 -0.0973344 12.9289 0.29319C12.5384 0.683714 12.5384 1.31688 12.9289 1.7074L18.5858 7.36426L12.9289 13.0211C12.5384 13.4116 12.5384 14.0448 12.9289 14.4353C13.3195 14.8259 13.9526 14.8259 14.3431 14.4353L20.7071 8.07136ZM0 7.36426V8.36426H20V7.36426V6.36426H0V7.36426Z"
                          fill="#FE4C1C" />
                      </svg>
                    </a>
                  </span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="pkg small"
              style="background-image:url('images/package/elite-nano-ceramic-window-tint-package.webp')">
              <div class="overlay"></div>
              <div class="content">
                <div class="txt">
                  <span>
                    <h3>Elite Nano Ceramic Tint</h3>
                    <p>Industry-leading ceramic film delivering superior durability.</p>
                    <a href="window-tinting-packages">View Full Package <svg width="18" height="12" viewBox="0 0 21 15" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M20.7071 8.07136C21.0976 7.68084 21.0976 7.04768 20.7071 6.65715L14.3431 0.29319C13.9526 -0.0973344 13.3195 -0.0973344 12.9289 0.29319C12.5384 0.683714 12.5384 1.31688 12.9289 1.7074L18.5858 7.36426L12.9289 13.0211C12.5384 13.4116 12.5384 14.0448 12.9289 14.4353C13.3195 14.8259 13.9526 14.8259 14.3431 14.4353L20.7071 8.07136ZM0 7.36426V8.36426H20V7.36426V6.36426H0V7.36426Z"
                          fill="#FE4C1C" />
                      </svg>
                    </a>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ===== Service section end ====== -->
    <!-- ================= WINDOW TINTING CTA ================= -->
    <section class="cta-band" style="background-image: url(images/car-window-tinting-hamilton-nz.webp);">
      <div class="container">
        <h2 class="mb-4">For professional window tinting in Hamilton, book window tinting service with us.</h2>
        <div class="d-flex flex-wrap gap-4 mb-4">
          <div class="cta-point"><span class="dot-check">✓</span>Ceramic Coating</div>
          <div class="cta-point"><span class="dot-check">✓</span>Paint Protection Film (PPF)</div>
          <div class="cta-point"><span class="dot-check">✓</span>Window Tinting</div>
        </div>
        <a href="make-booking" class="btn btn-book">Book a Service Now</a>
      </div>
    </section>
@endsection


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

<head>
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KPBBK9D');</script>
  <!-- End Google Tag Manager -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Shine On Car Wash – Premium automotive detailing and Paint Protection Services for the discerning driver.">
  <title>Window Tinting Hamilton | Car Window Tinting | Shine On Car Wash</title>
<link rel="shortcut icon" href="https://shineoncarwash.co.nz/images/favicon.ico" />
<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=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://shineoncarwash.co.nz/css/style.css">
</head>

<body>

  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPBBK9D" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <header class="site-header" id="site-header">
    <div class="container header-inner">
      <a href="/" class="logo" aria-label="Shine On Car Wash home">
        <span class="logo-icon" aria-hidden="true">
          <img src="https://shineoncarwash.co.nz/images/shine-on-car-wash-grooming-specialist-logo.webp" alt="Shine On Car Wash & Grooming Specialist Hamilton Logo">
        </span>
      </a>

      <button type="button" class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-controls="main-nav"
        aria-label="Toggle navigation menu">
        <span class="nav-toggle-bar"></span>
        <span class="nav-toggle-bar"></span>
        <span class="nav-toggle-bar"></span>
      </button>

      <nav class="main-nav" id="main-nav" aria-label="Main navigation">
        <!-- A. Menu Header (Mobile) -->
        <div class="drawer-header">
          <a href="/" class="logo" aria-label="Shine On Car Wash home">
            <span class="logo-icon" aria-hidden="true">
              <img src="https://shineoncarwash.co.nz/images/shine-on-car-wash-grooming-specialist-logo.webp" alt="Shine On Car Wash & Grooming Specialist Hamilton Logo">
            </span>
          </a>
        </div>

        <!-- B. Scrollable Navigation Content -->
        <ul class="nav-list">
          <!-- Services dropdown -->
          <li class="has-dropdown">
            <a href="https://shineoncarwash.co.nz/services" class="dd-toggle" aria-haspopup="true" aria-expanded="false">
              Services <span class="dd-caret" aria-hidden="true">
                <svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071Z"
                    fill="#fff" />
                </svg>
              </span>
            </a>
            <ul class="submenu">
              <li><a href="https://shineoncarwash.co.nz/corporate-commercial-fleet-solutions-services">Corporate & Commercial Fleet Solutions Services</a></li>
              <li><a href="https://shineoncarwash.co.nz/paint-protection-film-services">Paint Protection Film (PPF) Services</a></li>
              <li><a href="https://shineoncarwash.co.nz/paint-correction-services">Paint Correction Services</a></li>
              <li><a href="https://shineoncarwash.co.nz/ceramic-coating-services">Ceramic Coating Services</a></li>
              <li><a href="https://shineoncarwash.co.nz/window-tinting-services">Window Tinting Services</a></li>
              <li><a href="https://shineoncarwash.co.nz/car-detailing-services">Car Detailing Services</a></li>
            </ul>
          </li>
          <li class="has-dropdown">
            <a href="javascript:void(0)" class="dd-toggle" aria-haspopup="true" aria-expanded="false">
              Packages<span class="dd-caret" aria-hidden="true">
                <svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071Z"
                    fill="#fff" />
                </svg>
              </span>
            </a>
            <ul class="submenu">
              <li><a href="https://shineoncarwash.co.nz/paint-protection-film-packages">Paint Protection Film Packages</a></li>
              <li><a href="https://shineoncarwash.co.nz/paint-correction-packages">Paint Correction Packages</a></li>
              <li><a href="https://shineoncarwash.co.nz/ceramic-coating-packages">Ceramic coating Packages</a></li>
              <li><a href="https://shineoncarwash.co.nz/window-tinting-packages">Window Tinting Packages</a></li>
              <li><a href="https://shineoncarwash.co.nz/car-detailing-packages">Car Detailing Packages</a></li>
            </ul>
          </li>
          <li><a href="https://shineoncarwash.co.nz/gallery">Gallery</a></li>
          <!--<li><a href="#membership">Membership</a></li>-->
          <li><a href="https://shineoncarwash.co.nz/contact-us">Contact</a></li>
        </ul>

        <!-- C. Persistent CTA Footer -->
        <div class="drawer-footer">
          <a href="https://shineoncarwash.co.nz/make-booking" class="btn btn-primary btn-book-nav">Book Now</a>
        </div>
      </nav>

      <div class="nav-overlay" id="nav-overlay" aria-hidden="true"></div>
    </div>
  </header>

  <main>
  </main>

  <footer id="footer" class="section-padding pb-0">
    <div class="container">
      <div class="footer-grid">
        <div class="divider">
          <div class="footer-col nav-col">
            <h4>Navigation</h4>
            <a href="/">Home</a>
            <!--<a href="#">About us</a>-->
            <a href="https://shineoncarwash.co.nz/services">Services</a>
            <a href="https://shineoncarwash.co.nz/blog">Our Blog</a>
          </div>
          <div class="footer-col reso-col">
            <h4>Resources</h4>
            <a href="https://shineoncarwash.co.nz/contact-us">Support</a>
            <a href="https://shineoncarwash.co.nz/contact-us">Career</a>
            <a href="https://shineoncarwash.co.nz/faqs">FAQ's</a>
          </div>
        </div>

        <div class="divider">
          <div class="footer-col add-col">
            <h4>Office Address</h4>
            <p>7 West Street, Frankton<br>Hamilton, NZ 3204</p>
            <h4 class="section-gap">Contact</h4>
            <a href="tel:+6421 138 3621">+6421 138 3621</a>
            <a href="mailto:info@shineoncarwash.co.nz">info@shineoncarwash.co.nz</a>
          </div>
          <div class="footer-col det-col">
            <h4>Opening Hours</h4>
            <p>Mon–Sat: 8:00am – 5:30pm</p>
            <p>Sunday: Closed</p>
          </div>
        </div>

      </div>
    </div>
    <hr class="footer-divider">
    <div class="container">
      <div class="footer-bottom">
        <p>© 2026 <a href="/">Shine On Car Wash & Grooming Specialist</a> – All right reserved.</p>
      </div>
    </div>
  </footer>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://shineoncarwash.co.nz/js/main.js" defer></script>
  <script src="js/include-common.js" defer></script>
</body>
</html>