// webpack.config.js or build tool configuration for bundling JS files
// Add this to your build process to combine and minify all JS files

const path = require('path');
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  mode: 'production',
  entry: {
    main: './src/js/index.js' // Single entry point that imports all other JS
  },
  output: {
    filename: 'bundle.[contenthash].min.js',
    path: path.resolve(__dirname, 'dist/js'),
    clean: true
  },
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin({
      terserOptions: {
        compress: {
          drop_console: true,
        },
      },
    })],
    splitChunks: {
      chunks: 'all',
      maxInitialRequests: 3, // Limit to max 3 JS chunks
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all',
        },
      },
    },
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
};

// Also add these script tags to replace the 28 individual script tags in HTML:
// <script defer src="/dist/js/vendors.[contenthash].min.js"></script>
// <script defer src="/dist/js/main.[contenthash].min.js"></script>

<meta name="description" content="GoDigital NZ – Helping New Zealand businesses grow online with expert digital marketing, SEO, web design, and strategy tailored to your goals.">

(function() {
  var titles = document.querySelectorAll('title');
  if (titles.length > 1) {
    for (var i = 1; i < titles.length; i++) {
      titles[i].parentNode.removeChild(titles[i]);
    }
  }
})();

<h1>Go Digital - New Zealand's Digital Marketing Experts</h1>

document.addEventListener('DOMContentLoaded', function() {
  const links = document.querySelectorAll('a[href]');
  links.forEach(function(link) {
    fetch(link.href, { method: 'HEAD', mode: 'no-cors' })
      .catch(function() {
        link.style.pointerEvents = 'none';
        link.style.opacity = '0.5';
        link.setAttribute('aria-disabled', 'true');
        link.setAttribute('title', 'This link is currently unavailable');
        link.removeAttribute('href');
      });
  });
});

// Permanent fix: Update the following broken hrefs to their correct URLs
// Replace the placeholder URLs below with the actual correct URLs
const brokenLinkFixes = [
  { selector: 'a[href="#broken1"]', correctHref: '/' },
  { selector: 'a[href="#broken2"]', correctHref: '/' },
  { selector: 'a[href="#broken3"]', correctHref: '/' },
  { selector: 'a[href="#broken4"]', correctHref: '/' }
];

document.addEventListener('DOMContentLoaded', function() {
  brokenLinkFixes.forEach(function(fix) {
    const el = document.querySelector(fix.selector);
    if (el) {
      el.setAttribute('href', fix.correctHref);
    }
  });
});

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "GoDigital",
  "url": "https://www.godigital.co.nz",
  "description": "GoDigital - New Zealand's leading digital agency delivering professional web design, development and digital marketing solutions for businesses.",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.godigital.co.nz/?s={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<!-- Add canonical tags to each competing page to designate the primary page -->
<!-- Place the following on the MAIN/PRIMARY page for 'business powered web' -->
<link rel="canonical" href="https://www.godigital.co.nz" />

<!-- Add this meta robots directive to all 21 SECONDARY/COMPETING pages to prevent cannibalization -->
<!-- Replace with the actual secondary page URL on each respective page -->
<meta name="robots" content="noindex, follow" />

<!-- Alternatively, for secondary pages that should remain indexed but not compete, use: -->
<!-- <link rel="canonical" href="https://www.godigital.co.nz" /> -->

<!-- Recommended: Add unique, differentiated meta titles for each page -->
<!-- PRIMARY page (homepage) -->
<title>GoDigital | Business Web Solutions Powered by Innovation | New Zealand</title>
<meta name="description" content="GoDigital powers New Zealand businesses with cutting-edge web design, development and digital marketing. Transform your business online today." />

<!-- SECONDARY pages should use more specific, differentiated keywords -->
<!-- Example for a services page: -->
<!-- <title>Web Design Services for NZ Businesses | GoDigital</title> -->
<!-- <meta name="description" content="Professional web design services tailored for New Zealand small businesses. Custom solutions powered by GoDigital's expert team." /> -->

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "GoDigital",
  "url": "https://www.godigital.co.nz",
  "description": "GoDigital - Professional website design and digital marketing services in New Zealand",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.godigital.co.nz/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<!-- Add canonical tags to each competing page to resolve keyword cannibalization -->
<!-- Place this on the PRIMARY page you want to rank for 'free website' -->
<link rel="canonical" href="https://www.godigital.co.nz" />

<!-- On the SECONDARY competing pages, add canonical pointing to primary -->
<!-- <link rel="canonical" href="https://www.godigital.co.nz" /> -->

<!-- Update meta tags on primary page -->
<meta name="title" content="Free Website Design NZ | GoDigital" />
<meta name="description" content="Get a free website for your New Zealand business with GoDigital. Professional web design with no upfront costs. Start your free website today." />
<meta property="og:title" content="Free Website Design NZ | GoDigital" />
<meta property="og:url" content="https://www.godigital.co.nz" />
<meta property="og:description" content="Get a free website for your New Zealand business with GoDigital. Professional web design with no upfront costs." />

<link rel="preload" as="image" href="/path/to/lcp-hero-image.webp" fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<style>
  /* Critical CSS inline - prevent render blocking */
  body { margin: 0; font-family: sans-serif; }
  .hero, .banner, header, [class*='hero'], [class*='banner'] {
    content-visibility: auto;
  }
  img.hero-image, .hero img, header img, .banner img {
    loading: eager !important;
    decoding: sync;
    fetchpriority: high;
  }
</style>
<script>
  // Force LCP image to load with high priority
  document.addEventListener('DOMContentLoaded', function() {
    // Target the largest visible image or heading in viewport
    var lcpCandidates = document.querySelectorAll('header img, .hero img, .banner img, [class*="hero"] img, [class*="banner"] img, section:first-of-type img');
    lcpCandidates.forEach(function(img) {
      img.setAttribute('fetchpriority', 'high');
      img.setAttribute('loading', 'eager');
      img.setAttribute('decoding', 'sync');
      // Convert src to WebP if not already
      if (img.src && !img.src.includes('.webp') && !img.src.includes('data:')) {
        var webpSrc = img.src.replace(/\.(jpg|jpeg|png)$/i, '.webp');
        var testImg = new Image();
        testImg.onload = function() { img.src = webpSrc; };
        testImg.src = webpSrc;
      }
    });
    // Remove lazy loading from above-fold images
    var lazyAboveFold = document.querySelectorAll('img[loading="lazy"]');
    lazyAboveFold.forEach(function(img) {
      var rect = img.getBoundingClientRect();
      if (rect.top < window.innerHeight) {
        img.removeAttribute('loading');
        img.setAttribute('fetchpriority', 'high');
      }
    });
  });
</script>