<?php

declare(strict_types=1);

$site = require dirname(__DIR__) . '/bootstrap/site.php';
$currentUser = $site['current_user'];

$startLink = $currentUser !== null ? '/dashboard' : '/register';

$body = <<<HTML
<section class="hero-card p-4 p-lg-5 mb-4">
    <div class="row g-4 align-items-center">
        <div class="col-lg-7">
            <span class="eyebrow mb-3">Launch Ready SaaS</span>
            <h1 class="display-hero mb-3">Real-Time Crypto Intelligence Platform</h1>
            <p class="lead mb-4">Track market leadership, liquidity rotation, narratives, and sector momentum before the crowd.</p>
            <div class="d-flex flex-wrap gap-2 mb-4">
                <a href="{$startLink}" class="btn btn-dark btn-lg">Start Free</a>
                <a href="/pricing" class="btn btn-outline-dark btn-lg">View Pricing</a>
            </div>
            <div class="row g-3">
                <div class="col-sm-4">
                    <div class="metric-tile h-100">
                        <div class="metric-tile__value mb-2">24/7</div>
                        <div class="metric-tile__label">Stored signal coverage</div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="metric-tile h-100">
                        <div class="metric-tile__value mb-2">8</div>
                        <div class="metric-tile__label">Core workflow surfaces</div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="metric-tile h-100">
                        <div class="metric-tile__value mb-2">100%</div>
                        <div class="metric-tile__label">History-backed analytics</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="hero-grid">
                <div class="feature-tile">
                    <div class="feature-icon">ML</div>
                    <h3>Market Leaders</h3>
                    <p>Spot category leadership shifts before they become obvious on broad public leaderboards.</p>
                </div>
                <div class="feature-tile">
                    <div class="feature-icon">LR</div>
                    <h3>Liquidity Rotation</h3>
                    <p>Follow capital moving between sectors with stored market cap and volume context.</p>
                </div>
                <div class="feature-tile">
                    <div class="feature-icon">ND</div>
                    <h3>Narrative Detection</h3>
                    <p>See synchronized strength across themes instead of reacting to one-token noise.</p>
                </div>
                <div class="feature-tile">
                    <div class="feature-icon">SR</div>
                    <h3>Sector Rotation</h3>
                    <p>Track momentum moving in, out, and sideways across investable categories.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content-card p-4 p-lg-5 mb-4">
    <div class="d-flex justify-content-between align-items-end flex-wrap gap-3 mb-4">
        <div>
            <div class="section-kicker mb-2">Capabilities</div>
            <h2 class="section-title mb-2">Everything needed to track smarter crypto trend shifts.</h2>
            <p class="lead mb-0">Built around stored market history, operator workflows, and read-only intelligence delivery.</p>
        </div>
        <a href="/features" class="btn btn-outline-dark">Explore Feature Stack</a>
    </div>
    <div class="feature-grid">
        <div class="feature-tile">
            <div class="feature-icon">ML</div>
            <h3>Market Leaders</h3>
            <p>Review the categories currently pulling ahead on composite strength.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">LR</div>
            <h3>Liquidity Rotation</h3>
            <p>Track inflow and outflow behavior with history-backed ranking context.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">ND</div>
            <h3>Narrative Detection</h3>
            <p>Identify emerging themes through synchronized participation and acceleration.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">SR</div>
            <h3>Sector Rotation</h3>
            <p>Understand when sector momentum is expanding, fading, or reversing.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">HR</div>
            <h3>Historical Reports</h3>
            <p>Validate leadership and category behavior with stored ranking and trend history.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">BT</div>
            <h3>Backtesting Analytics</h3>
            <p>Measure win rates and forward returns across signal levels and score ranges.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">TG</div>
            <h3>Telegram Alerts</h3>
            <p>Push watchlist triggers into Telegram for faster team or solo response loops.</p>
        </div>
        <div class="feature-tile">
            <div class="feature-icon">API</div>
            <h3>API Access</h3>
            <p>Use session or bearer-key access for read-only intelligence endpoints.</p>
        </div>
    </div>
</section>

