{{define "content"}}
<article class="landing-page">
    <section class="hero">
        <h1>Welcome to {{.SiteName}}</h1>
        <p class="lead">Your gateway to decentralized knowledge and community-driven content.</p>
    </section>
    
    {{if .FeedItems}}
    <section class="feed-section">
        {{template "feed" .}}
    </section>
    {{end}}
    
    <section class="features">
        <h2>Explore Our Content</h2>
        <div class="feature-grid">
            <div class="feature-card">
                <h3><span class="icon-inline">{{icon "book-open"}}</span> Project Wiki</h3>
                <p>Browse our comprehensive wiki documentation and GitCitadel project information.</p>
                <div class="wiki-links">
                    {{range .WikiPages}}
                    <a href="/wiki/{{.DTag}}" class="wiki-link">{{.Title}}</a>
                    {{end}}
                </div>
            </div>
            
            <div class="feature-card">
                <h3><span class="icon-inline">{{icon "file-text"}}</span> Project Blog</h3>
                <p>Read the latest articles and updates from the GitCitadel project blog.</p>
                <a href="/blog" class="btn"><span class="icon-inline">{{icon "arrow-right"}}</span> View Blog</a>
            </div>
            
            <div class="feature-card">
                <h3><span class="icon-inline">{{icon "file-text"}}</span> Articles</h3>
                <p>Longform markdown articles from the TheForest relay.</p>
                <a href="/articles" class="btn"><span class="icon-inline">{{icon "arrow-right"}}</span> View Articles</a>
            </div>

            <div class="feature-card">
                <h3><span class="icon-inline">{{icon "book"}}</span> E-Books</h3>
                <p>Discover and download e-books from the decentralized #Alexandria library.</p>
                <a href="/ebooks" class="btn"><span class="icon-inline">{{icon "arrow-right"}}</span> View E-Books</a>
            </div>
            
            <div class="feature-card">
                <h3><span class="icon-inline">{{icon "mail"}}</span> Contact</h3>
                <p>Have a question, suggestion, or want to report an issue? Get in touch with us.</p>
                <a href="/contact" class="btn"><span class="icon-inline">{{icon "arrow-right"}}</span> Contact Us</a>
            </div>
        </div>
    </section>
</article>
{{end}}

{{/* Feed is defined in components.html */}}