{% extends 'layout-full.html.twig' %}

{% block title %}Decent Newsroom — A decentralized platform for collaborative publishing{% endblock %}

{% block body %}

    <section class="ln-hero d-flex gap-3 center">
        <h1 class="brand">Decent Newsroom</h1>
        <p class="eyebrow">Collaborative publishing on Nostr</p>
        <p class="lede mb-5">Explore, publish articles, and create magazines.</p>
    </section>

    <section class="d-flex gap-3 center ln-section--newsstand">
        <div class="container mt-5">
            <h1>Newsstand</h1>
            <p class="eyebrow">for the digital age</p>
        </div>
        <div class="mb-5">
            <p class="measure">Flip through a world of magazines in one place. Build your lineup, catch fresh releases, anywhere.</p>
            <div class="cta-row">
                <a class="btn btn--primary" href="{{ path('newsstand') }}">Explore the rack</a>
            </div>
        </div>
    </section>

    <section class="d-flex gap-3 center ln-section--search">
        <div class="container mt-5">
            <h1>Discover</h1>
            <p class="eyebrow">hidden gems</p>
        </div>
        <div class="mb-5">
            <p class="measure">Our search is specialized for long-form Nostr content.</p>
            <div class="cta-row">
                <a class="btn btn--primary" href="{{ path('app_search_index') }}">Find what you like</a>
            </div>
        </div>
    </section>

    <section class="d-flex gap-3 center ln-section--lists">
        <div class="container mt-5">
            <h1>Reading Lists</h1>
            <p class="eyebrow">for collections, curations, courses and more</p>
        </div>
        <div class="mb-5">
            <p class="measure">Create ordered reading lists. Add more articles, reorder, republish.</p>
            <div class="cta-row">
                <a class="btn btn--primary" href="{{ path('reading_list_index') }}">Start a list</a>
            </div>
        </div>
    </section>

    <section class="d-flex gap-3 center ln-section--editor">
        <div class="container mt-5">
            <h1>Article Editor</h1>
            <p class="eyebrow">for anyone</p>
        </div>
        <div class="mb-5">
            <p class="measure">Write, revise, and preview with ease. Save drafts, keep notes, and publish.</p>
            <div class="cta-row">
                <a class="btn btn--primary" href="{{ path('editor-create') }}">Write an article</a>
            </div>
        </div>
    </section>

    <section class="d-flex gap-3 center ln-section--newsroom">
        <div class="container mt-5">
            <h1>Newsroom</h1>
            <p class="eyebrow">like no other</p>
        </div>
        <div class="mb-5">
            <p class="measure">Create your own magazine, define categories, manage submissions, and collaborate with editors and contributors.</p>
            <div class="cta-row">
                <a class="btn btn--primary" href="{{ path('mag_wizard_setup') }}">Create a magazine</a>
            </div>
        </div>
    </section>

    <section class="d-flex gap-3 center ln-section--unfold">
        <div class="container mt-5">
            <h1>Unfold</h1>
            <p class="eyebrow">your magazine</p>
        </div>
        <div class="mb-5">
            <p class="measure">Unfold is a companion web app. Any magazine created on Decent Newsroom can be plugged in,
                styled and deployed to a custom domain.</p>
            <div class="cta-row">
                <a class="btn btn--primary" href="{{ path('unfold') }}">Learn more</a>
            </div>
        </div>
    </section>


    <section class="d-flex gap-3 center ln-section--marketplace">
        <div class="container mt-5">
            <h1>Media Marketplace</h1>
            <p class="eyebrow">Coming soon</p>
        </div>
        <div class="mb-5">
            <p class="measure">Commission custom visuals, discover stock you can actually use, and keep media and text in one creative flow.</p>
        </div>
    </section>

{% endblock %}