<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= brand_name %> — <%= tagline %></title>
<meta name="description" content="<%= meta_description %>">
<meta name="robots" content="index, follow">
<link rel="canonical" href="/<%= lang %>/">
<link rel="alternate" hreflang="id" href="/id/">
<link rel="alternate" hreflang="en" href="/en/">
<link rel="alternate" hreflang="zh" href="/zh/">
<link rel="alternate" hreflang="x-default" href="/id/">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="<%= brand_name %>">
<meta property="og:title" content="<%= brand_name %> — <%= tagline %>">
<meta property="og:description" content="<%= meta_description %>">
<meta property="og:locale" content="<%= lang === 'id' ? 'id_ID' : (lang === 'zh' ? 'zh_CN' : 'en_US') %>">
<meta name="twitter:card" content="summary_large_image">

<link rel="icon" href="/img/favicon.svg" type="image/svg+xml">
<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=Fraunces:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "<%= company_name %>",
  "alternateName": "<%= brand_name %>",
  "description": "<%= meta_description %>",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "<%= address %>",
    "addressCountry": "ID"
  },
  "telephone": "<%= phone_1 %>",
  "url": "https://<%= website %>",
  "areaServed": [<%- coverage.map(c => `"${c}"`).join(',') %>]
}
</script>
