<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ============================================================
     BLOG ARTICLE TEMPLATE
     How to use: copy this file into /blogs/your-article-slug.html,
     then replace everything marked [REPLACE]. Keep slugs lowercase
     and hyphenated, e.g. blogs/top-10-activities-penang.html
     NOTE: pages inside /blogs/ use ../ paths (already set below).
     ============================================================ -->
<title>[REPLACE: Article Title] — TDL.com.my</title>
<meta name="description" content="[REPLACE: unique 150–160 character summary of this article]">
<link rel="canonical" href="https://www.tdl.com.my/blogs/[REPLACE-slug].html">
<meta name="robots" content="index, follow">
<meta property="og:type" content="article">
<meta property="og:title" content="[REPLACE: Article Title]">
<meta property="og:description" content="[REPLACE: same summary as above]">
<meta property="og:url" content="https://www.tdl.com.my/blogs/[REPLACE-slug].html">
<meta property="og:image" content="https://www.tdl.com.my/images/[REPLACE-article-image].jpg">
<meta name="twitter:card" content="summary_large_image">
<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=Space+Grotesk:wght@400;500;600;700&family=Albert+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
</head>
<body>

<?php $root = '../'; $active = ''; include __DIR__ . '/../partials/header.php'; ?>

<section class="page-hero">
  <div class="wrap">
    <div class="crumb"><a href="../index.html">Home</a> / <a href="../blogs.html">Blog</a> / [REPLACE: Article Title]</div>
    <h1>[REPLACE: Article Title]</h1>
    <div class="article-meta">
      <span class="cat">[REPLACE: Category e.g. Travel]</span>
      <span>[REPLACE: Month Year]</span>
      <span>[REPLACE: X] min read</span>
    </div>
  </div>
</section>

<section class="section tight">
  <div class="wrap prose">

    <!-- Lead image — replace the gradient placeholder with a real photo:
         <figure><img src="../images/your-photo.jpg" alt="Describe the photo"> ... -->
    <figure class="article-figure" role="img" aria-label="[REPLACE: describe the image]"></figure>

    <p class="lead">[REPLACE: opening paragraph — the hook. One or two sentences that tell
    the reader exactly what they'll get from this article.]</p>

    <h2>[REPLACE: First section heading]</h2>
    <p>[REPLACE: body copy. Keep paragraphs short — 3 to 4 sentences reads best online.]</p>

    <h2>[REPLACE: Second section heading]</h2>
    <p>[REPLACE: body copy.]</p>
    <ul>
      <li>[REPLACE: list item — great for "top 10" style posts]</li>
      <li>[REPLACE: list item]</li>
      <li>[REPLACE: list item]</li>
    </ul>

    <blockquote>[OPTIONAL: a pull-quote or key takeaway — delete if not needed]</blockquote>

    <h2>[REPLACE: Closing section heading]</h2>
    <p>[REPLACE: wrap-up paragraph with a practical takeaway for the reader.]</p>

  </div>

  <!-- Cross-links to sibling posts (per spec §6 interior template) -->
  <div class="wrap" style="margin-top:64px">
    <span class="eyebrow">Keep reading</span>
    <div class="grid-3" style="margin-top:24px">
      <article class="card story fade-up">
        <div class="thumb alt"><span class="tag">[Category]</span></div>
        <div class="body"><h3><a href="[REPLACE-related-1].html">[REPLACE: Related article 1]</a></h3></div>
      </article>
      <article class="card story fade-up">
        <div class="thumb"><span class="tag">[Category]</span></div>
        <div class="body"><h3><a href="[REPLACE-related-2].html">[REPLACE: Related article 2]</a></h3></div>
      </article>
      <article class="card story fade-up">
        <div class="thumb alt2"><span class="tag">[Category]</span></div>
        <div class="body"><h3><a href="[REPLACE-related-3].html">[REPLACE: Related article 3]</a></h3></div>
      </article>
    </div>
  </div>
</section>

<?php include __DIR__ . '/../partials/footer.php'; ?>
</body>
</html>
