t!DOCTYPE html>
thtml lang="en">
thead>
  tmeta charset="utf-8">
  tmeta name="viewport" content="width=device-width,initial-scale=1">
  ttitle>Discover — Matt & Cot/title>
  tlink rel="icon" type="image/svg+xml" href="assets/images/ui/icon.svg">
  tlink rel="preconnect" href="https://fonts.googleapis.com">
  tlink rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  tlink href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&display=swap" rel="stylesheet">
  tlink rel="stylesheet" href="assets/css/tokens.css">
  tlink rel="stylesheet" href="assets/css/base.css">
  tlink rel="stylesheet" href="assets/css/layout.css">
  tlink rel="stylesheet" href="assets/css/components.css">
  tlink rel="stylesheet" href="assets/css/listings.css">
t/head>
tbody>

theader class="site-header">
  tdiv class="site-header__inner">
    ta class="site-header__brand" href="index.html">
      tspan>Matt & Cot/span>
      tspan class="site-header__brand-sep" aria-hidden>/t/span>
      tspan class="site-header__brand-sub">Book Kalkant/span>
    t/a>
    tnav class="site-nav" aria-label="Primary">
      tul>
        tli>ta href="listings.html" class="site-nav__link">Villast/a>t/li>
        tli>ta href="blog.html" class="site-nav__link is-active">Discovert/a>t/li>
        tli>ta href="faq.html" class="site-nav__link">FAQt/a>t/li>
        tli>ta href="about.html" class="site-nav__link">Aboutt/a>t/li>
        tli>ta href="contact.html" class="site-nav__link">Contactt/a>t/li>
      t/ul>
    t/nav>
    tdiv class="site-header__switchers">
      tdiv class="switcher">
        tselect data-switcher-currency>
          toption value="GBP">GBPt/option>toption value="EUR">EURt/option>
          toption value="USD">USDt/option>toption value="TRY">TRYt/option>
        t/select>
        tselect data-switcher-lang>
          toption value="en">ENt/option>toption value="tr">TRt/option>
          toption value="ru">RUt/option>toption value="de">DEt/option>
        t/select>
      t/div>
      tbutton class="site-nav__toggle" type="button" aria-label="Open menu" data-menu-toggle>☰t/button>
    t/div>
  t/div>
t/header>

tmain data-post>t!-- rendered by the script below -->t/main>

tfooter class="site-footer">
  tdiv class="site-footer__inner">
    tdiv class="site-footer__brand">
      tp class="site-footer__name">ta href="https://mattcoproperty.com/" style="color:inherit">Matt & Co Propertyt/a>t/p>
      tp class="site-footer__tagline">A small estate agency and build studio for Kalkan and its surrounds.t/p>
    t/div>
    tdiv class="site-footer__cols">
      tdiv>
        tp class="site-footer__label">Servicest/p>
        tul>
          tli>ta href="https://buykalkan.com/">Buy Kalkan ↗t/a>t/li>
          tli>ta href="https://bookkalkan.com/">Book Kalkan ↗t/a>t/li>
          tli>ta href="https://buildkalkan.com/">Build Kalkan ↗t/a>t/li>
        t/ul>
      t/div>
      tdiv>
        tp class="site-footer__label">Officet/p>
        taddress>Hasan Altan Cd No 4tbr>07960 Kalkan, Kaştbr>Antalya, Türkiyet/address>
      t/div>
      tdiv>
        tp class="site-footer__label">Contactt/p>
        tul>
          tli>ta href="mailto:info@bookkalkan.com">info@bookkalkan.comt/a>t/li>tli>ta href="tel:+905363609517">+90 536 360 95 17t/a> tsvg viewBox="0 0 60 30" width="18" height="12" role="img" aria-label="UK number" style="display:inline-block; vertical-align:-1px; margin-left:0.3rem; border-radius:2px; overflow:hidden">ttitle>UK numbert/title>trect width="60" height="30" fill="#012169"/>tpath d="M0 0 60 30M60 0 0 30" stroke="#fff" stroke-width="6"/>tpath d="M0 0 60 30M60 0 0 30" stroke="#C8102E" stroke-width="4"/>tpath d="M30 0v30M0 15h60" stroke="#fff" stroke-width="10"/>tpath d="M30 0v30M0 15h60" stroke="#C8102E" stroke-width="6"/>t/svg>t/li>tli>ta href="tel:+905376527403">+90 537 652 74 03t/a> tsvg viewBox="0 0 1200 800" width="18" height="12" role="img" aria-label="Turkish number" style="display:inline-block; vertical-align:-1px; margin-left:0.3rem; border-radius:2px">ttitle>Turkish numbert/title>trect width="1200" height="800" fill="#e30a17"/>tcircle cx="425" cy="400" r="200" fill="#fff"/>tcircle cx="475" cy="400" r="160" fill="#e30a17"/>tpath fill="#fff" d="M583.334 400l180.902 58.779-111.804-153.885v190.212l111.804-153.885z"/>t/svg>t/li>
          tli>ta href="contact.html">Enquiry formt/a>t/li>
        t/ul>
      t/div>
    t/div>
  t/div>
  tdiv class="site-footer__legal">
    tp>© tspan id="y">t/span> ta href="https://mattcoproperty.com/" style="color:inherit">Matt & Co Propertyt/a>.t/p>
    tp class="tabular">Made with love in Kalkan. · ta href="https://www.flaticon.com/free-icons/flags" title="flags icons" style="color:inherit">Flag icons: Freepik — Flaticont/a>t/p>
  t/div>
