{{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>
                {{if .NewestBlogItem}}
                <div class="feature-image-container">
                    {{$item := .NewestBlogItem}}
                    {{if $item.Image}}
                    <div class="feature-image-wrapper">
                        <img src="{{$item.Image}}" alt="{{$item.Title}}" class="feature-image">
                        <div class="feature-image-overlay">
                            <h4 class="feature-image-title">{{$item.Title}}</h4>
                            {{if $item.Summary}}
                            <p class="feature-image-summary">{{truncate $item.Summary 250}}</p>
                            {{end}}
                        </div>
                    </div>
                    {{else}}
                        {{$profile := index $.Profiles $item.Author}}
                        {{if $profile.Picture}}
                        <div class="feature-image-wrapper">
                            <img src="{{$profile.Picture}}" alt="{{$item.Title}}" class="feature-image">
                            <div class="feature-image-overlay">
                                <h4 class="feature-image-title">{{$item.Title}}</h4>
                                {{if $item.Summary}}
                                <p class="feature-image-summary">{{truncate $item.Summary 250}}</p>
                                {{end}}
                            </div>
                        </div>
                        {{end}}
                    {{end}}
                </div>
                {{end}}
                <div class="feature-card-content">
                    <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>
            
            <div class="feature-card">
                <h3><span class="icon-inline">{{icon "file-text"}}</span> Articles</h3>
                {{if .NewestArticleItem}}
                <div class="feature-image-container">
                    {{$item := .NewestArticleItem}}
                    {{if $item.Image}}
                    <div class="feature-image-wrapper">
                        <img src="{{$item.Image}}" alt="{{$item.Title}}" class="feature-image">
                        <div class="feature-image-overlay">
                            <h4 class="feature-image-title">{{$item.Title}}</h4>
                            {{if $item.Summary}}
                            <p class="feature-image-summary">{{truncate $item.Summary 250}}</p>
                            {{end}}
                        </div>
                    </div>
                    {{else}}
                        {{$profile := index $.Profiles $item.Author}}
                        {{if $profile.Picture}}
                        <div class="feature-image-wrapper">
                            <img src="{{$profile.Picture}}" alt="{{$item.Title}}" class="feature-image">
                            <div class="feature-image-overlay">
                                <h4 class="feature-image-title">{{$item.Title}}</h4>
                                {{if $item.Summary}}
                                <p class="feature-image-summary">{{truncate $item.Summary 250}}</p>
                                {{end}}
                            </div>
                        </div>
                        {{end}}
                    {{end}}
                </div>
                {{end}}
                <div class="feature-card-content">
                    <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>

            <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 */}}