<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title><%= meta.title %></title>
<meta name="description" content="<%= meta.description %>" />
<link rel="canonical" href="<%= meta.canonical %>" />
<meta name="theme-color" content="#0b0f19" />

<!-- Open Graph -->
<meta property="og:site_name" content="<%= meta.siteName %>" />
<meta property="og:title" content="<%= meta.title %>" />
<meta property="og:description" content="<%= meta.description %>" />
<meta property="og:type" content="<%= meta.type %>" />
<meta property="og:url" content="<%= meta.canonical %>" />
<meta property="og:image" content="<%= meta.image %>" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="<%= meta.title %>" />
<meta name="twitter:description" content="<%= meta.description %>" />
<meta name="twitter:image" content="<%= meta.image %>" />

<link rel="icon" href="/images/logo.png" type="image/png" />
<link rel="apple-touch-icon" href="/images/logo.png" />

<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=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;800&display=swap" rel="stylesheet" />

<link rel="stylesheet" href="/css/reset.css" />
<link rel="stylesheet" href="/css/variables.css" />
<link rel="stylesheet" href="/css/base.css" />
<link rel="stylesheet" href="/css/components.css" />
<link rel="stylesheet" href="/css/animations.css" />
<link rel="stylesheet" href="/css/pages.css" />
<link rel="stylesheet" href="/css/responsive.css" />

<script type="application/ld+json">
<%- JSON.stringify({
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": meta.siteName,
  "url": meta.siteUrl,
  "logo": `${meta.siteUrl}/images/logo.png`,
  ...(SOCIAL_LINKS.length ? { sameAs: SOCIAL_LINKS } : {})
}) %>
</script>
