<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{% if title %}{{ title }} | HER{% else %}{{ site.shortName }}{% endif %}</title>

  {% if description %}
  <meta name="description" content="{{ description }}">
  {% endif %}

  <link rel="canonical" href="{{ site.url }}{{ page.url }}">

  {# Open Graph #}
  <meta property="og:title" content="{% if title %}{{ title }} | HER{% else %}{{ site.shortName }}{% endif %}">
  {% if description %}<meta property="og:description" content="{{ description }}">{% endif %}
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{ site.url }}{{ page.url }}">
  <meta property="og:image" content="{{ site.url }}{% if ogImage %}/assets/{{ ogImage }}{% else %}{{ site.defaultOgImage }}{% endif %}">

  {# Twitter Card #}
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="{% if title %}{{ title }} | HER{% else %}{{ site.shortName }}{% endif %}">
  {% if description %}<meta name="twitter:description" content="{{ description }}">{% endif %}
  <meta name="twitter:image" content="{{ site.url }}{% if ogImage %}/assets/{{ ogImage }}{% else %}{{ site.defaultOgImage }}{% endif %}">

  {# Google Fonts #}
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600&display=swap">

  <link rel="stylesheet" href="{{ rootPath }}css/main.css">

  {# Page-specific schema (e.g. Service schema passed via frontmatter) #}
  {% if schema %}
  {{ schema | safe }}
  {% endif %}

  {# LocalBusiness JSON-LD (always included) #}
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "@id": "https://her-sf.com/#business",
    "name": "Home Enhancement and Renovation — HER",
    "url": "https://her-sf.com",
    "telephone": "+16508339380",
    "email": "diana@spotlighthis.com",
    "image": "https://her-sf.com/assets/diana_photo-min-1-scaled.webp",
    "priceRange": "$$",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "San Francisco",
      "addressRegion": "CA",
      "addressCountry": "US"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 37.7749,
      "longitude": -122.4194
    },
    "areaServed": [
      "San Francisco", "Oakland", "Berkeley", "San Jose", "Palo Alto",
      "Marin County", "Tiburon", "Sausalito", "Daly City",
      "South San Francisco", "Burlingame", "San Mateo", "Redwood City",
      "Menlo Park", "Fremont", "Alameda"
    ]
  }
  </script>
</head>
<body>

  {% include "components/nav.njk" %}

  <main id="main-content">
    {{ content | safe }}
  </main>

  {% include "components/footer.njk" %}

  <script src="{{ rootPath }}js/main.js" defer></script>
</body>
</html>
