{% load static %}

<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="{% static 'images/favicon.png' %}" rel="shortcut icon" type="image/x-icon" />

{#-- SEO Meta Tags --#}
<meta name="description" content="{{ seo_description|default:'TPSCheck.uk - Instantly verify UK phone numbers against TPS and CTPS registers. Real-time API for telemarketing compliance. Free trial, no credit card required.' }}" />
<meta name="keywords" content="TPS check, CTPS check, telephone preference service, UK phone verification, telemarketing compliance, phone number API, TPS register, cold calling compliance" />
<meta name="author" content="TPSCheck.uk" />
<meta name="robots" content="index, follow" />

{#-- Canonical URL --#}
<link rel="canonical" href="{{ seo_canonical|default:request.build_absolute_uri }}" />

{#-- Hreflang for UK English --#}
<link rel="alternate" hreflang="en-GB" href="{{ seo_canonical|default:request.build_absolute_uri }}" />
<link rel="alternate" hreflang="x-default" href="{{ seo_canonical|default:request.build_absolute_uri }}" />

{#-- Open Graph Tags --#}
<meta property="og:type" content="{{ seo_og_type|default:'website' }}" />
<meta property="og:site_name" content="TPSCheck.uk" />
<meta property="og:title" content="{{ seo_title|default:'TPSCheck.uk | TPS and CTPS Register Check API' }}" />
<meta property="og:description" content="{{ seo_description|default:'Instantly verify UK phone numbers against TPS and CTPS registers. Real-time API for telemarketing compliance.' }}" />
<meta property="og:url" content="{{ seo_canonical|default:request.build_absolute_uri }}" />
<meta property="og:image" content="{% static 'images/webclip.png' %}" />
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta property="og:locale" content="en_GB" />

{#-- Twitter Card Tags --#}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ seo_title|default:'TPSCheck.uk | TPS and CTPS Register Check API' }}" />
<meta name="twitter:description" content="{{ seo_description|default:'Instantly verify UK phone numbers against TPS and CTPS registers. Real-time API for telemarketing compliance.' }}" />
<meta name="twitter:image" content="{% static 'images/webclip.png' %}" />

{#-- JSON-LD Organization Schema (Global) --#}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "TPSCheck.uk",
  "url": "https://tpscheck.uk",
  "logo": "https://tpscheck.uk/static/images/logo-tpscheck.svg",
  "description": "Real-time TPS/CTPS verification API for UK businesses. Stay compliant with telemarketing regulations.",
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "support@tpscheck.uk",
    "contactType": "customer service",
    "availableLanguage": "English"
  },
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Stapeley House, London Rd, Stapeley",
    "addressLocality": "Nantwich",
    "postalCode": "CW5 7JW",
    "addressCountry": "GB"
  }
}
</script>

{#-- Preload Critical Assets for LCP --#}
<link rel="preload" href="{% static 'images/logo-tpscheck.svg' %}" as="image" type="image/svg+xml" />
<link rel="preload" href="{% static 'css/design-tokens.css' %}" as="style" />

{#-- Design System - Core --#}
<link href="{% static 'css/design-tokens.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/components.css' %}" rel="stylesheet" type="text/css" />
{#-- Legacy styles (gradual deprecation) --#}
<link href="{% static 'css/normalize.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/webflow.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/tpscheck.webflow.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/tpscheck-improvements.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/hero-modern.css' %}" rel="stylesheet" type="text/css" />
{#-- Premium Polish - Load last to override all other styles --#}
<link href="{% static 'css/premium-polish.css' %}?v=5" rel="stylesheet" type="text/css" />
<style nonce="{{ request.csp_nonce }}">
    /* Nav underline closer to text */
    .nav-link::after {
        bottom: 4px !important;
    }
</style>
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">

{#-- Start cookie --#}
<script nonce="{{ request.csp_nonce }}" type="text/javascript" src="https://app.getterms.io/cookie-consent/embed/84d5034a-16de-42bc-891e-b345a38ad608/en-au"></script>

<script nonce="{{ request.csp_nonce }}" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<script nonce="{{ request.csp_nonce }}" src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>

{# Load jQuery first #}
<script nonce="{{ request.csp_nonce }}" src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
{# Then load Popper.js #}
<script nonce="{{ request.csp_nonce }}" src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
{# Lastly, load Bootstrap JS #}
<script nonce="{{ request.csp_nonce }}" src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<script nonce="{{ request.csp_nonce }}" src="https://kit.fontawesome.com/25e701a518.js" crossorigin="anonymous"></script>
<style>
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
</style>