@props([
    'title' => 'Apex Pavers & Pools',
    'description' =>
        'Custom design and installation services for high-quality pools and pavers. Transform your outdoor space into a luxury paradise.',
    'keywords' => 'pools, pavers, pool design, pool builder, luxury pools, outdoor pavers, Apex Pavers, Florida',
    'ogTitle' => null,
    'ogType' => null,
    'ogDescription' => null,
    'ogImage' => '/images/pools/1.jpg',
    'isHome' => false,
    'canonicalUrl' => url()->current(),
])
@php
  $titleCompleted = $title . ($isHome ? '' : ' | Apex Pavers & Pools');
@endphp

{{-- Metas --}}
<meta charset="utf-8">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ $titleCompleted }}</title>
<meta name="description" content="{{ $description }}">
<meta name="keywords" content="{{ $keywords }}">
<meta name="author" content="Apex Pavers & Pools">
<meta name="rating" content="general">
<meta name="distribution" content="global">
<meta name="revisit-after" content="3 days">

{{-- Open Graph / Facebook --}}
<meta property="og:site_name"
  content="Apex Pavers & Pools | Custom Pools, Spas & Outdoor Living in the Treasure Coast and South Florida">
<meta property="og:locale" content="en_US">
<meta property="article:publisher" content="https://www.facebook.com/apexpaversandpools">
<meta property="og:type" content="{{ $ogType ?? 'website' }}">
<meta property="og:url" content="{{ url()->current() }}">
<meta property="og:title" content="{{ $ogTitle ?? $titleCompleted }}">
<meta property="og:description" content="{{ $ogDescription ?? $description }}">
<meta property="og:image" content="{{ url($ogImage) }}">

{{-- Twitter --}}
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="{{ url()->current() }}">
<meta property="twitter:title" content="{{ $ogTitle ?? $titleCompleted }}">
<meta property="twitter:description" content="{{ $ogDescription ?? $description }}">
<meta property="twitter:image" content="{{ url($ogImage) }}">
<meta property="twitter:site" content="@apexpaverspools">
<meta property="twitter:creator" content="@apexpaverspools">

{{-- Canonical URL --}}
<link rel="canonical" href="{{ $canonicalUrl }}">

{{-- Favicons --}}
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
<link rel="shortcut icon" href="/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Apex Pavers & Pools" />
<link rel="manifest" href="/favicon/site.webmanifest" />
<!-- Reddit Pixel -->
<script>
  ! function(w, d) {
    if (!w.rdt) {
      var p = w.rdt = function() {
        p.sendEvent ? p.sendEvent.apply(p, arguments) : p.callQueue.push(arguments)
      };
      p.callQueue = [];
      var t = d.createElement("script");
      t.src = "https://www.redditstatic.com/ads/pixel.js", t.async = !0;
      var s = d.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(t, s)
    }
  }(window, document);
  rdt('init', 'a2_ico54doifdnb');
  rdt('track', 'PageVisit');
</script>
<!-- End Reddit Pixel -->
{{-- Google Analytics --}}
<!-- 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-T4Q63CD');
</script>
<!-- End Google Tag Manager -->
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
</script>
{{-- Hotjar Tracking Code --}}
<script>
  (function(h, o, t, j, a, r) {
    h.hj = h.hj || function() {
      (h.hj.q = h.hj.q || []).push(arguments)
    };
    h._hjSettings = {
      hjid: 5313459,
      hjsv: 6
    };
    a = o.getElementsByTagName('head')[0];
    r = o.createElement('script');
    r.async = 1;
    r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
    a.appendChild(r);
  })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
{{-- Microsoft --}}
<script>
  (function(w, d, t, r, u) {
    var f, n, i;
    w[u] = w[u] || [], f = function() {
      var o = {
        ti: "187214681",
        enableAutoSpaTracking: true
      };
      o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad")
    }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() {
      var s = this.readyState;
      s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null)
    }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i)
  })(window, document, "script", "//bat.bing.com/bat.js", "uetq");
  window.uetq = window.uetq || [];

  function microsoftTag() {
    window.uetq.push(arguments);
  }
</script>
{{-- Meta Pixel Code --}}
<script>
  ! function(f, b, e, v, n, t, s) {
    if (f.fbq) return;
    n = f.fbq = function() {
      n.callMethod ?
        n.callMethod.apply(n, arguments) : n.queue.push(arguments)
    };
    if (!f._fbq) f._fbq = n;
    n.push = n;
    n.loaded = !0;
    n.version = '2.0';
    n.queue = [];
    t = b.createElement(e);
    t.async = !0;
    t.src = v;
    s = b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t, s)
  }(window, document, 'script',
    'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '4000682500194898');
  fbq('track', 'PageView');
</script>
{{-- End Meta Pixel Code --}}