{{define "content"}}
<article class="landing-page">
    <section class="hero">
        <div class="hero-content">
            <div class="hero-text">
                <h1>Welcome to {{.SiteName}}</h1>
                <p class="lead">Your gateway to decentralized knowledge and community-driven content.</p>
            </div>
        </div>
    </section>
    
    <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 The Forest 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 The Forest 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>
</article>
{{end}}