<title><%= seo.title %></title>

  <meta name="description" content="<%= seo.description %>">
  <meta name="keywords" content="<%= seo.keywords.join(', ') %>">
  <meta name="author" content="<%= seo.author %>">
  <link rel="canonical" href="<%= seo.public_url %>/">
  <meta property="og:url" content="<%= seo.public_url %>/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<%= seo.ogTitle %>">
<meta property="og:description" content="<%= seo.ogDescription %>">
<meta property="og:image" content="<%= seo.public_url %>/seo-image/og-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="<%= seo.public_url %>/" />
<meta property="twitter:domain" content="<%= seo.public_url.split('://')[1] %>/" />
<meta name="twitter:title" content="<%= seo.twitterTitle %>">
<meta name="twitter:description" content="<%= seo.twitterDescription %>">
<meta name="twitter:image" content="<%= seo.public_url %>/seo-image/twitter-image.jpg">
<% if(seo.metaTags.length){ %>
<% seo.metaTags.forEach((obj, i)=>{ %>
<meta <%=obj.key %>="<%= obj.key_value %>" <%= obj.property %>="<%= obj.property_value %>">
<% }) %>
<% } %>
<link
id="theme-link"
rel="stylesheet"
href="/themes/<%= theme.name %>/theme.css"
/>
<style>
  html{
    font-size: <%= Number(theme?.scale || 16) %>px;
  }
</style>
<script>
  window.rple = <%= theme?.ripple || false %>;
  window.inptStle = "<%= theme?.inputStyle || 'outlined' %>"
</script>