{% extends "base.html" %}

{% block title %}EdgeCoach | AI Trading Improvement{% endblock %}

{% block content %}
<main class="container">
    <section class="hero">
        <div class="hero-grid">
            <div class="hero-panel">
                <span class="hero-kicker">Landing Page</span>
                <h1 class="hero-title">Turn instinctive trading into a <span class="accent">repeatable improvement system</span></h1>
                <p class="hero-subtitle">
                    EdgeCoach uses your trading history and journal to surface mistakes,
                    winning patterns, and improvement actions with AI.
                    It helps you improve win rate, repeatability, and risk management through daily review.
                </p>
                <div class="hero-actions">
                    <a href="/pricing-en" class="btn btn-primary button-primary">Start Your 7-Day Free Trial</a>
                    <a href="/en" class="btn btn-ghost">Back to Home</a>
                </div>
                <div class="hero-proof">
                    <span>7-day free trial</span>
                    <span>Cancel anytime</span>
                    <span>Safe billing with Stripe</span>
                </div>
            </div>

            <div class="feature-stack">
                <div class="feature-card">
                    <h3>Common Problems</h3>
                    <p>You cannot explain why you win. You do not know why you lose. You still enter emotionally.</p>
                </div>
                <div class="feature-card">
                    <h3>What EdgeCoach Solves</h3>
                    <p>It turns vague review into clear next actions you can actually use.</p>
                </div>
                <div class="feature-card">
                    <h3>Paid Value</h3>
                    <p>Not just one analysis, but history, dashboard, and ongoing review in one connected product flow.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="section">
        <div class="section-heading">
            <div>
                <h2>Improvement Preview</h2>
                <p>Show realistic and attractive improvement examples in a way that matches the product.</p>
            </div>
        </div>

        <div class="demo-grid">
            <div class="demo-shot">
                <div class="demo-crop crop-1"></div>
                <div class="demo-copy">
                    <h3>Win Rate Improvement</h3>
                    <p>Improve entry quality and reduce emotional trading to stabilize performance.</p>
                </div>
            </div>

            <div class="demo-shot">
                <div class="demo-crop crop-2"></div>
                <div class="demo-copy">
                    <h3>Net Profit Improvement</h3>
                    <p>Reduce unnecessary losses and increase repetition of stronger setups.</p>
                </div>
            </div>

            <div class="demo-shot">
                <div class="demo-crop crop-3"></div>
                <div class="demo-copy">
                    <h3>Behavior Review</h3>
                    <p>See which actions are creating losses and what should be corrected first.</p>
                </div>
            </div>

            <div class="demo-shot">
                <div class="demo-crop crop-4"></div>
                <div class="demo-copy">
                    <h3>Get Stronger Through Continuity</h3>
                    <p>Keep improving through accumulated reviews, history, and repeated feedback loops.</p>
                </div>
            </div>
        </div>

        <p class="small" style="margin-top:14px;">
            The sections above are demo illustrations of improvement examples. Actual results vary depending on review history, trading behavior, and continued usage.
        </p>
    </section>

    <section class="section">
        <div class="section-heading">
            <div>
                <h2>What Changes with EdgeCoach</h2>
                <p>Lead with the outcome, not just the features.</p>
            </div>
        </div>

        <div class="grid-2">
            <div class="stat-card">
                <div class="stat-label">Win Rate</div>
                <div class="stat-value">45% → 58–62%</div>
                <div class="stat-sub">Improved by reducing emotional entries and repeating stronger setups</div>
            </div>
            <div class="stat-card">
                <div class="stat-label">Drawdown</div>
                <div class="stat-value">-18% → -9 to -12%</div>
                <div class="stat-sub">Improved by cutting low-quality trades</div>
            </div>
            <div class="stat-card">
                <div class="stat-label">Consistency</div>
                <div class="stat-value">Instinct → Rules</div>
                <div class="stat-sub">Turn what works into something repeatable</div>
            </div>
            <div class="stat-card">
                <div class="stat-label">Improvement Speed</div>
                <div class="stat-value">Daily Review</div>
                <div class="stat-sub">Keep the review loop moving every day</div>
            </div>
        </div>
    </section>

    <section class="section">
        <div class="section-heading">
            <div>
                <h2>What EdgeCoach Gives You</h2>
                <p>This is designed as an ongoing improvement product, not a one-time report.</p>
            </div>
        </div>

        <div class="grid-2">
            <div class="card">
                <h3>Automatic Mistake Detection</h3>
                <p>Detect emotional trades, oversized risk, hesitation, and unstable exits more clearly.</p>
            </div>
            <div class="card">
                <h3>Winning Pattern Extraction</h3>
                <p>Find the symbols, directions, sessions, and setups that work better for you.</p>
            </div>
            <div class="card">
                <h3>Actionable Improvement</h3>
                <p>See what to fix next in a practical way instead of ending with a vague summary.</p>
            </div>
            <div class="card">
                <h3>Visible Growth</h3>
                <p>Track whether your performance and review habits are actually improving over time.</p>
            </div>
        </div>
    </section>

    <section class="section">
        <div class="grid-3">
            <div class="card">
                <h3>Start Free</h3>
                <p>Feel the value first, then move naturally into deeper paid improvement if it fits you.</p>
            </div>
            <div class="card">
                <h3>Improve Faster with Pro</h3>
                <p>Unlock multiple edge candidates, detailed AI coaching, and deeper ongoing analysis.</p>
            </div>
            <div class="card">
                <h3>Use Pro Plus for Top-Tier Depth</h3>
                <p>Built for serious users who want the deepest level of structured improvement.</p>
            </div>
        </div>
    </section>

    <section class="section">
        <div class="section-heading">
            <div>
                <h2>How It Works</h2>
                <p>Keep the flow simple so the product feels usable immediately.</p>
            </div>
        </div>

        <div class="grid-2">
            <div class="card">1. Upload your trading history</div>
            <div class="card">2. Write a short journal</div>
            <div class="card">3. Let AI analyze it</div>
            <div class="card">4. Apply the next improvement step</div>
        </div>
    </section>

    <section class="section">
        <div class="cta-card">
            <h2>Start Now</h2>
            <p class="muted">Try the key features for 7 days for free. You can cancel anytime during the trial.</p>
            <div class="stack-actions" style="margin-top:18px;">
                <a href="/pricing-en" class="btn btn-primary button-primary">Start Your Free Trial</a>
                <a href="/en" class="btn">Back to Home</a>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top:0;">
        <div class="account-card">
            <h2>Still Deciding?</h2>
            <p class="muted">
                Start with the free trial and see where your trading still has room to improve.
                Once you feel the value, you can move directly into Pro.
            </p>
            <div class="stack-actions" style="margin-top:18px;">
                <a href="/pricing-en" class="btn btn-primary button-primary">Start Your 7-Day Free Trial</a>
                <a href="/en#account" class="btn">Register First</a>
            </div>
        </div>
    </section>
</main>
{% endblock %}