{{ define "main" }}
<section class="hero">
    <div class="hero-container">
        <h1 class="hero-title">{{ .Site.Title }}</h1>
        <p class="hero-tagline">{{ .Site.Params.tagline }}</p>
        <p class="hero-description">{{ .Site.Params.description }}</p>
        <div class="hero-buttons">
            <a href="{{ "/mistakes/" | relURL }}" class="btn btn-primary">Learn From Mistakes</a>
            <a href="{{ "/guides/" | relURL }}" class="btn btn-secondary">Get Started</a>
        </div>
    </div>
</section>

<section class="content-section">
    <div class="container">
        <h2 class="section-title">Recent Mistakes & Lessons</h2>
        <div class="card-grid">
            {{ range first 3 (where .Site.RegularPages "Type" "mistakes") }}
            <article class="card">
                <div class="card-content">
                    <h3 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
                    <p class="card-excerpt">{{ .Summary }}</p>
                    <div class="card-meta">
                        <span class="card-date">{{ .Date.Format "Jan 2, 2006" }}</span>
                        <span class="card-category">{{ .Params.category | default "Security" }}</span>
                    </div>
                </div>
            </article>
            {{ end }}
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container">
        <h2 class="section-title">Ready to Avoid Costly Mistakes?</h2>
        <p>Start your Bitcoin story with real-world lessons from someone who's been there.</p>
        <a href="{{ "/guides/getting-started/" | relURL }}" class="btn btn-primary btn-large">Begin Learning</a>
    </div>
</section>
{{ end }}