{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="/static/css/landing.css">
{% endblock %}
{% block content %}
<div class="landing">
    <nav class="landing-nav">
        <div class="landing-logo">Dev<span>Place</span></div>
        <div class="landing-nav-links">
            <a href="/">Home</a>
            <a href="/projects">Projects</a>
            <a href="/auth/login">Login</a>
            <a href="/auth/signup" class="btn btn-primary btn-sm">Sign Up</a>
        </div>
    </nav>

    <section class="landing-hero">
        <h1>Devplace.net &mdash; The Developer <span>Social Network</span></h1>
        <p>Track industry shifts. Discover bold releases. Share what you're building in an open, uncensored environment.</p>
        <a href="/auth/signup" class="landing-cta">Join DevPlace Free</a>

        <div class="landing-features">
            <div class="landing-feature">
                <div class="landing-feature-icon">&#x1F511;</div>
                <h3>100% Free Forever</h3>
            </div>
            <div class="landing-feature">
                <div class="landing-feature-icon">&#x1F6AB;</div>
                <h3>Zero Ads</h3>
            </div>
            <div class="landing-feature">
                <div class="landing-feature-icon">&#x1F4AD;</div>
                <h3>No Censorship</h3>
            </div>
            <div class="landing-feature">
                <div class="landing-feature-icon">&#x1F4B3;</div>
                <h3>No Payments</h3>
            </div>
        </div>

        <div class="landing-daily-topic">
            <div class="landing-daily-topic-label">Daily Topic</div>
            <h3>{{ daily_topic.get('title', '') }}</h3>
            <p>{{ daily_topic.get('summary', '') }}</p>
            <div class="landing-daily-topic-links">
                <a href="/feed">Read More</a>
                <a href="/feed">Source</a>
            </div>
        </div>

        <div class="landing-auth-link">
            Already have an account? <a href="/auth/login">Log In</a>
        </div>
    </section>
</div>
{% endblock %}