<!-- templates/index.html -->
{% extends 'base.html' %}
{% block title %}Welcome to BlickBox - Stream Movies & Series{% endblock %}
{% block content %}
<div class="index-container">
    <section class="hero">
        <img src="/static/images/BLINKBOX.png" alt="BlickBox Logo" class="hero-logo">
        <h1>Stream Your Favorite Movies & Series</h1>
        <p>Discover thousands of movies and series in HD with BlickBox. Your next binge-watch awaits!</p>
        <div class="hero-buttons">
            <a href="/login/" class="btn btn-primary">Login</a>
            <a href="/signup/" class="btn btn-secondary">Sign Up</a>
        </div>
    </section>
    <section class="features">
        <h2>Why Choose BlickBox?</h2>
        <div class="feature-grid">
            <div class="feature-card">
                <i class="fas fa-film"></i>
                <h3>Curated Content</h3>
                <p>Explore movies and series across genres, from action to drama.</p>
            </div>
            <div class="feature-card">
                <i class="fas fa-download"></i>
                <h3>Offline Downloads</h3>
                <p>Watch anytime, anywhere with offline viewing.</p>
            </div>
            <div class="feature-card">
                <i class="fas fa-star"></i>
                <h3>Personalized Picks</h3>
                <p>Get recommendations tailored to your tastes.</p>
            </div>
        </div>
    </section>
</div>

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "BlickBox",
    "url": "https://www.blickbox.com",
    "description": "BlickBox is a streaming service offering thousands of movies and series in HD. Stream or download your favorites today!",
    "publisher": {
        "@type": "Organization",
        "name": "BlickBox",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.blickbox.com/static/images/blickbox_logo.png"
        }
    }
}
</script>
{% endblock %}