t/footer>

tscript>document.getElementById('y').textContent = new Date().getFullYear();t/script>
tscript src="assets/js/data.js">t/script>
tscript src="assets/js/render.js">t/script>
tscript src="assets/js/main.js">t/script>
tscript>
  // Render a single blog post from ?slug=, with BlogPosting schema.
  (function () {
    if (!window.MC) return;
    const MC = window.MC;
    const main = MC.qs('[data-post]');
    if (!main) return;
    const slug = new URLSearchParams(location.search).get('slug');
    const post = (MC.data().blog || []).find(p => p.slug === slug && p.live !== false);

    if (!post) {
      main.innerHTML = `
        tsection class="container" style="padding-block:5rem 8rem; text-align:center">
          tp class="small-caps">404t/p>
          th1 style="margin-top:1rem; font-size:clamp(2.5rem, 6vw, 4.5rem); text-transform:uppercase; letter-spacing:-0.035em">Article not found.t/h1>
          tdiv style="margin-top:2.5rem">ta href="blog.html" class="link-arrow">Back to Discover tspan>→t/span>t/a>t/div>
        t/section>`;
      document.title = 'Not found — Matt & Co';
      return;
    }

    const esc = MC.esc, resolveImg = MC.resolveImg;
    const fmtDate = (s) => { const d = new Date(s); return isNaN(d) ? '' : d.toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' }); };

    // Body → HTML, line by line: "## " starts a subheading; blank lines separate
    // paragraphs. A heading may sit directly above its paragraph (no blank line).
    const bodyHtml = (() => {
      let html = '', para = [];
      const flush = () => { if (para.length) { html += 'tp>' + esc(para.join(' ')) + 't/p>'; para = []; } };
      String(post.body || '').split('\n').forEach(line => {
        const t = line.trim();
        if (!t) { flush(); return; }
        if (t.startsWith('## ')) { flush(); html += 'th2>' + esc(t.slice(3).trim()) + 't/h2>'; return; }
        para.push(t);
      });
      flush();
      return html;
    })();

    const gallery = (post.images || []).filter(Boolean);
    const cover = post.coverImage ? resolveImg(post.coverImage) : '';

    document.title = post.title + ' — Matt & Co';
    const metaDesc = document.createElement('meta');
    metaDesc.name = 'description'; metaDesc.content = post.excerpt || '';
    document.head.appendChild(metaDesc);

    main.innerHTML = `
      tnav aria-label="Breadcrumb" style="border-bottom:1px solid rgba(17,46,69,0.1)">
        tdiv style="max-width:var(--content-max); margin:0 auto; padding:1rem var(--gutter); font-size:0.75rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--color-driftwood)">
          ta href="blog.html">Discovert/a>  ·  tspan style="color:var(--color-ink)">${esc(fmtDate(post.publishedAt))}t/span>
        t/div>
      t/nav>

      tarticle style="max-width:var(--content-max); margin:0 auto; padding:3.5rem var(--gutter) 5rem">
        theader style="max-width:820px; margin:0 auto">
          tp class="small-caps">${esc(post.author || 'Matt & Co')} · ${esc(fmtDate(post.publishedAt))}t/p>
          th1 class="article__title">${esc(post.title)}t/h1>
          ${post.excerpt ? `tp class="article__lede">${esc(post.excerpt)}t/p>` : ''}
        t/header>
        ${cover ? `timg class="article__cover" src="${esc(cover)}" alt="${esc(post.title)}" loading="eager">` : ''}
        tdiv class="article">
          ${bodyHtml}
          ${gallery.map(src => `timg src="${esc(resolveImg(src))}" alt="${esc(post.title)}" loading="lazy" decoding="async">`).join('')}
          tdiv style="margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(17,46,69,0.12)">
            ta href="blog.html" class="link-arrow">More to discover tspan>→t/span>t/a>
          t/div>
        t/div>
      t/article>`;

    // BlogPosting structured data — for rich results and AI answer citation.
    const ld = {
      '@context': 'https://schema.org', '@type': 'BlogPosting',
      headline: post.title, description: post.excerpt || '',
      image: cover ? [cover] : undefined,
      datePublished: post.publishedAt || undefined,
      author: { '@type': 'Organization', name: post.author || 'Matt & Co Property' },
      publisher: { '@type': 'Organization', name: 'Matt & Co Property' },
      mainEntityOfPage: location.href,
    };
    const s = document.createElement('script');
    s.type = 'application/ld+json';
    s.textContent = JSON.stringify(ld);
    document.head.appendChild(s);
  })();
t/script>
t/body>
t/html>