{{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>
                <div class="feature-image-container">
                    {{$image := "/static/GitCitadel_Icon_Gradient.svg"}}
                    {{$title := "Project Blog"}}
                    {{$summary := ""}}
                    {{if .NewestBlogItem}}
                        {{$item := .NewestBlogItem}}
                        {{$profile := index $.Profiles $item.Author}}
                        {{$title = $item.Title}}
                        {{if $item.Summary}}
                            {{$summary = $item.Summary}}
                        {{end}}
                        {{if and $item.Image (ne $item.Image "")}}
                            {{$image = $item.Image}}
                        {{else if and $profile $profile.Picture (ne $profile.Picture "")}}
                            {{$image = $profile.Picture}}
                        {{end}}
                    {{end}}
                    <div class="feature-image-wrapper">
                        <img src="{{$image}}" alt="{{$title}}" class="feature-image">
                        <div class="feature-image-overlay">
                            <h4 class="feature-image-title">{{$title}}</h4>
                            {{if $summary}}
                            <p class="feature-image-summary">{{truncate $summary 250}}</p>
                            {{end}}
                        </div>
                    </div>
                </div>
                <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>
                <div class="feature-image-container">
                    {{$image := "/static/GitCitadel_Icon_Gradient.svg"}}
                    {{$title := "Articles"}}
                    {{$summary := ""}}
                    {{if .NewestArticleItem}}
                        {{$item := .NewestArticleItem}}
                        {{$profile := index $.Profiles $item.Author}}
                        {{$title = $item.Title}}
                        {{if $item.Summary}}
                            {{$summary = $item.Summary}}
                        {{end}}
                        {{if and $item.Image (ne $item.Image "")}}
                            {{$image = $item.Image}}
                        {{else if and $profile $profile.Picture (ne $profile.Picture "")}}
                            {{$image = $profile.Picture}}
                        {{end}}
                    {{end}}
                    <div class="feature-image-wrapper">
                        <img src="{{$image}}" alt="{{$title}}" class="feature-image">
                        <div class="feature-image-overlay">
                            <h4 class="feature-image-title">{{$title}}</h4>
                            {{if $summary}}
                            <p class="feature-image-summary">{{truncate $summary 250}}</p>
                            {{end}}
                        </div>
                    </div>
                </div>
                <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 "rss"}}</span> Feed</h3>
                <p>Browse recent notes and updates from TheForest relay.</p>
                <a href="/feed" class="btn"><span class="icon-inline">{{icon "arrow-right"}}</span> View Feed</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>
    
    {{if .AllArticleItems}}
    <section class="articles-section">
        <h2>All Articles</h2>
        <div class="feature-grid">
            {{range .AllArticleItems}}
            <div class="feature-card">
                <div class="feature-image-container">
                    {{$item := .}}
                    {{$profile := index $.Profiles $item.Author}}
                    {{$image := "/static/GitCitadel_Icon_Gradient.svg"}}
                    {{if and $item.Image (ne $item.Image "")}}
                        {{$image = $item.Image}}
                    {{else if and $profile $profile.Picture (ne $profile.Picture "")}}
                        {{$image = $profile.Picture}}
                    {{end}}
                    <div class="feature-image-wrapper">
                        <img src="{{$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>
                </div>
                <div class="feature-card-content">
                    <h3>{{$item.Title}}</h3>
                    {{if $item.Summary}}
                    <p>{{truncate $item.Summary 150}}</p>
                    {{end}}
                    <a href="/articles#{{$item.DTag}}" class="btn"><span class="icon-inline">{{icon "arrow-right"}}</span> Read Article</a>
                </div>
            </div>
            {{end}}
        </div>
    </section>
    {{end}}
    
    {{if .AllEBooks}}
    <section class="ebooks-section">
        <h2>All E-Books</h2>
        <div class="feature-grid">
            {{range .AllEBooks}}
            <div class="feature-card">
                <div class="feature-image-container">
                    {{$ebook := .}}
                    {{$profile := index $.Profiles $ebook.Author}}
                    {{$image := "/static/GitCitadel_Icon_Gradient.svg"}}
                    {{if and $ebook.Image (ne $ebook.Image "")}}
                        {{$image = $ebook.Image}}
                    {{else if and $profile $profile.Picture (ne $profile.Picture "")}}
                        {{$image = $profile.Picture}}
                    {{end}}
                    <div class="feature-image-wrapper">
                        <img src="{{$image}}" alt="{{$ebook.Title}}" class="feature-image">
                        <div class="feature-image-overlay">
                            <h4 class="feature-image-title">{{$ebook.Title}}</h4>
                            {{if $ebook.Summary}}
                            <p class="feature-image-summary">{{truncate $ebook.Summary 250}}</p>
                            {{end}}
                        </div>
                    </div>
                </div>
                <div class="feature-card-content">
                    <h3>{{$ebook.Title}}</h3>
                    {{if $ebook.Summary}}
                    <p>{{truncate $ebook.Summary 150}}</p>
                    {{end}}
                    <a href="https://alexandria.gitcitadel.eu/publication/naddr/{{$ebook.Naddr}}" target="_blank" rel="noopener noreferrer" class="btn"><span class="icon-inline">{{icon "external-link"}}</span> View on Alexandria</a>
                </div>
            </div>
            {{end}}
        </div>
    </section>
    {{end}}
</article>
{{end}}

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