{{ 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="{{ "/story/" | relURL }}" class="btn btn-primary">My Story</a>
            <a href="{{ "/about/" | relURL }}" class="btn btn-secondary">About</a>
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container">
        <h2 class="section-title">Ready to Learn?</h2>
        <p>Start your Bitcoin journey with real-world lessons from someone who's been there.</p>
        <a href="{{ "/about/" | relURL }}" class="btn btn-primary btn-large">Get Started</a>
    </div>
</section>
{{ end }}