{% extends 'base.html.twig' %}

{% block title %}HomeHelper - Profesionální služby pro domácnost{% endblock %}

{% block body %}
    <section class="hero">
        <div class="hero-overlay"></div>
        <div class="hero-content">
            <h1 class="hero-title">Profesionální služby pro domácnost až k vám domů</h1>
            <p class="hero-subtitle">Zkušený personál připravený pomoci s úklidem, vařením, organizací a dalším. Objednávejte si na hodiny, podle vašeho rozvrhu.</p>
            <div class="hero-buttons">
                <a href="{{ path('app_services') }}" class="btn btn-primary">Procházet dostupný personál</a>
                <a href="{{ path('app_about') }}" class="btn btn-secondary">Dozvědět se více</a>
            </div>
        </div>
    </section>

    <section class="features">
        <div class="container">
            <h2 class="section-title">Proč si vybrat HomeHelper?</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🏆</div>
                    <h3>Ověření profesionálové</h3>
                    <p>Veškerý náš personál prošel prověrkou, je vyškolen a vysoce hodnocen předchozími klienty.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">⏰</div>
                    <h3>Flexibilní plánování</h3>
                    <p>Objednávejte služby na hodiny, v čase který vám nejlépe vyhovuje. Dostupné i objednávky na stejný den.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">💰</div>
                    <h3>Transparentní ceny</h3>
                    <p>Jasné hodinové sazby bez skrytých poplatků. Platíte pouze za čas, který potřebujete.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">✨</div>
                    <h3>Široká škála služeb</h3>
                    <p>Od úklidu po vaření, praní až po organizaci - pokrýváme všechny potřeby domácnosti.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="services-preview">
        <div class="container">
            <h2 class="section-title">Oblíbené služby</h2>
            <div class="services-grid">
                <div class="service-item">
                    <span class="service-icon">🧹</span>
                    <h4>Úklid domácnosti</h4>
                </div>
                <div class="service-item">
                    <span class="service-icon">🪟</span>
                    <h4>Mytí oken</h4>
                </div>
                <div class="service-item">
                    <span class="service-icon">👔</span>
                    <h4>Praní a žehlení</h4>
                </div>
                <div class="service-item">
                    <span class="service-icon">🍳</span>
                    <h4>Příprava jídel</h4>
                </div>
                <div class="service-item">
                    <span class="service-icon">📦</span>
                    <h4>Organizace</h4>
                </div>
                <div class="service-item">
                    <span class="service-icon">🛒</span>
                    <h4>Nákup potravin</h4>
                </div>
            </div>
        </div>
    </section>

    <section class="provider-registration">
        <div class="container">
            <div class="registration-banner">
                <div class="registration-content">
                    <div class="registration-icon">💼</div>
                    <h2>Staňte se poskytovatelem služeb</h2>
                    <p>Připojte se k našemu rostoucímu týmu profesionálních poskytovatelů služeb pro domácnost. Nastavte si své pracovní hodiny, vyberte si služby a rozšiřujte své podnikání s HomeHelper.</p>
                    <div class="registration-benefits">
                        <div class="benefit-item">
                            <span class="benefit-icon">✓</span>
                            <span>Flexibilní rozvrh</span>
                        </div>
                        <div class="benefit-item">
                            <span class="benefit-icon">✓</span>
                            <span>Stálý příjem</span>
                        </div>
                        <div class="benefit-item">
                            <span class="benefit-icon">✓</span>
                            <span>Profesionální podpora</span>
                        </div>
                        <div class="benefit-item">
                            <span class="benefit-icon">✓</span>
                            <span>Ověřená platforma</span>
                        </div>
                    </div>
                    <a href="{{ path('app_register') }}" class="btn btn-primary btn-large">Registrovat se nyní</a>
                </div>
            </div>
        </div>
    </section>

    <section class="cta">
        <div class="container">
            <h2>Jste připraveni začít?</h2>
            <p>Prohlédněte si náš dostupný personál a objednejte si svou první službu ještě dnes</p>
            <a href="{{ path('app_services') }}" class="btn btn-primary btn-large">Zobrazit dostupný personál</a>
        </div>
    </section>
{% endblock %}