<section class="content-card p-4 p-lg-5 mb-4">
    <div class="row g-4">
        <div class="col-lg-4">
            <div class="section-kicker mb-2">Testimonials</div>
            <h2 class="section-title mb-2">Operators want earlier context, not louder noise.</h2>
            <p class="lead mb-0">Placeholder customer proof designed for launch-ready positioning.</p>
        </div>
        <div class="col-lg-8">
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="testimonial-card h-100">
                        <p class="mb-4">“The category-level rotation view helps us see capital movement before the same story hits every feed.”</p>
                        <div class="testimonial-author">Ava Chen</div>
                        <div class="testimonial-role">Independent Crypto Researcher</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="testimonial-card h-100">
                        <p class="mb-4">“Historical reports and backtesting let us judge signal quality without guessing from one good week.”</p>
                        <div class="testimonial-author">Marcus Doyle</div>
                        <div class="testimonial-role">Portfolio Analyst</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="testimonial-card h-100">
                        <p class="mb-4">“The platform turns scattered market behavior into a single operating view we can actually act on.”</p>
                        <div class="testimonial-author">Leila Grant</div>
                        <div class="testimonial-role">Trading Desk Operator</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="testimonial-card h-100">
                        <p class="mb-4">“Bearer-key API access gives our internal tools a clean read-only feed without bolting on new infrastructure.”</p>
                        <div class="testimonial-author">Noah Patel</div>
                        <div class="testimonial-role">Quant Developer</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content-card p-4 p-lg-5 mb-4">
    <div class="row g-4">
        <div class="col-lg-4">
            <div class="section-kicker mb-2">FAQ</div>
            <h2 class="section-title mb-2">Common launch questions.</h2>
            <p class="lead mb-0">Clear answers for subscribers evaluating the platform, alerts, and API access.</p>
        </div>
        <div class="col-lg-8">
            <div class="accordion faq-accordion" id="faqAccordion">
                <div class="accordion-item mb-3">
                    <h3 class="accordion-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqOne" aria-expanded="true">
                            How often is data updated?
                        </button>
                    </h3>
                    <div id="faqOne" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">Core collection and analytics jobs are designed around recurring stored-data updates, with frequent collection and signal processing cycles rather than request-time live calculations.</div>
                    </div>
                </div>
                <div class="accordion-item mb-3">
                    <h3 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqTwo">
                            What exchanges are supported?
                        </button>
                    </h3>
                    <div id="faqTwo" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">The platform currently focuses on CoinMarketCap-backed market intelligence and category behavior rather than direct exchange execution integrations.</div>
                    </div>
                </div>
                <div class="accordion-item mb-3">
                    <h3 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqThree">
                            What does Pro unlock?
                        </button>
                    </h3>
                    <div id="faqThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">Pro unlocks the real-time dashboard, watchlists, Telegram alerts, email alerts, and priority signal updates for faster day-to-day monitoring.</div>
                    </div>
                </div>
                <div class="accordion-item mb-3">
                    <h3 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFour">
                            How do Telegram alerts work?
                        </button>
                    </h3>
                    <div id="faqFour" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">Eligible accounts can connect Telegram delivery, subscribe watchlists, and receive stored-alert triggers with delivery logging and status visibility.</div>
                    </div>
                </div>
                <div class="accordion-item mb-3">
                    <h3 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFive">
                            Can I access APIs?
                        </button>
                    </h3>
                    <div id="faqFive" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">Yes. Pro Plus includes read-only API access for leaders, liquidity, narratives, rotation, performance, backtesting, and status endpoints using session auth or bearer keys.</div>
                    </div>
                </div>
                <div class="accordion-item">
                    <h3 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqSix">
                            Is there a free plan?
                        </button>
                    </h3>
                    <div id="faqSix" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body">Yes. Free includes dashboard access with delayed visibility, while Pro and Pro Plus unlock deeper workflows and faster delivery.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content-card cta-band p-4 p-lg-5">
    <div class="row g-4 align-items-center">
        <div class="col-lg-8">
            <div class="section-kicker text-white mb-2">Get Started</div>
            <h2 class="section-title mb-2">Start Tracking Smarter Crypto Trends</h2>
            <p class="lead mb-0">Move from reactive headline chasing to stored-data market intelligence built for repeatable decisions.</p>
        </div>
        <div class="col-lg-4 text-lg-end">
            <a href="{$startLink}" class="btn btn-light btn-lg">Get Started Free</a>
        </div>
    </div>
</section>
HTML;

siteLayout(
    'Real-Time Crypto Intelligence Platform',
    $body,
    $currentUser,
    [
        'description' => 'Track market leadership, liquidity rotation, narratives, and sector momentum before the crowd with a launch-ready crypto intelligence platform.',
        'path' => '/',
        'twitter_card' => 'summary_large_image',
    ]
);
